我可能会假设我们中的大多数人都是从一开始就对UI设计一无所知，但是，尽管开始的时候我们遇到了困难，我们还是通过大量的设计书籍和文章来理解颜色、排版、布局等是如何工作的。

    这是一个背后有一个“为什么”的过程，每当我们创建一个更大的文本，添加一个阴影，或者改变颜色，都必须有一个原因来解释为什么事情必须是这样的。

    因此，在本文中，我将分享我从不同的公司、设计师、设计用户界面时学到的东西以及我在这一过程中发现的新发现！

    一、这个文字很重要，让它更大？

    当面对需要字体层次结构的内容时，使文本更大以给予重点和重要性通常不能解决问题，就像下面的问题一样：

    字体层次结构不是小到大的字体大小，它是关于字体正确的大小，粗细和颜色的混合，创造对比，对比度越大越好。

    那么，如何创建更好的对比度呢？

    1.不要使用一种不同字体大小的权重来创建对比度和层次结构。

    2.相反，主要内容使用粗体和深色样式，次要内容使用较小和较浅样式。

    3.创建三种不同颜色的文本（见下面的示例）。

    4.不要害怕在项目上应用大的字体间隙（即24px标题、16px正文文本、10pxmeta等）。间隙越大=对比度越好。

    5.记住，对比度=字体大小+字体粗细+颜色

    6.最后，一定要检查它的对比度。

    二、不要使用纯黑色

    我们都知道使用黑色文字颜色（＃000）会给读者带来眼睛疲劳，因此我们的解决方案是创建深色变体作为替代方案。但是，我们可以使用具有不同不透明度的黑色作为解决方案，而不是选择3个或更多十六进制颜色值：

    三、用公式学颜色

    直到我了解到，了解色彩并不仅仅是为了那些从一开始就有设计天赋的人，在Hue，饱和度，亮度（HSB）上进行简单的加法和减法就能发挥作用（我们将对这个公式使用HSB而不是RGB）。实际上，我们可以采用两种方法，正如我们所见，这两种方法的基色都相同，但在文件夹和条带颜色方面有所不同。当我们开始时，总是记住第一个数字对应于色调，然后是饱和度，最后是亮度。

    四、使用间距分隔组

    除了在两个组之间添加一条线以显示分隔之外，在两组之间使用一个较大的空间是一个更好更容易的解决方案。彼此接近或接近的物体往往被组合在一起

    从上面的例子中，我的目标是通过在标题和它的作者之间使用一个24像素的大空间间隙来创建一个分离。

    五、使用颜色分隔行

    除了使用线条外，在行中添加颜色背景对用户阅读非常有帮助，而且对我们的设计师来说也会更享受。

    六、使用品牌颜色作为强调

    尽量保持我们界面的整洁。

    七、注意对齐

    最后，如果您要创建一个像上面这样的列表设计，请将项目符号、标志符号或数字放在空白处以突出显示列表。这将使用户的可读性流不间断，更清晰。

    更多设计资讯可拨打：400-9988-500；