当您创建一个漂亮而高效的UI时，您需要花费大量时间打磨细节，并不断调整它们以满足您的客户、用户和您自己。
1. 微调亮度，使文本更明亮
在较长的文本中，如果你使用“正常”的粗细，文本字体在视觉上仍然有点太重，所以你可以调整它的颜色，选择一个像#4F4F4F这样的颜色，使它看起来更友好和舒适。
2. 字体大小越小，行高越高
在文本排版中，字体大小与行高的比率不相等。在缩小字体大小时，行高不应按比例缩小。相反，增加字体大小和行高的比例。此外，当字体大小增大时，相应的行高应小于增大后的行高。
3. 在色调和饱和度的基础上丰富调色板
在许多设计中，没有必要用许多不同的颜色来丰富配色方案。在基本色的基础上，再对色彩的色相和饱和度进行微调，可以迅速匹配出合理和谐的视觉效果，增强整个设计的一致性。
4. 突出最重要的元素
突出最重要的元素。突出视觉中心。可以通过调整字体大小、粗细、颜色和背景对比度来突出显示这些元素。只需简单的调整即可获得良好的用户体验。
5. 确保图标样式高度一致
在用户界面中使用图标时，使用一致的图标。确保它们在大小、视觉风格、描边厚度和填充风格上一致。
6. 总是在前台放置一个号召行动的句子
常识,对吧?但在包含过多信息或意图的页面中，这一常识往往被忽视。同样，通过对比颜色、大小和样式，使动作调用声明尽可能突出。不要总是依赖像图标这样的元素;使用文本标签更为明显。
7. 为表单上的错误报告提供可视化指导
当用户填写表单时，如果出现错误，用户可能不知道问题是什么。清晰的视觉引导，一方面让用户知道错误所在，另一方面让用户了解错误产生的原因，这样更有利于整个过程。
8. 在菜单中突出显示最常用的功能和操作
在设计程序菜单时，应将优先级最高的功能和选项突出显示在屏幕上，如“上传图片”等。
9. 从产品图中提取背景颜色
根据你的核心产品图片的背景、文字等视觉元素使用颜色，然后赋予每个元素不同的视觉效果。其中，背景色的一致性可以给整个视觉带来最直接直观的效果。
10. 使用大的可点击区域
在为移动端设计UI时，这些控件和可交互元素应该尽可能大，以确保用户的手指能够准确地点击他们看到的元素。使用按钮控件而不是文本链接，结合指导图标，并确保尺寸足够大。iOS中按钮最小尺寸为44×44 PT, Android中最小尺寸为48×48 DP。
11. 确保浅色文字和图像之间的对比度
浅色文本和浅色图像之间的对比度可以很低，所以你可以在文本下面添加一个深色的半透明覆盖层来提高对比度。这种设计的优点是，当你改变背景时，不需要调整前景文本。
12. 在进度条中添加更清晰的信息指南
这可能是最后一个需要精简的组件。尽量在进度条中提供更多的信息，特别是在下载进度条中，例如下载进度和百分比。它并不复杂，但却是用户最需要的信息。
相关新闻
