创建美观、可用和高效的UI界面需要花费时间进行设计细节的打磨，本文从视觉和情感化设计两个方面来说说如何提升UI设计的高级感。 

1、视觉元素

在互联网产品日趋成熟的今天，你会发现所有的App越来越像，似乎是同一套模版设计出来的产品。而这种普适化的设计会导致同质化严重，使得设计不精致，产品没有气质和品牌感。一个App设计是否精致，是否富有设计感，在于它的细节，这就意味着我们在进行设计的时候，要从细微之处着手，从多方面去钻研如何创造出打动人心的UI设计。本节总结了12个简单直观的提升设计感的小细节，一起来学习。

1.1 使用颜色深浅构建层次结构

在对UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。单纯使用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。

每种颜色都有一个视觉权重，这有助于在内容中建立层次结构。通过使用颜色的深浅，为元素赋予不同的重要性。如果可以的话，你甚至可以采用两到三种颜色：

• 主要内容使用深灰色（诸如标题，但是不要用纯黑）

• 次要内容使用灰色（比如商品介绍）

• 辅助性内容采用浅灰色（比如发布日期）

类似的，在UI设计的时候，通常两种不同的字重足以营造出优秀的层次感：

• 大多数的文本采用正常的字重（400到500，具体取决于字体）

• 对于需要强调的文字采用较重的字重（600到700，具体取决于字体）

▲主标题字重为600，其他标绿点的文字字重都为400

应当尽量不要让正文部分字重低于400，因为这一部分字体本身尺寸已经较小，低于400会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。

灰色文字在无彩/彩色背景下要分开处理

不要在有色背景上使用灰色的文本，在白色背景下，将黑色的文本改成灰色（或者在黑色背景下使用灰色文本），是不错的淡化其视觉效果的做法。

但是在彩色背景下，想要降低和背景色之间的对比，通常有两种方法：

一是降低白色文本的不透明度；二是让文本逐步接近背景色，而不是改为灰色。

▲左图设计师职位信息为白色文字降低不透明度，右图为和背景同色相高明度的颜色

其次当涉及长篇内容时，大面积的深色粗体字会给人一种沉重感，而且很跳跃。通过选择类似深灰色（#4F4F4F）这样的颜色可以很容易地解决这个问题，使文字更容易