设计师应该知道的那些事儿（一）

最近一个作业是设计海报，弄好之后总觉得不太好，于是发邮件请教老师，老师答复说这种问题没有答案，只能隔一段时间（比如睡一觉之后）回头再看，可能会有更好的想法。这个道理我能够明白，但还是担心自己会在错误的路上一直走下去，就像一个人如果不刻意纠正自己，即使他生活在国外每天和当地人交谈，外语水平还是不会有什么提高。恰好昨天在 Lynda 上看到一个很好的设计教程：Before & After: Things Every Designer Should Know ，讲师 John McWade 给出了一些非常实用的技巧，对我很有启发。这些技巧并非可以直接套用的答案和模式，也无法取代老师说的「不断回头审视」，但它们隐约给出了一个方向，不知所措的时候拿来试一下，尽管可能无法直接解决问题，但或许会引出更好的想法。观看 Lynda 上的视频需要付费（如果你有时间并且网速过得去，非常推荐购买 Lynda 的会员，它是我见到过的最好的在线学习网站），所以这里做一下笔记，是分享，也是借此强迫自己认真再看一遍。
笔记图片较多，所以分为 2~3 部分。这是第一部分。
1. Know your story.
这个其实没什么好说的，就是你要知道自己想要传达什么。不过，有时候知道自己的想法并不一定可以表达好。John 举了一个例子，Angela 是加拿大一个自由设计师，她给自己设计了名片：

John 看到名片后，表示其中的 AMD 会让人困惑，而且从名片无法直接看出 Angela 是做什么的。于是 John 问她有没有个人网站或作品集，Angela 发来一些，John 觉得她的作品非常吸引人，于是建议她直接把作品加到名片上，甚至可以用不同作品设计多张名片，结果如下：

这样名片更清晰地表达了她的 story，客户也可以直接通过名片看到她的作品。
2. Keep it simple.
这个口号也已经快被说烂了，就是要用尽可能少的元素，简单的往往是最好的。不过 John 强调说当你在 keep it simple 之前，必须要首先 know your story，这样就可以把所有和你的 story 无关的东西去除，而不是为了简单而简单，随便增删东西。他举了一个幻灯片的例子，下面是修改前后的对比图：

John 认为很多东西不应该放在幻灯片中，而是应该讲出来。幻灯片最重要是要抓住观众。这个幻灯片看起来很容易设计，因为只需要一个标题和一张图片，但是明白要这么设计就需要首先好好考虑自己的 story 是什么，"The payoff, however, is enormous." 另一个例子是带有图片的设计。有些时候（比如网站广告）图片可能会被缩放到很小，例如这张纽约的照片：

缩小之后就不容易看清，这个时候就不如用自由女神雕塑来替代：

厨房的图片也是一样，使用左边的不容易看清，不如使用右边的：

这种替换也是看起来简单，培养出抽象能力也不是一日之功。 另外，要尽量减少设计中的元素。比如下面这张横幅：

它想表达的太多，而且我们可以看出 Logo 和那个黑色大矩形和表达意图完全无关。下面是修改后的设计：

如果把横幅真的挂起来，对比效果就更明显了：

有时候设计中确实需要用到很多元素，比如杂志封面，这个时候就要尽量简单地把它们排列在一起。下面是一个杂志的封面：

标题文字粗大并且设置了外框，图片也有外框并且还加了阴影。下面的文字用了花哨的手写体，背景颜色用了黄色。所有这些元素单独看起来都不错，但当把它们放在一起，就会显得噪音太多。现在我们把页面元素都拿掉，只留一张图片：

可以看到，现在图片好像还是有白色边框，所以我们放大图片并把它放在页面底部：

接下来我们把其它元素逐一放回去。首先从图片中取色并作为背景色填充：

这样页面变得更简单了。接下来为标题选择一个更合适的字体（John 说这里选 Helvetica Neue Light 是因为它更能表达 Ambient 这个词的意思，"the word Ambient is kind of a soft"），然后从图片中取色并给标题添加颜色：

接着在右上角添加日期信息，字体和标题的一样，维持页面简洁：

接下来是文字部分。文字也使用和标题同样的字体，但后半部分用粗体：

如果直接居中的话，我们看到其中会有参差不齐的缝隙：

所以这里把这条缝隙都放在中间并以此对齐：

然后把文字放到页面中：

现在你可能会发现标题和文字之间有一块空白：

不要试图去填满它。它有两个作用，一是让页面显得安静，二是显示出这个页面是有意设计成这样。最后看一下对比图：

修改后的设计只用了一种字体，图片没有了外框和阴影，颜色只有两种，看起来也更吸引人。