文章采集组合工具(一下B端表格设计与C端的20个问题解答)

　　文章采集组合工具(一下B端表格设计与C端的20个问题解答)

　　目前主要从事B端设计，我知道B端形式设计和C端有很大的不同。显示形式和表格内容有很大差异。而现在网上关于如何设计表单的文章也不少，但需要实现的却寥寥无几。所以今天我们就来聊聊表单，讨论如何设计B端表单。

　　由于表组件类型复杂，分为两部分。第一部分以基础知识点为主，第二部分主要回答交流群20个问题。欢迎继续关注~

　　在我们的 B 端表格页面中，它由导航、过滤和表格模块组成。因为表格区域占比最大，所以页面呈现是最重要的，这会直接影响用户体验。

　　我们在设计和思考表格的过程中，需要注意两个原则：易读和易使用

　　前者是为了提升用户在表格浏览中的体验，主要从信息密度、分色、视觉节奏三个方面；后者是使用表格时的操作体验，如快捷操作、多数据编辑等了解。无论B面的任何页面，表单都是必不可少的部分。

　　要彻底解释这三种形式，您需要结合数据的形式。我将从显示形式、数据结构和前端标签方面解释三者之间的区别。

　　1) 数据采集-表单

　　表单具有*敏*感*词*的数据结构，让用户了解数据之间的对应关系。同时，表格的使用门槛最低，具有更合理的录入表格。比如常见的问卷调查和登录注册，就采用了表单。

　　在前端展示方面，表单使用的标签一般包括：文本、密码、单选、复选框、按钮、提交、重置、图片、文件等属性。我们还需要相应地设计不同的属性。

　　2) 单维都数据整理-列表

　　列表可以将数据有序地显示在一列中，保持数据的有序和整洁。列表具有一对多的数据结构，允许用户在一个数据下整理出多个对应关系，多个对应关系相互并列。例如，在常见的待办事项列表和演练列表中，使用一维数据进行排列。

　　在前端显示上，列表中的标签分为有序和无序。

　　•Ordered list：一个有序的列表，每个列表项按照一定的规则排列和定义，前端标签采用的结构。

　　通常有序列表通常是数字序列号（1、2、3、4...）或字母序列号（a、b、c、d）

　　• 无序列表：无序列表中每个列表项之间没有顺序级别，是平行关系。取在正面标签上