老板说作品没有设计感，这10个优化技巧简单有效，你一定要知道

1、善用黑白

没有想法？没有好的配图？那么就只需要用到万能的黑色和白色，就可以迅速获得一个具有正确构图的“抽象主义设计”。在作品中善用黑白将帮助你理解平衡、留白以及如何使用文字和几何图形。

让我们快速看一个例子，黑白的运用对作品的展示简单而有效，看起来就很高级。

2、保持画面平衡

我喜欢用我自己发明的“东西”来测试我的设计，我称之为“平衡方案”。这是一个黑白的内容块方法，我会用简单的几何图形来代替内容。

我的这个方法是让黑色块盖住元素，然后计算左右的黑色面积，大致相等的话，就视为平衡。如果把这个原理应用到界面中，会得到这样的结果：

用黑色矩形替代主要内容，灰色是次要内容。显然你必须靠眼睛观察，但其实我们也可以直接计算。左侧区域的黑色矩形面积之和为（236×138）+(934×132)+(674×44)+(313×69) = 207109px，右边的大矩形面积为（446×446） = 198916px。他们之间的差别很小，误差只有3.9558%

我现在在设计之前不用去计算，经过多年的练习，这种意识就变成了自然而然的事情，因为你的眼睛会感觉到不平衡。

（彩云注：关于视觉平衡，这里其实讲的是视觉面积要大致相同，人眼才会感知到平衡。正好彩云在上一篇文章《为什么你的设计总感觉不舒服？很可能是视觉平衡没有做好》中有分享更全面的画面平衡知识，一定要读一读了。）

3、给作品增加背景

我在前面那个例子中是用了一个灰色的背景来展示设计作品，但其实可以尝试不同的元素，这有助于增加画面空间感和背景效果。

但要注意，在一个真实的网站中，页面周围可能没有这么多多余空间，所以这只是一个作品展示技巧。

在上面这个作品展示中，咖啡豆给人的感觉是有深度和有品质的。

4、使用规范字体大小

不用浪费时间整天去测试尺寸。我建议段落文字尺寸大约是14-18pt，副标题是24-36pt，标题可以用更大一些的字号（我个人是习惯用96-144pt）。Figma的默认大小非常适合排版。

上面的尺寸看起来太小，这也正常，因为你在手机上看到的图，在电脑上全屏看就是正常的。

注意：有些字体比其他字体大或小得多。你应该使用像Roboto这样的标准字体，如果字体大小跟14-18pt的Roboto差不多，那么它是完美的正文字体。

段落18，导航24，标题96

（彩云注：我建议刚入行不久的小伙伴，比如不知道网页规范，移动端规范，一个比较快且行之有效学习规范的方法就是去截图大厂的应用，网页和APP都可以。然后，对着截图直接量就好了，记住人家在做界面的时候，字体用多大，什么颜色，间距，字号等等。记住这些参数，至少不容易出错了。之后，在自己项目中自定义规范，关于设计规范如何制定我之前也专门写过文章，想了解这块知识的一定要去看看《原来设计规范要这样理解，早知道就好了！》）