码迷,mamicode.com
首页 > 其他好文 > 详细

设计师应该知道的那些事儿(一)

时间:2015-01-23 15:52:38      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

最近一个作业是设计海报,弄好之后总觉得不太好,于是发邮件请教老师,老师答复说这种问题没有答案,只能隔一段时间(比如睡一觉之后)回头再看,可能会有更好的想法。这个道理我能够明白,但还是担心自己会在错误的路上一直走下去,就像一个人如果不刻意纠正自己,即使他生活在国外每天和当地人交谈,外语水平还是不会有什么提高。恰好昨天在 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"),然后从图片中取色并给标题添加颜色:

技术分享

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

技术分享

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

技术分享

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

技术分享

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

技术分享

然后把文字放到页面中:

技术分享

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

技术分享

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

技术分享

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

设计师应该知道的那些事儿(一)

标签:

原文地址:http://www.cnblogs.com/staceydesign/p/4244169.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!