UI用户界面设计的7个小技巧
用户界面设计的7个小技巧,上元教育创办于2005年，14年一路走来，专注于学员学习效果，学平面设计到上元教育。
我可能会假设我们中的大多数人都是从一开始就对UI设计一无所知，但是，尽管开始的时候我们遇到了困难，我们还是通过大量的设计书籍和文章来理解颜色、排版、布局等是如何工作的。
这是一个背后有一个”为什么”的过程，每当我们创建一个更大的文本，添加一个阴影，或者改变颜色，都必须有一个原因来解释为什么事情必须是这样的。
因此，在本文中，我将分享我从不同的公司、设计师、设计用户界面时学到的东西以及我在这一过程中发现的新发现！
一、这个文字很重要，让它更大？
当面对需要字体层次结构的内容时，使文本更大以给予重点和重要性通常不能解决问题，就像下面的问题一样：
字体层次结构不是小到大的字体大小，它是关于字体正确的大小，粗细和颜色的混合，创造对比，对比度越大越好。
那么，如何创建更好的对比度呢？
1.不要使用一种不同字体大小的权重来创建对比度和层次结构。
2.相反，主要内容使用粗体和深色样式，次要内容使用较小和较浅样式。
3.创建三种不同颜色的文本（见下面的示例）。
4.不要害怕在项目上应用大的字体间隙（即24px标题、16px正文文本、10pxmeta等）。
间隙越大=对比度越好。
5.记住，对比度=字体大小+字体粗细+颜色
6.最后，一定要检查它的对比度。
二、不要使用纯黑色
我们都知道使用黑色文字颜色（＃000）会给读者带来眼睛疲劳，因此我们的解决方案是创建深色变体作为替代方案。
但是，我们可以使用具有不同不透明度的黑色作为解决方案，而不是选择3个或更多十六进制颜色值：
在上面的示例中，我使用黑色作为我的主颜色，并根据应用层次（即主内容、辅助内容等）降低其不透明度。
三、用公式学颜色
我们中的大多数人都不擅长选择正确的颜色组合，每当我们看到一个精心编排的调色板设计时，我们都会问自己”他们是如何做到的？””（就像下面的那个一样）：
直到我了解到，了解色彩并不仅仅是为了那些从一开始就有设计天赋的人，在Hue，饱和度，亮度（HSB）上进行简单的加法和减法就能发挥作用（我们将对这个公式使用HSB而不是RGB）。
如下所示：
那么，HSB中的加减法在哪里出现呢？
实际上，我们可以采用两种方法，正如我们所见，这两种方法的基色都相同，但在文件夹和条带颜色方面有所不同。
当我们开始时，总是记住第一个数字对应于色调，然后是饱和度，最后是亮度。
选项A
在选项A中，我们可以看到色调值123一直保持在形状（圆形、文件夹、条带）之外，而饱和度和亮度是发生变化的地方。
现在，当我们关注的是24的基底饱和度和96的亮度时，当我们为文件夹创建深绿色时，这两个值都发生了变化。
从24的饱和度变成40（增加+16），从96的亮度变成82（减少-14），这表明无论增加还是减少，饱和度的变化都需要与亮度成反比调整，以产生良好的对比度（反之亦然）。
同样的事情也发生在纸条上，以文件夹的饱和度和亮度为基值，我们从40移到44（增加+04），亮度从82减少到75（减少-07），由此得出公式：
较暗值=饱和度增加是亮度的降低
较亮值=饱和度降低是亮度的增加
每当我想知道在我的设计中应该使用什么颜色时，这个公式就帮助了我。
我了解到最好的开始点是有一个基色，从那里开始调整饱和度和亮度，同时保持色调值不变。
选项B
在选项B中，同样的原理仍然适用（我们上面的公式），但是色调值会改变。
RGB代表红色、绿色和蓝色，而CMY代表青色、洋红和黄色。
这些术语在我刚开始的时候并没有对我有任何重要性，直到我发现使用RGB和CMY进行颜色组合时。
现在在选项B中，如果我们想要基色的颜色有一个更暗的变化，我们需要做的就是将颜色选择器移动到调色板中最近的RGB所在的方向，或者将其移动到CMY的方向以获得更亮的变化。
例如：
由于我们想要创建一个更暗的基础颜色b9f4bc（圆形背景），这将应用于我们的文件夹图标，我们需要移动我们的颜色选择器到最近的RGB所在的方向（在本例中是蓝色）。
但是如果我们想要一个更轻版本的文件夹，我们将把选择器移到左边，靠近CMY（在本例中是黄色）。
*更常见的是，RGB会导致较暗的变化，而CMY会导致较浅的变化。
将颜色选取器移动到所需的变体后，现在我们将在选项A中应用公式，这将导致我们具有此颜色组合：
红色、绿色、蓝色（RGB）+选项A公式=较暗的变化
青色、洋红、黄色（CMY）+选项A公式=较浅的变化
四、使用间距分隔组
除了在两个组之间添加一条线以显示分隔之外，在两组之间使用一个较大的空间是一个更好更容易的解决方案。
彼此接近或接近的物体往往被组合在一起
从上面的例子中，我的目标是通过在标题和它的作者之间使用一个24像素的大空间间隙来创建一个分离。
五、使用颜色分隔行
除了使用线条外，在行中添加颜色背景对用户阅读非常有帮助，而且对我们的设计师来说也会更享受。
六、使用品牌颜色作为强调
尽量保持我们界面的整洁。
七、注意对齐
最后，如果您要创建一个像上面这样的列表设计，请将项目符号、标志符号或数字放在空白处以突出显示列表。
这将使用户的可读性流不间断，更清晰。
用户界面设计的7个小技巧,上元教育创办于2005年，14年一路走来，专注于学员学习效果，学平面设计到上元教育。
常州上元教育钟楼区地址:
钟楼区南大街商务馆B座6楼，66-603室
乘9号、10号、11号电梯至6楼，电梯到6楼正对着就是上元教育办公室
电话/微信号：13606115683 上元石老师
若是找不到可以电话我
（华润万家超市楼上，封式烟酒店旁，拉斯维加斯对面，靠近人民公园站台）