**近半年一直在产出作品，但是很少有时间去研究和思考设计，**近在 Medium 上看到一篇很好的文章，作者是 Adam Wathan & Steve Schoger，文章讲了设计中的七个技巧，很简单易懂却非常实用，我在这里分享给大家，再做一些解读，让我们开始吧。

1.多使用颜色和字重来表现层次关系，而不是只用大小

上图中，左边的界面之所以没有右边的层次分明，主要是因为只加大了重要的字却没有加粗和加深他们。我们在对界面进行版式设计的时候，**常犯的一个错误就是过于依赖字体大小来来控制层次结构。尤其是在中国，老板说的**多的话就是 “Logo 要大！”，这句话让很多设计师抓狂，一个界面设计的好不好，**关键的点就是是否清晰明了，能让看界面的人一下就分清主次，知道哪些是界面中的重要信息，哪些是次要信息。“大” 只是我们突出重要信息的一种方法，我们还可以把它加粗和加深颜色来让它更明显。

在颜色上我们一般使用三种层次，标题**深，正文第二深，一些不重要的注释**浅，就像下图中展示的一样：

在字重（也就是字体粗细）上，我们一般分两种字重。用较重的字重来表现标题，比如 600 到 700，然后用较轻的字重来表现正文，一般是 400 或 500（正文**不要超过 400 否则太粗）。这里的数字如果懂前端的朋友应该很明白，其实对应我们设计中就是标题用 Bold 和 Heavy ，正文用 Regular 或者 light，下图中标题是 700 字重，正文是 400：

2.不要在彩色背景上使用灰色文字

上图中，左侧头像下方第二行的小字，使用了纯灰色的文字，而右侧使用了一种浅绿色，明显右边的效果更好。如果在白色背景上，使不重要的文字变成灰色是很正常的做法，但是在彩色背景上将文字变成灰色就显得很业余，因为灰色是不带有任何色彩倾向的，在彩色背景上会显得很难看。

我们通常的做法有两种，**种是使用透明度，把白色的文字变得透明一些，这样背景的颜色就能透出来一些，效果比灰色文字好很多，如下图所示，右边文字设置了百分之 60 的透明度：

第二种做法是手工挑选基于背景颜色的颜色，有时候背景可能是彩色的照片或者图案，使用透明度可能和后边的图案造成重叠干扰，这时候我们**手动挑选一个同色系较浅的颜色（比如在绿色背景上我们就选一个浅绿色的字，在红色背景上我们用浅红色的字），如下图：

3.阴影增加垂直偏移

左图为了使阴影更明显，使用了 12 像素的阴影大小，而右边的图片只使用了 6 像素的阴影大小，却看起来也很明显，而且效果还比左边的自然，原因就是右图的阴影还有 4 像素的垂直偏移。为什么要加垂直偏移？因为在我们平时的生活中，自然光都是从上向下照射的，因此阴影都是在下方，所以增加阴影的垂直距离可以使阴影向下移动，更加接近真实。

方式： 詹老师 或者： 还可以直接在线

了解更多的杭州UI设计师培训课程：

杭州UI设计培训网

杭州UI装修设计培训

杭州天琥设计培训机构

杭州育达教育培训机构

杭州上元教育培训学校