西安网站建设-至成科技

售前免费咨询热线: 0 2 9 - 8 9 3 9 0 7 2 7

建站百科Website News

当前位置:首页 »至成科技浅析网页设计中,表单作用与样式

至成科技浅析网页设计中,表单作用与样式

日期:2018-06-14 访问量:67 来源:至成科技

表单的作用

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

1.表单信息的分割方式

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

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

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

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

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

2.列表+可视化

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

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

3.筛选过滤

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

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

4.关键字搜索

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

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

5.可展开列表

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

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

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


专注互联网综合服务解决方案

探索互联网行业前沿资讯

及时获取较新优惠信息

官方微信

即刻关注 共享精彩

扫一扫

让我们做得更好!

微信ID:wxzcit

www.xazcit.com

相关评论Feedback

全部评论:0条

查看更多>>

相关阅读Reading

西安网站建设

同城资讯Information

扫描左侧二维码
关注至成微信公众号

西安至成信息科技有限公司  Copyright 2012-2018  xazcit.com  All rights reserved.

Email:zcit@zcit.net    邮政编码:710016    《中华人民共和国增值电信业务经营许可证》陕B1.B2-20140011    陕ICP备12008874号-1

联系地址:西安市经开区凤城四路西安国际企业中心B座23层06-10室    售前咨询热线:029-89390727    售后服务电话:029-89393039

西安网站建设、网站设计制作公司-至成科技,已为众多企业提供网站建设网站制作响应式网站设计手机网站建设虚拟主机云主机服务器租用等建站解决方案。

网络警察 12321垃圾信息举报 不良信息举报 中国文明网 西安工商