别人的UI表单为什么设计这么漂亮

如题所述

一般的表单都是由用户的注册、输入、设置、操作,陕西优就业小编给介绍一个别人家的UI表单

常用UI设计原则:

1. 如果5个以下内容,全部放出来,而不是折叠

2. 多个选择的功能,收纳在一个选择容器里。一般日期由年、月、日三个部分组成,如果使用下拉列表会有9步操作,对于这种功
能接近的可以整合到一个设计组件里。

3. 使用开关而不是下拉列表。如果只有2个选项,如显示或隐藏,打开或关,这种情况使用开关来提升操作效率。

4. 滑块。通过滑动控件,将单调的下拉式操作调整为用户易于扫描的视觉体验,可以使用滑块定义好范围内的一个或多个值。

5. 避免多列表单。移动端都是小屏幕,需要让用户重点放在内容上,保持从上而下的阅读视线,避免过于复杂的表单。

6. 使用增加或减少按钮而不是下拉。当用户需要通过增加或减少时,避免自由表单输入和下拉列表,用按钮帮助最大限度的减少 错误。

7. 尽量避免显示不需要的字段。尽量避免显示不需要的字段,使表单更短,不要把必填和非必填的内容混在一起。

8. 对信息进行分组。对相同内容信息进行分组,方便用户快速准确的扫描查找。

设计策略:

1.如果5个以下内容,全部放出来,而不是折叠。

2.多个选择的功能,收纳在一个选择容器里。

3.如果只有2个选项,如显示或隐藏,打开或关,这种情况使用开关来提升操作效率。

4.通过滑动控件,将单调的下拉式操作调整为用户易于扫描的视觉体验。

5.避免多列表单,保持从上而下的阅读视线,避免过于复杂的表单。

6.当用户需要通过增加或减少时,避免自由表单输入和下拉列表,用按钮帮助最大限度的减少错误。

7.尽量避免显示不需要的字段,使表单更短,不要把必填和非必填的内容混在一起。

8.对相同内容信息进行分组,方便用户相更快地扫描查找,不要内容都混在一起

温馨提示:答案为网友推荐,仅供参考