观察能力的提升也来自于平时项目中的经验积累，为此，彩云围绕设计细节策划了一系列文章，今天这篇文章是第一期，感兴趣的同学请继续关注，以后会有更多设计细节干货文章连载，保证看完就能用完。

  在设计一个高效、美观的UI界面时，有时只需一点点调整，就可以迅速提高设计质量。有时只是简单的调整就可以让客户、用户和您自己真正满意的界面被设计出来。

  本文中，我整理了一些小的设计技巧，可以帮助您快速改善您的设计，改善用户体验。

  1.适当使用文字修饰元素。

  有人会以简约设计来说话，认为不应加上多余的文字干扰，界面上的内容都要遵循有意义的原则，这样就没问题。但是有时添加文字的目的仅仅是为了“装饰”，这样没问题。我们不想让所有的设计都变得简单而简单。

  为了单纯的装饰目的而添加更多的特殊元素是完全没有问题的，它可以不遵循可访问性的标准，比如颜色对比度特别浅，看不到都没关系。只需这些元素不会影响用户体验。

  2.UI界面中不同元素之间要有区别。

  在用户界面中，按钮、通知(文本链接)是两个独立而重要的元素。可能的话，一定要确保用户在浏览您的网站或应用程序时，能迅速而轻松地将他们区分开来。

  在大多数情况下，按钮都是最重要的，因此确保按钮在界面上是最显著的，而且很容易区分其他元素(例如：文本链接)。

  3.采用更加自然的投影。

  在设计过程中，我们经常使用投影。正确使用投影仪可以有效地提高视觉质量。设计界面避免使用较重的投影，降低不透明度，使界面看起来更自然。

  4.使用字体使视觉更清晰。

  而且在设计时，字体都用大写字母也很好。这有助于实现设计中各元素间的多样性和对比度，提升整体视觉效果。但是要确保选择合适的字体、行的高度和文字的粗细，确保为用户呈现的内容清晰。

  5.面包屑导航应易于用户理解。

  导航器设计无处不在，通常适用于网站内容较多的网站，但有时很难理解其含义。只要稍加调整字体的颜色和粗细，用户就能很快地知道自己的网站在哪里，以及他们可能会去哪些地方。

  举例来说：如果他们通过搜索跳到了一个网站的某个地方，这一点尤其有用。就像上面所示的设计一样，总是让导航链接的最后一个项目在视觉上与其他项目有明显的区别，使用户更容易理解。

  6.避免使用过多饱和度色。

  高度饱和的色彩(亮蓝、红、绿等)在网站上相当具有视觉冲击力，能够吸引用户的注意力。但如果使用过多，可能会使使用者的眼睛疲劳，特别是与文字内容一起使用。

  尽可能少的使用饱和度高的颜色，你可以试着降低饱和度，通过在颜色中增加灰度来使颜色变淡，这样不仅能避免用户视觉疲劳，而且更能突出重点内容，让用户阅读更方便，不被视觉干扰。

  7.使用用户熟悉的图标，便于识别。

  当图标被用于设计时，最好使用用户熟悉和容易识别的图标，以使用户能够迅速地了解其用途。如果图标无法传达正确的意思，就会变成视觉噪音，让使用者迷惑，成为使用者的认知障碍。

  8.使用亲密性原则来表示各要素之间的关系。

  排版的四个基本原则：对比、重复、对齐、亲密，在版面设计中将相关元素归类，建立一定程度的视觉关联，实现页面整体结构的清晰度，加速用户在浏览网站或应用时的认知。

  9.使用4pt基线网格+8pt网格进行字体排版。

  在字排时，把4pt基格网和8pt格网结合使用，会给设计带来更和谐的垂直节奏。

  您只需使用行高值4(16、20、24、28等)4的倍数，使字体与基线网格对齐。为何是4？嗯，就个人而言，我发现过去在处理一些文本大小时，用8的倍数缩放并不普遍。

  10.降低标题的高度。

  大段文字需要足够的高度，以增加可读性，而标题一般较短，这样您就可以略微缩小间隔。

  推荐的标题行通常是文本大小的1-1.3倍，标题文字越大，要求的行数越少。

  11.在色轮上使用邻近色不容易出错。

  邻色，是最和谐的色彩组合之一，当你在选择颜色时，它可以给你很大的帮助。

  由“主、次、再”组成的一组邻近色可以帮助你快速地构建出一种简单且不出错的配色方案。

  12.最大限度地实现设计。

  通过“信号最大化”和“噪声最小化”可以达到设计中的清晰和易用性，从而产生高信噪比。

  要做到这一点，首先要确保相关的信息(信号)在不相关的信息(噪音)被完全减少或删除的情况下有效地呈现。修剪下绒毛减少无关信息，增强重要信息，提高界面的信噪比，从而提高界面设计质量。