发布时间：2022-6-3 分类： 行业资讯
最近，我周围的一些小伙伴将始终满足B方的设计工作。对于后端设计的B端设计，总会有很多表单设计需要完成。结合以前的表单设计工作，我在这里做了很多工作。让我们分享您对PC端表单设计的研究，并讨论PC中表单的使用。
表格的作用
业务与数据不可分割，数据总是依赖于不同的表达形式。无论是word文档还是数据可视化，查看器都通过表达形式读取和分析数据，因此表单的设计是表达的一种形式。我们将通过表单来看看如何使用户的阅读流畅易用，简而言之，最好使用。
如何拆分表格信息
无线分段：顾名思义，列表中的信息通常通过分割线等方法分隔，并且仅使用间距来分隔内容。优点是元素更少，图像更简洁，但视觉可能不那么清晰，并且通常使用播放速率。
有线分割：相同的字面意思是用简单的分界线划分列表中的信息，使视线更稳定，易于移动，并且表格设计中使用的出现率非常高。
斑马线：通过交替颜色块生成的颜色块和对比来分隔列表中的信息。周期的深度和深度就像斑马线。使用时，颜色块用于对比度，因此您也可以使用具有适当饱和度的颜色。块区分，占据页面区域的大部分，适当的颜色可以使图片更加生动和充实，斑马线也是一种具有非常高的出现率的显示形式。
斑马线+分界线：很容易理解，就是斑马线样式+分界线的组合，使用色块来区分和添加分界线，信息之间的对比度更强烈，但画面水平更高，没有其他它似乎很简单，而且使用率也是平均的。
卡片类型：与卡片风格的其他设计一样，它们由悬挂的颜色块分开。间隔是背景颜色。分离的力量相对较强。内容明确分开。缺点是它在图片中占据更多位置，尤其是在信息中。在许多列中，添加了大量高度，并且用户需要更多时间来执行翻转操作。使用率略低于其他形式。
控制页面显示的数量
场景：用户需要阅读大量表单数据，并且需要频繁翻页和跳转。
如图所示，界面中每页显示的信息数量可以在左下角设置。用户可以根据自己的需要自由设置。浏览更多数据时，不再需要经常单击下一页来浏览信息。每页显示的数量增加，从而减少了操作次数。
有许多方法可以让用户自由编辑和改善体验。例如，您可以设置显示密度，即以相同的方式调整信息和分界线之间的距离。除了行间距外，有些可以自由设置每列的列间距，用户可以根据自己的习惯进行设置。
列表+可视化
场景：用户需要浏览大量数据，并需要反复计算和分析数据。
在使用大量文本列表显示数据时，使用数据可视化进行匹配，用户可以更好地预览数据的一般情况，并可以以列表形式读取详细数据。
按条件排序
场景：用户希望根据特定条件的大小对数据进行排序。
通过单击第一行字幕行，您可以选择不同的方式来调整信息的排序。就像电子商务产品排序一样，您可以选择从高到低或从低到高的排序，或者您可以选择其他排序方式。更快地找到你需要的东西。
过滤和过滤
场景：从大量混合数据中，找到满足您需求所需的数据。
添加过滤功能，过滤掉您不想浏览的内容，按条件过滤，更快更准确地找到您想要的内容，缩小搜索范围，减少达到目标所需的时间。通常通过以下拉按钮的形式选择不同的条件来执行过滤。
关键字搜索
场景：已知列表中的一条信息的名称关键字，您希望从大量混合列表中快速找到它。
与过滤过滤器一样，添加关键字搜索功能，用户提供一些关键字，可以按关键字搜索，找到最快，最准确的关键字。通常，目标内容对于用户是已知的并且有时是针对性的。
悬停显示操作
场景：简化的设计界面，不需要界面中的太多内容。
如图所示，鼠标悬停在哪条线上，哪条线将显示列表后面的操作按钮，优点是减少了视觉干扰，并且可以更快地找到捕获操作位置。缺点是当用户不进行交互时用户无法找到操作。该按钮如何显示？
可扩展列表
场景：我想快速获取列表中消息的其他辅助内容。
如图所示，点击一行后，显示该行的一些辅助信息。您可以在不跳转到该页面的情况下了解有关此行详细信息的更多信息。
可编辑列表
场景：浏览列表时，您需要经常编辑列表中的信息。
用户可以直接修改和编辑列表信息，省去了跳转和编辑的麻烦步骤，节省了时间，使用户操作更方便。
快速预览
场景：您需要完全理解列表中不同信息的详细描述。经常跳跃太麻烦了。
与可扩展列表类似，但可扩展列表显示有限的内容。快速预览功能可以通过侧边框，弹出对话窗口和其他方法直接向所选内容显示详细信息。用户无需跳转到详细信息页面即可学习大量信息，从而消除了繁琐的交互过程。不再需要经常跳到细节 - 返回 - 跳转到另一个细节 - 返回 - 跳转 - 返回。使用快速预览功能可以很好地解决此问题。
（PS：弹出对话框窗口的方式，你可以同时弹出列表的几个细节进行比较，但是由于它的高度优势，侧边框可以显示更多内容）
自定义列
场景：列表中的每条内容都显示太多的信息参数，许多人不想浏览。
自定义列表功能是用户可以自由设置每行信息参数的内容。例如，我不想在列表中显示金额，您可以将其删除，您可以在需要时添加它，这样用户就可以保留他们想要的项目。内容，您可以更快，更方便地阅读您关心的参数，节省用户的有效时间。
固定头
场景：列表太水平或垂直。翻页或交叉绘制页面时，标题将被隐藏。我不知道我当前查看的参数属于哪个项目。
在交互过程中，可以修复第一行重要事项。当翻转列表的内容时，第一行仍然不会移动到位并覆盖列表中的其他信息。许多内置框架都采用这种形式。出现率也非常高，因此用户可以随时检查他看到的内容属于哪个属性，或者属于哪个属性，可以水平固定，或者可以固定在垂直第一行标题，或可以修复。最后一个操作点击区域，如何修复它，是否固定，根据整体需求。
间距规则
通常表单是很多文本，大多数文本高度约为行高的三分之一。太靠近用户不顺畅，太靠近显得太松，不同的划分方式，间距会有所不同。
总结
实际上，上面的每一个都是一个小小的总结，每个都可以在大多数列表中使用，主要是根据实际需要来应用这些点，比如根据主要样式进行分割的方式，不是为设计而设计的盲目使用毕竟设计是基于内容，尤其是表单设计，这是一种更好的内容表达。
本文最初由@ Bamboostream Gaven出版。未经许可，禁止复制
该地图由作者提供
