34个简短实用的UI/UX设计技巧

  • A+
所属分类:经验思维

本文来源: 水手哥(公众号:水手哥学设计), 共 1741 字

“Sparklin设计技巧”是由新德里数字机构Sparkin提供的一系列简短实用的UI / UX技巧,每周二在其社交媒体渠道上分享。

使用之前和之后的模型图像,Sparklin团队通过可视化示例解释了良好的UI / UX实践,使其易于理解和理解。无论您是新手还是经验丰富的设计师,这些提示肯定会为您的下一个项目派上用场。

34个简短实用的UI/UX设计技巧

01.不要为了强调而把文本放大,可以使用字体的粗细、大小或者颜色的深浅来表现。

 

34个简短实用的UI/UX设计技巧

02.避免使用长文本和小文本充满整个画面,可以在屏幕中适当留白凸显文本的重要性。

 

34个简短实用的UI/UX设计技巧

03.手机应用程序的按钮设计需要仔细调整其比例大小。根据麻省理工大学的一项研究,人类指尖的宽度为16-20毫米,差不多40-50px。

 

34个简短实用的UI/UX设计技巧

04.移动端没有悬停状态,按钮(或呼吁行动)必须按照设计规范化,使移动端界面也能真正响应。

 

34个简短实用的UI/UX设计技巧

05.在左边的对话框中,CTA按钮的焦点让人困惑;主操作按钮在右边的对话框中是聚焦的,能很好的区分主次和重要性。

 

34个简短实用的UI/UX设计技巧

06.当界面中有少于5个选项时,可以使用无边框按钮的风格来排列突显,这个方法会优先考虑;如果界面中有7个以上的选项,而不需要同时查看所有选项,则首选使用下拉菜单。

 

34个简短实用的UI/UX设计技巧

07.无限滚动——更适合像Twitter这样的内容探索;分页——最适合像Amazon这样的目标导向平台。

 

34个简短实用的UI/UX设计技巧

08.紧凑布局——多用于像删除、警告这样高度类似的按钮排列;分布式布局——多用户像喜欢、删除这样对应的按钮排列。

 

34个简短实用的UI/UX设计技巧

09.为需要的或频繁选择的单选按钮创建默认选择。

 

34个简短实用的UI/UX设计技巧

10.对于复杂或抽象的分类,使用图标+标签来表达理性和情感带来的心里认知。

 

34个简短实用的UI/UX设计技巧

11.想要设计更好的CTA按钮?尽可能的把文本控制在3个单词以内。不要只添加动作,还需要更具上下文内容确定按钮的文本。

 

34个简短实用的UI/UX设计技巧

12.重叠的图像增加焦点和界面的深度,这也是优化界面空间感的好方法。

 

34个简短实用的UI/UX设计技巧

13.当用户在字段中填写信息时发生指定内联措时,好的设计是提供纠正错误信息的建议!

 

34个简短实用的UI/UX设计技巧

14.按钮比文本链接更重要!创建一个可视按钮会更优于文本链接,以减少用户的记忆负荷。

 

34个简短实用的UI/UX设计技巧

15.在设计可行性的条件下,通过加入图标或图形来增强内容。

 

34个简短实用的UI/UX设计技巧

16.合理使用色彩、有效运用空间让内容通过对比形成差异化。避免使用太多元素。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: