市中大宛网浅析网页设计中，表单作用与样式

表单的作用

商业离不开数据，而数据总会依赖不同的表现形式，不管是word文档，还是数据可视化，都是浏览者通过表现形式来对数据进行阅读和分析，因此表单的设计就是一种表现形式，我们将捋一捋如何通过表单更好的让用户阅读顺畅、操作方便、总而言之就是更好用啦。

1.表单信息的分割方式

a.无线分割：顾名思义，列表的信息之间正常情况下没有分割线等方法来分隔，仅仅是用间距来分隔开内容。好处是元素更少，画面更简洁，但是视觉可能就没那么清晰了，使用的出场率一般。

b.有线分割：同样字面意思，就是通过简单的分割线来分割列表中的信息，让视线左右移动的时候更加稳定、轻松，在表单设计中使用的出场率非常高。

c.斑马线：通过深浅交替的色块，以及色块产生的对比来分隔列表中的信息，深浅深浅的循环就好像斑马线，使用时是通过色块产生对比，所以也可以使用带有适量饱和度的色块来区分，占页面面积比例较大，适当用色可以使得画面更加活泼、丰满，斑马线也是出场率极高的一种展现形式。

d.斑马线+分割线：很容易理解，就是斑马线风格+分割线的结合，用色块区分的同时又加了分割线，信息之间的区分对比更加强烈，但是画面层级就多了一些，没有其他的看起来简洁，使用出场率也一般。

卡片式：跟卡片式风格其他设计一样，分别用悬浮的色块来区分，间隔的地方是背景色，分隔的力度比较强，内容区分的很清晰，弊端是更加占画面的位置，尤其在信息很多列的时候，会增加大量的高度，用户需要更多时间进行下翻的操作。使用出场率相对其他形式来说稍0。

2.列表+可视化

场景：用户需要浏览大量的数据，并需要对数据反复进行计算、分析。

在使用大量的文字列表展示数据的同时，使用数据可视化加以配合，用户可以更好的预览到数据的大致情况，又可以在列表表单中阅读到详细的数据。

3.筛选过滤

场景：从一大堆混杂的数据当中，寻找符合条件的自己所需要的数据。

添加筛选功能，过滤掉自己不想浏览的内容，通过条件筛选，更快的更—有效的找到自己想要的内容、缩小查找范围、减少达到目的所花的时间。一般通过下拉按钮的形式选择不同的条件来进行筛选过滤。

4.关键字搜索

场景：已知列表中某信息的名称关键字，想从大量混杂的列表中快速找到。

跟筛选过滤一样，添加关键字搜索功能，用户提供部分关键字，可通过关键字查询，较快较—有效的找到想要的那一条内容。一般该目标内容是用户已知的，有时候是针对性的。

5.可展开列表

场景：想快速获取列表中某信息的其他附属内容。

点击某一行后，展现该行的一些附属信息。可以不用跳转页面而进一步了解该行信息的详情。

由此可见，就一个网页表单的设计都有这么多样式。可想而知，网站的全部制作是有多么的负责。然而很多客户并不理解我们设计师的工作，还要求一改再改。