快速提高设计稿质感

我们经常有这样的感觉：我读了很多设计书籍，很多伟大的上帝的文章也一个接一个地阅读，处理项目不是说各种各样的，但数量相当可观，合理的是丰富的设计经验并不过分。但当我们访问设计网站时，我们会看到其他人的作品显然与我们的作品风格非常相似，但其他人的细节更有质感，他们自己的简单，为什么是这样？

我们经常有这样的感觉：我读了很多设计书籍，很多伟大的上帝的文章也一个接一个地阅读，处理项目不是说各种各样的，但数量相当可观，合理的是丰富的设计经验并不过分。但当我们访问设计网站时，我们会看到其他人的作品显然与我们的作品风格非常相似，但其他人的细节更有质感，他们自己的简单，为什么是这样？

让我们先介绍一个概念。

最后一公里

“最后一公里”一词最初用于公共交通的末端。后来，各行各业都提到了这个词，并逐渐用它来形容“完成一件事的最后一步和最关键的一步通常是困难的。如果能够解决这个问题，整个事情就可以形成一个完美的闭环”。

在设计领域，“最后一公里”是指项目的最终呈现。

下面，让我们从四个方面来谈谈如果设计草案的纹理得到快速改善。

一、层次

层次分为平面和深度。任何设计师都应该充分认识到，有节奏的层次变化可以在用户心中产生微妙的化学反应。

这是一家航空公司的广告地图，我们经常可以看到或做类似的设计：一个大的背景地图，一个框架，加上副本，非常简单，但也太平淡了。

我们给图片做一些小的改动，快的话可能十分钟都没有，看看具体做了什么:

1.文本标题与文本的区别，强弱对比更加明显。

2.让机翼分裂矩形框，产生深度感。

3.增加投影

效果是否完全不同？

这两张海报也采用了类似的方法，使2D图片反映了3D效果。如果我们通常使用更多的设计技能，为我们的设计草案创造一种有节奏的层次感，结果可能会非常不同。

二、色彩

在设计中，我们对不同程度的颜色的理解会影响设计的性能。优秀的设计作品，色彩搭配必须和谐得体，赏心悦目。

这是两张颜色非常接近的海报。每个人都应该能感觉到右边比左边更“强迫”。

左边的手稿是单独拿出来的。事实上，这并不是一个糟糕的设计。它还使用了以前非常流行的几何背景。然而，与右边的相比，左边的图片有更多的颜色和相对较高的饱和度，这可能是它看起来“便宜”的原因。

关于色彩，细说的话太多了，这里我提四点:

1.颜色的黄金法则：6:3:1

在作品中，主色、次色和辅助色的比例接近6:3:1.我不敢说满足这个条件一定是一个好的设计，但至少是一个不容易出错的设计。我相信你对这条规则并不陌生，但你越熟悉它，就越容易被我们忽视。当你对你的设计草案不满意时，你不妨看看我们的颜色匹配是否符合这个黄金比例。

2.勿忘黑色

许多现代和简单的风格将使用黑色，当然，我不呼吁你使用很多黑色，而是灵巧的使用。黑色可以让任何颜色看起来更干净，当你不知道用什么颜色来装饰时，试试黑色。

3.遵循自然颜色

地球是有颜色的，天空、土壤、山脉和海洋都有自己的颜色。在我们的设计草案中，如果我们违反了自然的原则，我们往往会感到不舒服。有时，自然的颜色是最好的提示。

4.颜色对比

如果整篇文章是一种色调，它会给人一种枯燥乏味的感觉。当我们需要强调什么，或者想要表达某种情绪来营造某种氛围时，试着添加一些对比：明暗对比、冷暖对比和重量对比可能会得到你想要的结果。

三、阴影

从gui设计诞生的那一刻起，阴影的使用就无处不在。

每个人都应该熟悉这两张照片。左边是win2000的界面，右边是无数设计师临摹的mike大神作品。它们有一个共同点，那就是它们都使用高光、阴影和渐变。

之后，设计工具不断创新，设计技术也越来越丰富。这里不得不提到乔布斯。iphone推出后，拟物设计在设计圈很受欢迎，在ios6时代达到顶峰。几乎所有的设计师都在研究各种投影、反射、纹理和亮点。

iOS 7 扁平化设计实施后，当时的设计圈爆炸了。「这么多年的设计技巧，说抛弃就抛弃？」所以他们仍然想到了阴影。如果你想说2014年最流行的设计风格是什么，毫无疑问，它是渐变的「Gradient」+长投影「Long shadow」

到目前为止，设计师厌倦了长投影，转向纸质设计，加上大范围的薄阴影来衬托纹理。它仍然是一种平坦的风格，但设计师们正在考虑如何做出不同的感觉。

说了这么多，事实上，我只是想表达，自十多年前以来，阴影一直以不同的形式存在于设计趋势中。当然，我们对趋势的态度不应该盲目地遵循，也不应该强烈地抵制，适合我们自己的是最好的。

举两个例子，当有投影或没有投影时，设计稿呈现的风格可以清楚地感觉到，适当的投影确实有助于增加设计稿的纹理。

四、字体

使用正确的字体，设计得当。你不想在卡通风格的设计中使用宋体。同样，你也不会使用娃娃体作为严肃文学作品的封面。

1.了解字体的性格

这是两张海报。左边的海扁王海报上使用了无衬线的粗体字，一种强烈而有力的感觉扑面而来。右边的裁缝使用了带衬线的细体字，给人一种轻盈优雅的感觉。不同的字体传达不同的个性，使用时要把握好。

2.使用超过一个字体

如果我们在整篇文章中只使用一种字体，它可能对那些看到它的人没有吸引力，也不能区分主次。适当地添加字体看起来会有所不同。

3.调整行间距

我演奏了两段。第一段的行间距为1，第二段的行间距为1.5。与第一段相比，我相信你更愿意阅读第二段的内容。

4.注意文本的可识别性和易读性。

关于这可能有很多不同的情况，我举了一个例子：我们可能会遇到在图片上添加文本的设计，当图片不固定时，如果我们使用白色，遇到浅色背景图片会使文本阅读困难，所以通常添加低不透明度的黑色层来避免这种情况，当然，文本和投影也可以。这将导致文本可读性差，我们根据自己的问题采用不同的方法。