成为一个顶级设计师的第一准则.docx

1、成为一个顶级设计师的第一准则成为一个顶级设计师的第一准则：限制你的字体让你成为设计大的基本原则好设计大师，或者也太吹牛了吧，但根据下面七个基本原则至少你可以成为一个熟练的设计师。这将是最短的最详实的系列博客文章，你看过后就会知道如何成为一名更优秀的设计师。请记住：这些原则不是定律，是可以打破的。它们只是些通用的指导，我在设计的时候通常会遵循它们，遵循这些简单的设计原则，你就会找到一条你属于你自己的优秀艺术道路。原则一：限制你的字体。你会看到一个好的设计很大一部分看起来非常协调。一个最好的方法是用少量的元素去完成一个看起来非常协调的设计。你最先选择的字体可能是你想要删掉的，我常常的做法是一个作品

2、剔除2种字体。第一种字体可能会是很有思想力或艺术感，将给你的设计带来第六感，特征或个性。这些字体集合了当时所有心情的片段，这个扭着腰枝的有趣字体像女孩们的舞会，这个蹩脚邪恶的字体是一个摇滚乐队？我将使用这个花哨的字体人为文本的标题，在任何地方它都需要足够大，这个花哨的字体将是这块的重点。你通常很少再用这字体，但它又大得多，所以这就是人们看到的重点内容第二种字体要非常普通，读者在整篇当中都不会感觉到它的存在。这种字体需要有很高的易读性，它会占据这篇文本相当大的篇幅，显然，那些大手大脚的艺术字体占据文本的大篇幅的话会非常影响阅读的。这有一个正确使用字体的设计例子。正如你所看到的，这里只用了两种字体

3、，花哨的艺术字体作为标题出现，内容就是很基本的字体。这样看起来整洁，协调。这里还有一个失败的例子，这里我用了很多花哨的艺术字体，这样很不协调，分节看起来并不是配合主标题。在一个设计中有太多的字体是大忌，没有什么事比用8种字体来印他们的传单看起来更糟的了，同样使用艺术字作为正文也更糟。这是一个错误使用字体的例子。在我让你亲自动手之前的最后一个思路。如果你的艺术字看起来非常时髦有现代感，那正文部分就使用无衬线字体；如果你的艺术字看起来很正规化，那就用衬线字体作为第二字体吧。PS1：第一次翻译东西，有些地方可能并不一定正确，看懂原文的还是看原文吧。最后感谢我的父母，感谢谷歌，感谢金山，感谢CCTV，

4、感谢所有TV。PS2：衬线字体与无衬线字体Serif 或 San Serif？Serif 是一个字笔画的结尾，例如 M 的起点与终点。Serif 是由罗马刻印字母所发展出来的，用以改良字体的优雅程度与易读性。它们是先用毛笔写在石头上，然后再刻出来的。Serif 会活存到现在，是因为它们十分美丽及古典，而且它们阅读起来比较容易。对于细小的文本字体，非常适合用 Serif 字体，相反地您可用 Sans Serif（Sans 是法文里的“无”），来当标题或是供短篇文章的字体使用。不同字体的分类拉丁文字 方块字衬线字体 (Serif)笔划粗幼对比明显，阅读时较省目力Times New RomanArc

5、hitectBalletEngravedCreedmoreBenjaminCapshc新细明体宋体标宋无衬线字体 (Sans Serif)笔划粗幼平均、对比不太明显字型较突出，阅读时较费目力AlbertaANNSTONEGaramondNimbus Script黑体成为一个顶级设计师的第二准则：限制你的色彩成为一个顶级设计师的7个简单原则的第二部分限制使用你的色彩。好象上个准则是让你限制用你的字体，对吗？非常对！我们限制用我们的色彩的原因和我们限制使用字体的原因一样。在我们的设计当中减少色彩的数目将使之变的谐调。基本上，每件东西看起来将很一致，就像一个体育队伍的运动服或者是一个公司的商标那样。

