助你走上专业道路,UI设计师必备的12个小技巧

发布时间:2024-05-14 20:47:52 浏览量:209次

还记得那个每年都会总结UI和视觉设计趋势的资深设计师吗?他最近开始在推特上分享他日常工作中注意到的UI设计技巧,这些小技巧虽然零散,但是很好地总结了UI设计的一些常见问题。

结合这些小贴士,对着自己的设计来进行快速检查,能够定位并解决很多常见的小问题。

1、尽量避免使用轮播图指示器

绝大多数用户都只会往下翻看页面,横向翻页的轮播图多数时候用户不会翻动查看。

轮播图通常很难快速引起用户的兴趣。如果可以尽量移除这个功能,或者使用其他的选项控件来替代它。

2、使用指向性明确的按钮标签文本

按钮标签文本内容应该始终指向明确的动作,告诉用户单击此按钮后会发生什么。避免模糊的操作名称。

避免使用模糊的操作按钮,按钮的标签文本需要清楚地说明将要发生的事情。

3、按钮文本同样需要层次结构

当UI界面中有多个按钮的时候,应当始终显示哪些操作是主要的,哪些是次要的。避免让两个操作按钮在视觉上看起来是相同的。

清楚地显示哪些动作是主要的,哪些是次要的。避免让两个操作按钮在视觉上看起来是相同的。

4、避免使用笔触太纤细的字体

笔触太纤细的字体在阅读上毕竟困难,常规、半粗体和粗体的字体更易于阅读,并且有着更好的可访问性。避免在您的项目中使用笔触过于纤细的字体。

5、图标风格样式应当保持一致

所有的图标都应该具有完全相同的样式、风格和形式。不要将填充的图标与轮廓的图标混合在一起。

6、在按钮中保持足够多的空白

比较安全的选择是文本距离边缘至少有一个「x高度」的距离,如果是2倍则更好。避免使用文本标签周围留白太少的按钮。

7、避免使用红色星号来标识必填字段

如果可以,请改为文字标明是「选填」或干脆去掉这些字段。避免使用红色星号来表示必填,并尽量只让用户填写必要的字段。

8、避免使用多栏表格

将表单保留为一列,以便于快速阅读和填写。尽可能避免使用多列表单!

9、尽量避免在表单中使用下划线标识字段

用户需要更长的时间才能理解下划线字段为需要填写的表单。输入框具有清晰可见的边界,也可以很轻松地被理解。

10、消息通知的属性和色彩、符号保持一致

避免使用矛盾的信息,传达不明确的信息。清楚告诉用户发生了什么以及接下来要做什么。

11、避免使用太小的点击区域

较大的控件尺寸在桌面上更易于使用。即使在桌面上,也要尽量避免较小的点击区域。

12、表单输入框尽量避免使用圆形边缘

输入框采用小弧度圆角是没问题的,但是要让它视觉上做边缘清晰。纯粹圆角的表单输入框左边缘上存在视觉对齐的问题。

想要学习更多UI设计技巧?快来点击咨询,了解火星时代教育的课程!

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定