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

01 布 局

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

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

Claka表单UI

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

表单应用程序的响应

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

多重登录表单

02 提 示

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

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

提示信息

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

保健提示

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

每日UI#011 - 提示信息

03 按 钮

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

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

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

滑块按钮页

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

相关文章:

  • 2021-10-14
  • 2021-05-15
  • 2021-07-29
  • 2021-12-31
  • 2021-09-03
  • 2021-06-14
  • 2021-07-07
  • 2021-06-28
猜你喜欢
  • 2021-08-15
  • 2021-05-24
  • 2021-05-26
  • 2021-09-07
  • 2021-08-20
  • 2021-05-25
  • 2021-05-08
相关资源
相似解决方案