6、我们想使制服（运动服）整体看上去是一个色彩的。和选择字体一样，限制使用你的色彩数目只是一个参考指南，不是一条准则。你可以在你的设计中很好的使用彩虹的颜色，那将非常好看。但是一开始，你需要一个使用色彩的策略，并且坚持用这个策略。使之始终贯穿在你的设计中。对于初学者，让我们来说一下色值吧。一个颜色的色值就是它的亮暗程度。例如一个黄色是非常亮的颜色，紫色就是很暗的颜色。当然一个颜色可以有它的色彩值域。例如，紫色是一个使我们大多数人联想到暗色的颜色，但是紫色也有很亮的紫色。这里有个例子关于一些颜色和它们相关的色值。然后，你可以看到的是一个颜色的色值范围。所以当我在采用的色彩方案时我会用一条准则：确保在

7、你的色彩方案中有一个色值的范围。在任何设计中你都需要一些淡色和一些深色去形成对比。如果要举例的话，你设计的背景是深色的，你就需要一个淡颜色的文字，图画。这样的话文字，图画就容易被阅览。反过来，如果你有一个淡色的背景，你就需要一个深色的图画，文字或是其它什么的。我也会代表性的只采用2-5种颜色去完善我的色彩方案。减少选择的数目，那么你就会在你的设计中得到一个好结果。这里有个色彩方案的例子我将它们放在一起。就像你看见的，我采用了一个深色，一个中间调子的颜色和一个淡色。就从右边开始，我为每一个颜色建立了一个色值范围。这些色彩组合就像我的调色板，我会将它们运用到我的设计项目中去。一旦我有了这个调色板，

8、我就会尽全力只用这些颜色。好了，我们刚才说到了一些色彩采用方面的技巧，像你需要选择多少种颜色，它们的色值应该是多少；那么下一步是什么呢？我将告诉你什么是下一步，也是最难的部分；那就是如何决定这2-5个颜色！我个人认为这是项有时候有点难的活儿。这里有张表，是帮助我采用我的色彩方案的技巧的表：确定一个冷暖色调的范围。就是采用暖色调或冷色调。暖色有红，橙，黄，棕色等。冷色是蓝色和紫色。我认为绿色是一个相当中间的颜色。如果你将所有你选用的颜色处于一个色调中，他们将肯定非常和谐。到网站上汲取灵感这个精彩的网站全是关于色彩方案。你只需一页页的点击色彩方案。留意你的周围色彩方案在你的周围到处都是。看一下食品

9、店的包装，看一下你们当地的星巴克咖啡店的油漆颜色，看一下大自然！如果你看到一些令人愉快的色彩，只要在脑海中作个笔记，看看是否可以复制到你的电脑里去。留心一些已有的公司商标色彩我常常运用一些已有的商标色彩，我会看一下他们的logo，色彩方案并且将之成为我最初的想法。然后可能只加上一个或两个颜色。这里是一个我已经完成的设计，它展示了被限制的色彩方案。如你所见，紧凑的色彩方案和统一的字体真的使所有的东西都井井有条。我知道这些课程都很基础但是这就是设计的基石。所以，它永远不会伤到一个恢复精神的人。成为一个顶级设计师的第三准则：对比，对比，对比在设计里面，好的对比和你对颜色选择是密切相关的。对比是指在你

10、的设计里面，颜色之间的明度不同。明度是这个颜色看起来有多亮或有多暗。曾经看到一个以空白画布为题的笑话，有人说：“看，这是一头白色的牛在暴风雪里面！”这就是一个没有对比的例子。白色在白色上面是没有反差，你看不到任何东西。很幼稚吗？我的意思是这条指南看起来是不是很愚蠢？我在解释的东西有需要吗？这个概念是不是很迟钝？相反。因为很不幸的是，我一直看到设计师在对比上有很多问题。不仅仅因为这样，当对比使用恰当的话，能成为一个很重要的设计手法。我常看到这样的错误：设计师用不同的颜色去产生对比而不是用不同的明度。比如，用一个中值的蓝色放到一个中值的红色上面来产生对比。你可以看到这两个之间的不同。但是，当你把两

