咨询热线:18609840880

资讯中心

秉承严谨的态度,为您提供专业的服务

新图闻浅析网页设计中,表单作用与样式

发表时间:09-30  浏览次数:0

表单的作用

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

1.表单信息的分割方式

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

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

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

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

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

2.列表+可视化

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

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

3.筛选过滤

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

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

4.关键字搜索

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

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

5.可展开列表

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

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

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


版权所有:大连新图闻科技有限公司. 保留一切法律许可权利 代理律师:戴律师