表单是界面设计中重要组件之一,在表单页中用户往往需要填写不同的信息来完成操作。

01 布 局

一个合格的表单,从一个好的布局开始。在信息选项较多时,有的设计师会倾向于,把表单设计成为两列。这样的做法虽然能够大大缩短表单的长度。但用户在使用表单的时候,通常会按照Z字扫描的阅读模式进行操作。这样会大大减慢用户理解的速度。而使用一列的布局时,用户往往会从上往下检视表单,大大提升了理解的速度。所以在这里的建议是:表单最好按照一列的排布形式设计,好利于用户理解并及时进行操作。

Claka表单UI

表单应用程序的响应

多重登录表单

02 提 示

在表单的默认显示状态中,要注意清晰的展示,当前表单要进行的操作或收集的信息。文字标签的文案要便于理解,字数也不易过多。

提示信息

保健提示

每日UI#011 - 提示信息

03 按 钮

在表单中,按钮的操作会触发某些活动,例如提交、取消、删除等等。

在按钮设计的时候首先要明确它是可操作(点击)的,不能设计的太小或者意义不明。

滑块按钮页

更多APP设计UI素材到,搜UI(SOOUI)

更多推荐

ui界面表单设计素材模板,实用可临摹