11、个不同颜色同一个色值放到一起，它产生了“颤动感”(由于巧妙的对比也会形成非常显著的、生动有力的色彩效果)。你会注意到，当蓝色和红色相遇的时候，你的眼球就会在这两个颜色之间来回颤动。几乎能感觉到文本的脉动。如果你的目标是让某些东西充满活力，你可以使用这个技术。但是这样对眼睛来说是很困难的，并且大部分人都会觉得它令人厌烦。这里有另一个用不同颜色但有更强对比的例子：第二个很明显对眼睛来说更容易接受一个快速评估你的设计是否有足够对比的技巧是，把所有东西都转换成灰度级，然后看这个设计是否看起来仍然清晰并且容易阅读。在Illustrator里面，你可以选中你的设计，然后选择EditEdit ColorsC

12、onvert to Grayscale。如果是Photoshop，你需要先让你的作品去掉光影，然后，你可以选择ImageAdjustmentsDesaturate。这样就可以把它转成到灰度级了。无论哪种情况，在你有机会做了这个测试之后，你都会想要撤销这个动作的。这里有一个对于同一个设计的示例一个设计的对比很好，另一个就很差。在每一个设计的下面是它们各自在灰度级的样子。你可以清楚的看到，左边的设计阅读文本要容易得多，尤其是在转换成灰度级的情况下。右边的设计用了较弱的对比和更多不同的颜色来定义轮廓。我一直会听到这样的问题：“当我用作背景水印的时候，我该用什么透明度设置呢？”我认为一个好的水印背景的

13、透明度应该在之间。再次说明，这都是关于在你的设计里面保持对比。如果背景是淡色的，那么水印当然也要是适度的淡色，反之亦然。这里有一个关于好的水印和不好的水印的例子：关于对比，我想阐述的最后一点就是，怎样能让它像工具一样使用。例如，如果你需要在你的设计上把观众的注意力引导到某些特殊的地方，你可以用对比来完成它。你可以让整个设计保持淡色，然后把你想让观众注意的地方设为深色。这里有一个精心设计的登陆页：这是E-Harmony网站的页面。他们真正目的是让浏览者去注册。所以，你看什么是这个页面上最大、颜色最深的东西呢？是不可点击的一个女孩的图片和Get Started Now的按钮。很明显他们想要你点击按

14、钮Get Started Now。Get Started Now按钮的大小、颜色的深浅是跟“Next Step”按钮相对而言的。“Next Step”按钮让一些继续游览的人去点的。但是Get Started Now为什么那么有吸引力呢？为什么它能跳出页面呈现在你面前？很简单，运用对比！ 看了两点一线的范德格拉夫原理的阐释，很多人并不清楚那些线是怎么画出来的，小小地研究了一下，发现很简单，其实可以参考一下摄影构图里的黄金三等分法或者建构几何模型，简单一点，就是找三等分点，画相交线。但是也有疑问：为什么我们要选择其中那几个点？其实比较弱智，跟问1+1为什么等于2一样没啥区别，关键一点是一个大家所公

15、认的基础。 简约的东西通常是经过一些复杂的步骤而得到的，然而简单的东西则通常是由不加思索或是机缘巧合而形成的。在我们的左边有两个红色的长方形，他们被两个黑色长方形所包围。大家有没有想过为什么这两个红色的长方形出现在这样的位子，而不是更往下或者更左边一点？其实这两个红色的长方形是通过有名的范德格拉夫原理所得到的,而这一原理也被称为秘密原理, 用于许多中世纪的手稿和古板书中。范德格拉夫(Van de Graaf)提出古腾堡(德国活版印刷发明者)和其他人如何将书页划分为九分之一和九分之二的空白并且使得文字区和整个页面的长宽具有相同的比例.通过上边的图片来进一步搞清楚这两个看似不起眼的红色长方形所给我

