认识达内从这里开始

认真做教育专心促就业

贵阳达内ui培训表单设计都有哪些设计要点

发布：贵阳达内培训
来源：互联网
时间：2022-02-27 10:55

表单是网页设计师在设计网页的时候会经常用到的一个设计功能，下面我们就通过案例分析来简单了解一下，表单设计都有哪些设计要点。

贵阳达内ui培训表单设计都有哪些设计要点

用户通常只是快速浏览网页而不是细致地从上到下阅读。在填写表单的时候也是这样，尽管设计者希望填写者全心全意，用户也未必如你所愿。让用户能够高效的浏览表单，对避免错填漏填至关重要，尤其是当表单是用户只能填写一次的时候(比如电子商务地址表单，注册表单等等)。

标签位置

关于标签的位置已经有了很多研究，然而这场辩论还在继续。用户对标签顶部对齐的表单完成时间最短，因为此种方式减少了眼球运动的需要量。在通常意义的表单标签中，右对齐的方式能让用户第二快的完成表单，尤其建议在当页面高度有限时使用这种方式。虽然左对齐标签的表单用户完成的最慢，但是当表单需填写的数据不太常见时，这种方式能提高理解。

提示文字

如果将标签作为框内提示文字，帮助性也不大。一旦表单获取点击焦点，提示文字就消失了，用户不再能看见它。这会让用户产生短期记忆的压力而增加错误的机率。

即使把标签分开，另外增加框内提示文字，用户乍一看上去也会觉得像已经填写了的样子。举个例子，空的输入框比有提示文字的输入框更能引起用户的关注，而且与空的输入框相比，用户更容易忽略有提示文字的输入框。换句话说，被认为是有用的表单提示文本其实弊大于利，尤其是对习惯大致浏览的用户。

在某些情况下，提示文字比普通文本的颜色较轻，这可能缓解上述问题。然而这种技术产生了一个对比度的问题，在白色背景下配浅灰色文本通常不符合被普遍接受的网络可访问性指南。

浮动的标签

浮动标签是一个迅速获得普及的新的交互设计方式。在它的设计中，标签文字开始作为提示文字，然后一旦用户开始填写，标签将升到上面，解决了上述提示文字消失的问题。

虽然这种方式还可以帮助减少页面长度，在移动端特别有帮助。但是它不能解决上述文本框看上去已经被填补的问题。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：贵阳达内培训app开发用户引导页设计注意事项

下一篇：贵阳达内培训ui设计师需要掌握哪些设计技巧 >