天津UI设计培训

天津学UI设计,做表单需要知道这些!先锋科教UI设计课程

发布日期:2017-09-21 14:58:10

您所在的位置 > 首页 > UI设计自媒体站 >

     无论是注册流程,多视图步进或单调的数据输入界面,表单都是数字产品的设计中最重要的组成部分之一。本文重点介绍了常见的表单设计样式和要避免的注意事项。但请记住,这些都是一般准则,每一个规则都有例外。

1表单应该排成一列

   
多列排布会分散用户的竖向注意力

2标签顶部对齐


相比使用左对齐的标签,使用顶部对齐的标签后,更高比例的用户会完成表单的填写;顶部对齐的方式也更适用于小屏幕的手机。不过,在面临多选项多数据的输入时,尽量还是考虑左对齐标签,这样用户更容易一起浏览,

3将标签跟输入框作为绑定的一组


把标签和输入框靠在一起,相邻输入框间设置合适的距离避免用户困惑
4避免全部大写


全部大写的标签会造成阅读和浏览上的困难
5如果可选项少于6个,全部显示出来


若将选项隐藏至下拉列表中,用户需要执行两次点击才能完成选择;这种方法最好在选项数量多于5个时再去使用,当数量甚至超过25个时,最好将搜索也融入其中。

6避免使用占位文本作为标签


使用占位文本确实能优化屏幕空间的利用,但其会带来一些可用性问题。

7将复选框(或单选按钮组)垂直排列


将复选框垂直排列易于阅读。
8、使“行为召唤”类按钮具有描述性

一个行为召唤类按钮应该描述其目标意图。
 

9在行内指明错误




在错误发生的地方告诉用户,并指明原因。想了解更多学习UI的知识,欢迎了解先锋科教~

提示:本站发布文章若注明原创的,其版权归先锋科教原作者所有,转载时请注明
未标注原创的,素材均采集自国内外互联网络,仅供学员学习参考使用
若需参加天津UI设计培训,可拨打咨询电话022-27474362咨询

上一篇:在天津你是会创新的UI设计师吗? 先锋科教UI课程

下一篇:最后一页

先锋科教室内设计自媒体站
先锋科教平面设计自媒体站
先锋科教UI设计自媒体站
先锋科教动漫游戏自媒体站
先锋科教机构资讯
先锋科教官网