16、们带来的灵感和启发。从图片中我们不难发现，这两个红色长方形是通过这些蓝色辅助线而形成的，而在前面的图片中我们隐藏了这些辅助线。通过这样的构图可方法以让整个页面达到我们所说的“页面和谐”-使人在阅读红色长方形里面内容的时候觉得很自然很舒服。(来源：两点一线） 这个世界上到底没有设计的法则？上个世纪初，奥地利及德国的心理学家创立了格式塔理论（Gestalt），该理论旨在解释人类的行为是如何与视觉经验产生关联的。格式塔理论解释了我们的眼睛对一个事物及对象的理解是一个综合的体验，而不仅仅是我们所见的简单叠加，它还包括我们以前对该事物及对象曾经有过的感受。我们不是心理学家，但作为一个设计者，了解格式塔理

17、论对你在设计的把握却非常有帮助。平衡无处不在无论你是有意还是无意，平衡感对我们的视觉判断产生非常深刻的影响。格式塔理论关于平衡的原则阐述了人类在观看任何东西时其实都是在寻找一种平衡稳定的状态。 如果你仔细观察，平衡对称稳定的状态在自然界中是无处不在的。留意上面的几个图，我们在观察这些对象时，当我们的视线集中在中心位置时总是会感到最舒服。这是平衡理论最重要的要点。在元素中产生平衡水滴，其最基本也是最简单的形态其实就是一个圆点，一个圆点会引导你的视线去到中心位置。其中在很多设计中，包括很多著名的标志及商标的设计都可以看到这一点。 平衡稳定的状态使到上面这几个标志显得平稳持久。每一个标志都能够吸引你

18、的眼睛，因为这些图案都会引导你的视线去到中心点上。位置上的平衡 当我们的眼睛在观察一个区域时，我们的视线仍然会很自然地去到中心点。在这个区域如果放上某个元素，不同的位置摆放会在我们的心理产生不同的感应。 在上面的几个例子中，我们不能忽视一点的是，上面的白色纸张并不是一个被动的载体，空白的平面在任何结构上都是一种能够产生互动的积极元素。在版面中产生平衡 每一个元素都涉及到形态、方向及数值。要让整个版面产生一种平衡感，其实就是通过对元素的安排及调整将视觉重心放在中心位置上。当然，你也可以故意制造紧张的版面结构这同样是一种有价值的设计。 平衡理论看起来似乎非常简单，但很多设计师在设计中对平衡的把握仍

19、然是出于一种无意识的运用状态，而没有更主动地将其作为设计一种手法。希望本文能够使你在面对设计时能够更有意识地将平衡理论理论运用到你的设计中。引言赛车场地中，设计者将转弯处的墙壁涂成黑黄相间条纹的图案，借以提醒车手集中注意力，警惕发生意外。这是因为每当人们看到黑黄相间的条纹时，都会不自觉的产生畏惧感和警惕性，这种感觉或不仅仅来自于图案色彩本身具有的视觉特性，可能也与黑黄色条纹使人们产生对虎或是蜜蜂等可能给人带来危险的动物的联想有关，人们对这样的图形的畏惧与警惕是人们共同生活经验中对老虎或蜜蜂的畏惧与警惕的延续；相同的绿色，却常会使人们产生心旷神怡的愉悦感，仿佛置身于茂密的丛林与清新的空气之中，而

20、生命在的环境下也得以健康的生长。因此，绿色，被更多的运用于医药，环保等关于生命领域的设计课题中。这样的例子在生活中不胜枚举，在实际的设计中也常会有类似的，这其中的道理何在呢？是什么在支配这些现象呢？原来在平面设计中我们正在广泛运用的许多手法背后，都隐藏着符号学原理的影子，在图形设计中也存在着这种现象 。图形本身是视觉空间设计中的一种符号形象，是视觉传达过程中较直接、教准确的传达媒体，它在沟通人们与文化、信息方面起到了不可忽视的作用。在图形设计中，符号学的运用，着图形设计的表形性思维的表诉。也正是由于它的存在，使平面图形设计的信息传达更加准确，表现手法更加丰富多彩。 1 平面图形设计与符号学的本

21、质联系 1.1关于符号与符号学 早在春秋战国时期，我国的著名思想家庄子在其著作庄子外篇中就已提指出：“言者所以在意，得意而忘言”即：在语言和事物之间存在着表征物与被表征物的关系，语言是事物的表征物，事物是语言的被表征物，语言的任务是事物信息的被传达，语言的角色是传达信息的媒体。符号正是利用一定的媒体来代表或者指示某一事物的东西 意大利著名符号学家艾柯提出：将符号定义为任何这样一种东西，它根据既定的习惯，可被看作代表其他东西的某种东西 - 一个记号X代表并不在的Y，成语“雁泥鸿爪”生动准确地表述了符号的概念，鸿雁在泥沼与雪地上留下的爪印，使人们得知曾有鸿雁经过这里的事实，并且可由此推断出鸿雁的大

22、小多寡等信息。爪印，是记号X，而鸿雁是并不在的Y。符号学，正是研究符号规律的科学。 1.2符号从何而来？ 由于人类特有的社会劳动和语言，使人的意识活动达到了高度的水平，人的思维是一个由认识表象开始，再将表象记录到大脑中形成概念，而后将这些来源于实际生活经验的概念普遍化加以固定，从而是外部世界乃至自身思维世界的各种对象和过程均在大脑中产生各自对应的映像。这些影响是由直接的外在关系中分离出来，独立于思维中保持并运作的。这些印象以狭义语言为基础，又表现为可视图形，肢体动作，等广义语言。 1.3平面图形设计与符号学原理 A.平面图形设计是一个特殊的思维过程人类的意识过程，其实是一个将世界符号化的过程，

23、思维无非是对符号的一种挑选、组合、转换、再生的操作过程。因此可以说，人是用符号来思维的，符号是思维的主体。平面图形设计，是以信息传达为目的的，在二维的空间中对字体的位置、比例、相互关系的筹划，无疑，这也是一个思维的过程，但同时，它又不是一个通常意义上的思维过程。 这是一个开始于设计者，延续到受众观者心理活动的思维过程，而这种延续正是依赖于作为思维主体的符号。就像本文开始时提到的例子，设计者将危险动物老虎或蜜蜂符号化为黄黑相间的条纹，并依赖于它将危险与警惕的信息传达到车手的意识中。 B.平面图形设计可以说就是符号平面图形设计从本质上讲就是以利用平面媒体传达信息为目的的，这决定了它一定是广义语言的

24、一部分。因此，平面图形设计本身就是符号的一种表达方式；同时，它又是以符号的方式，符号的原理为依据与手 段的。由此可以见，对符号运用的合理与准确，对于达到信息传达的目的来说，是多么的重要。找到一个符号X，可以准确的传达Y的信息，成为了一个平面设计作品成败的关键。2更多的发掘符号的特性，更准确的运用符号的语言平面图形设计本身是符号的表达方式，设计者借它向受众传达自身的思维过程与结论，达到指导或是劝说的目的；换言之，受众也正是通过设计者的作品，与自身经验加以印证，最终了解设计者所希望表达的思想感情。显而易见，作为中间媒体的平面图形设计作品，这时就充当着设计者思想感情符号，而这个符号所需表达的信息是否

25、可以被观者准确的、快速的、有效的接受与认知，就成了设计作品成功与否的标志。这正是由设计者在设计的思维过程中对图形符号的挑选、组合、转换、再生把握的准确有效程度所决定的。由此可以说，符号是表达思想感情的工具。而“工欲善其事，必先利其器”这句古训在这里得到了新的诠释。为了更好的了解和运用符号这个工具，应该理解三个方面的概念： 2.1 使符号不断的深化 符号的三个类型和层次从符号与它指涉对象（即其指向与涉及的事物或领域）的关联上，在符号领域普遍认为可以将符号区分出以下三种不同的类型，同时也是符号的三个层次：图像符号（ICON） 图像符号是通过模拟对象或与对象的相似而构成的。如肖像， 就是某人的图像符

26、号。人们对它具有直觉的感知，通过形象的相似就可以辨认出来。指示符号（INDEX） 指示符号与所指涉的对象之间具有因果或是时空上的关联。如路标，就是道路的指示符号；而门则是建筑物出口的指示符号。象征符号（SYMBOL） 象征符号与所指涉的对象间无必然或是内在的联系，它是约定俗成的结果，它所指涉的对象以及有关意义的获得，是由长时间多个人的感受所产生的联想集合而来，即习俗。比如红色代表着革命，桃子在人的眼中是长寿的象征。上述三者，既是符号的三种类型-并存而不可相互取代，又是符号逐次深化的三个层次，一个由图像符号至指示符号再至象征符号，其程度不断深化，信息含量更加广泛的过程。鸽子的形象，出现在产品的包

27、装上时，无疑它只是包装内商品的符号，向消费者传达的信息是“此包装内的商品是与鸽子有关”，此时，它是作为图像符号出现； 由于鸽子是人们在生活中常见到的动物，具有被人们广泛认可的动物特征，因此，它出现在路牌或是处所的标示中时，它是作为指示符号出现的，传达的信息为“此处属保护动物领域”；当这个形象再次出现，却是与枫叶的造型一起，组成了新的标志，它不再具有上述二者的含义，而是指涉慈善行业，表示一种和平，援助，并与枫叶一起，表示地域，一般人们一看到枫叶就很容易想到加拿大的形象，枫叶以成为加拿大的象征。在这里的鸽子形象，正是以它的象征符号的身份展示在人们面前了。设计师有意制造枫叶的缺角，表示失业者，并把枫

28、叶的缺角刻意演变成一个鸽子形，表示慈善机构，正向你伸出援助之手，精妙至极地表现了“加拿大慈善事务恢复”的信息意念。此时，它含义的表达的准确有效无可挑剔，而这正是它由单纯的图像符号经由其内在因果关系变为指示符号，再由长时间多个人对其的感受联想赋予它更广泛的含义，飞跃为象征符号的过程的必然结果。由此可见，为了使思想感情的信息更有效准确的传达，需要一个符号不断深化的过程。但是，一味地，漫无目标的深化符号的指涉是不负责任的，是与初衷背道而驰的。2.2 把握符号的变量思维，是一个时间和空间的范畴 作为狭义的个人思维，具有与生命等长的长时间性和对不同生活空间的探索性；作为更广义的人类社会的思维活动，具有一

29、般意义上的永恒性与对所有涉及空间的适用性。 作为思维的主体，符号在时间与空间的变换中也是可变的。 不同的时间空间，使某一具体符号有着不同的指涉物； 不同的时间空间，不同的符号指涉同一事物；在设计中，对于符号的挑选发掘运用，应该把握住这些变量，才能使信息传达准确而不出现歧义。A. 不同的时间空间，使某一具体符号有着不同的指涉物河南安阳殷商遗址出土的大量龟甲兽骨上，刻有大量象形文字，称为甲骨文，这是我国可考的最早文字。这些文字当时是用来记录占卜结果的，也就是记录事件的符号。随着时间的推移，到了数千年后的今天，除了在考古工作者的眼中它还保留有记录事件符号的特性外，在绝大多数的人心目中，这些难于辨认的

30、文字，已成为几千年前那个的象征。 在大量的平面设计作品中，甲骨文的形象反复出现，它所传达的信息已不再是古人询问命运的结果，而转变为人们对那个时代的追思，在这里这些文字已经成为数千年中华文明荣耀的提示符。“卐”字符，是古代的一种符咒，护符或宗教标志，通常被认为 是火或是太阳的象征，在许多国家和地区都曾经出现。在等亚洲国家“卐”是一个佛教符号，在梵文中意为“吉祥之所集”，认为它是出现在释迦牟尼胸前的瑞相，用作为“万德吉祥”的标志。武则天长寿二年（公元693年）定制读音为“wan，万音”在佛经中也写作“卍”。但是，同样的一个字符，在近代的欧洲却有着完全不同的含义。1920年，当时的德国纳粹党魁希特勒

31、将“卐”用作了纳粹党的党徽，他认为这象征着“争取雅利安人的胜利的斗争的使命”，“卐”遂成为了法西斯统治，暴力和血腥恐怖的象征。 同一符号，在不同的空间中却有着截然相反的指涉物，“卐”是一个典型的例证。 在中国或是亚洲的设计作品中出现的吉祥含义的“卐”，是绝难被西方国家的民众所接受的，他们无法理解这个符号不同于他们习惯的指涉。 在时间空间相对一致的情况下，因素也是符号指涉发生变化主要因素。避孕套本是极普通的一种节育工具，但短短几十年内，不论在世界的角落，它在作为符号的指涉上都发生了巨大的变化。由于它的用途，在早期的设计作品中，它的出现仅仅是影射其行为本身，但是，当20世纪五六十年代，艾滋病的发现及迅速广泛蔓延，使避孕套这一形象在设计作品中的出现更为频繁，其指涉对象也