第168期：用时约3分1161字

【设计技巧】16个UX及UI设计技巧

1.最佳效果的召唤

行动按钮如果为按钮添加上下文信息，那么效果会更好，但是信息尽量不要超过三个单词。

2.移动端上的文字

已经有大量的测试表明，移动设备上最好的可读性原则是确保每行单词个数不超过9个，即不超过50—60个字母。

3.移动端的召唤行动按钮

移动端的召唤行动按钮应该比大多数设计师使用的大小都大。麻省理工学院(MIT)的触觉实验室的研究结果表明，大多数成年人食指的平均宽度为16—20毫米，因此合适的按钮尺寸应该为40—50px宽。

4.电商表单不确定何时使用单选按钮何时使用下拉列表。

这个UX原则非常简单：当选项少于5个时候使用单选按钮，当选项超过5个时使用下拉表单。

5.分页或无限滚动

许多UX设计师都倾向于使用无限滚动来让设计更具时尚和现代感。然而，这不适用于试图找到正确内容的用户。实验证明无限滚动页面适用于内容探索，而分页适用于以目标为导向的用户体验，

6.默认选项——用还是不用

输入和额外的点击具有很高的交互成本。要提高表单的转化率，可以提供默认选项，提示用户所需的以及高频的选项。

7.如何使用图标

滥用图标是一个UI错误，经常会有损用户体验。图标的使用应该具备明显的用意，加强无法用文字表达的内容，一定不要将实际功能隐藏在模糊的图标下。UX黄金法则是：当文本不足以解释操作时，可以使用图标。

8.错误消息

为了提高转化率，请务必提供纠正错误的建议，从而减轻用户的认知负担。保

持人性化和幽默感，避免用户在面对错误屏幕或错误消息时流失。9.清单或是单选按钮

这里的UX原则很简单：对于多选使用清单，对于单选使用单选按钮。任何设计师都应该这样做。

10.使用占位符体现样例

使用占位符可以设定更好的情境并增加表单转换率。但是你需要再多做一步，使用示例而不是只显示用户需要输入的内容项

11.移动端提供更宽的可点击区域

回顾第三项法则中提到的麻省理工研究，移动端上更宽的按钮以及可点击区域总是比小的UI组件效果更好。所以如果设计允许，一定要在移动端上使用比单选按钮、下拉菜单或复制链接更宽、更大的视觉选项。

12.使用颜色分类

采用颜色标签用于分类可以降低用户认知负担，所以可以在关键的设计元素上使用颜色区分。但风险在于不要过度使用颜色，因为这可能会产生相反的效果，并影响用户体验的层次。

13.表单文本输入框

按钮始终为文本输入框旁的按钮使用不同颜色，以确保该按钮不会与文本输入区域融合在一起，并作为CTA按钮突显出来。

14.完美的行间距

我们都希望字体大小和行距之间能有一个完美的比例，但是很抱歉我们将打破这个希望——并没有通用的完美比例。通用UX原则是：保持行间距比字体大小高20–30％，从而提高可读性。通常这个比例范围可以适用于大多数情况。

15.总是有效的字体大小

如果所有设计都使用相同的字体大小，那么世界将会变得非常无聊。如果你为了保险起见，16px字号和1.5倍行高是通用的方案。这是适合正文的最安全的选项。

16.重叠图像使外观更优雅

Powered by Froala Editor