平面设计中必须遵循的20个设计原则
必须遵循的20个设计原则,与其他任何专业一样,设计也要遵循一定的原则。打破设计规则有时是被允许甚至受到鼓励的,但你还是要清楚了解你所要打破的规则,这样才能避免出错。无论从文本到布局,还是色彩或特效,所有的设计元素都应遵循一定的原则和技巧来避免犯错。
01.调整恰当的字距
有人说过这么一句话:如果你讨厌一个人,就教他如何分辨不恰当的字距吧。
不恰当的字间距是设计界里不可饶恕的大错,一名设计师应该从一开始就掌握这项基本技能。
字距就是字与字之间的距离调整,听起来好像很容易,但实际上字距调整的好坏直接关系到整个设计的水准。字距调整的终极目标是确保每一个字之间的距离看起来都是一样的,使整个文本的观感舒适整洁。
02.保证易读性
设计的最主要目的是传递信息,所以设计师的首要任务就是确保文本的易读性。
怎样才能增强易读性?实际上众多因素都将直接影响观众理解设计的过程。举一个简单的例子,如果文本和背景的对比度太弱,就会大大降低设计作品的易读性,因此,应该注意运用强对比来避免视觉混淆。
另一个典型的错误就是滥用大写字母。大写形式的文本不仅会让观众觉得好像有人在对着他们大喊大叫,而且还会削弱视觉分辨力,原因在于大写字母的高度相同、形状类似,而小写字母具备不同的形状,使人更容易分辨字母和单词之间的差别。
字号过小也是造成阅读困难的一大原因。在设计文本的时候,应该想想观众是否会读得很费劲,如果不能确定的话,可以先打印出来,问问其他人的意见。因为有时候你自己觉得没问题,但观众不一定这么认为。
要记住:看起来美观的设计并不代表它一定能与观众顺畅地交流。一定要注意文本的设计!
03.缩短每行的长度
你有没有发现一些内容有趣的杂志却很难让人耐心读完?又或者在文章里常常找不到下一行?其实原因可能在于文章每行的长度设置不当。
正文最完美的行长度为每行至少六个单词并且大概在30到40个字(包括空格)之间。低于这个区间,文本看起来就会太分散,而多了的话,就会显得太杂乱而造成阅读困难。
04.有目的地分级
有目的性地进行分级能起到重要的作用。在设计中,分级就是通过对各类视觉元素的排列强调其重要性。因此,越重要的元素就会处于越容易吸引注意的层级,或使用越显著的颜色或字体;而越次要的元素就吸引越少的注意。
分级的概念常常体现于文本设计中。上图例子中第一份邀请函的文本大小全部相同,让人无法一下子找到其中的重点;而右边的例子则运用分级突出了重点,仅仅是通过对颜色和尺寸的些微调整,就让信息变得清晰易懂。
05.调整恰当的间距
作为一名设计师,总是不可避免会遇到大篇幅的文本处理问题,当然这并不容易。在这过程中需要注意许多规则和其他各方面元素,其中很重要的一个方面就是字和词间距。间距调整包含两个内容——字距和行距。
行距是两行相邻文本之间的间距调整。许多因素共同作用决定应该选择多大的间距,比如字体和文本长度。通常来说,越长的行长度需要越宽的行距。
字距包括字间距和字偶距。字偶距通常是手动调整的,但如果在文本很长、时间又很紧的情况下,一点一点手动进行调整是不可能的,于是字间距在这时便派上用场。字间距相比于字偶距而言更为灵活,它能够避免文本产生不恰当的间隙或行长。在正文文本当中,记得将较长行长的文本调得松散一些,较短行长的文本调得紧凑些,这样才能能最大限度地增强文本的易读性。
另一个可以运用于小篇幅文本的间距调整技巧就是想象在每一个词之间都有一个小写字母“i”,根据这个距离概念来调整字距,当然这个方法应该视具体情况使用。
06.使用正确的对齐方式
无论设计新手还是经验丰富的老手,一定都用过基本的文本对齐工具。一般来说,对齐方式有四种:左对齐、右对齐、居中和分散对齐,以下就是这四种对齐方式的具体运用。
左对齐是最常见又有效的一种对齐方式。这种对齐反方式让文本左端整齐排列,是最易读的一种形式。所以当你不知道选哪种对齐方式的时候,就用左对齐吧。
右对齐顾名思义就是将文本的右端对齐,通常是出于对商标或小段文本的装饰目的才选用这种方式。右对齐不推荐用于大篇幅的文本中,因为它会混淆视线,让读者很难找到下一行在哪儿。
居中文本的用途就广泛得多,它可以运用于海报、邀请函、商标设计等等。居中可以轻易地平衡整个文本,达到一种视觉愉悦的美感。不过,它同样不适用于大篇幅的文本,因为参差不齐的效果让人很难顺畅地进行阅读。
最后我们来说说分散对齐。分散对齐并不能完美排列文本,但至少它能达到两端对齐的效果。在小说之类的文本中,分散对齐就是绝佳的对齐方式。但是这种对齐方式也存在一定的弊端,尤其是在字间距方面。正如上图中所展示的一样,越到末尾每一行的字数就越少,这种对齐方式将文本从左至右平均排列,到最后通常造成不恰当的字词间距。
07.使用网格工具
所有新手设计师都应掌握一些基本的网格使用技巧。恰当地利用网格工具可以让平平无奇的设计摇身一变成为简洁、清晰、具有效力的设计。
网格工具有各种不同的形状和尺寸,你可以结合不一样的网格工具,使其能灵活运用于你的设计中。网格能帮助设计师将页面上产生联系的元素集合在一起,创造出更整洁、更有逻辑的设计。例如上图中两栏、三栏、四栏的网格工具能够将图片和文本设计成不同样式。
使用的网格工具分栏越少,设计出的作品就越一致,虽然其中的元素可能会有很强的连贯性,但是却不如多栏的网格设计来得灵活,上图中最右的设计元素有的横布几栏,有的固定在一栏当中,这样既囊括了不同大小的文本块和图片,同时也保证了设计的整洁。你可以为你的设计量身定做一个结合不同网格的设计工具。
08.为观众而设计
大部分设计(包括个人的设计)都要从主题出发,设计师通常都会有意无意地先确定好一些必须体现的基本信息。关于设计主题最重要的一点就是要不时地问自己“我是为谁设计?”每一项设计都有其目标受众,即会看到该设计并接收信息的人,因此设计师应时刻记住自己的目标受众。
上图中左边的设计并不符合主题和目标受众的审美趣味。儿童音乐会海报的目标观众应该是儿童和父母,因此左图相对深刻的黑白设计很难吸引到正确的人群、传达正确的信息。而右边的设计更好地迎合了设计内容和目标观众的需求,明亮鲜艳的色彩结合活泼的图像元素增强了设计的吸引力,也十分符合主题和目标人群的品味。
要记住:美观的设计并不一定能与观众建立有效的交流。当你在设计过程中感到困惑的时候,记得回头看看你的设计主题是什么。
09.避免出现“寡妇”和“孤儿”
将设计从业余提升到专业水平的一个快捷办法就是辨别出文本排版中出现的“寡妇”和“孤儿”。在任何以文本为主的设计中难免都会出现几个“寡妇”和“孤儿”,发现并对其进行处理是设计中很重要的一步。
“寡妇”和“孤儿”具体指什么呢? drew de soto解释道:“‘寡妇’指的是属于某个段落的一小行文本被单独移到另一栏;同样地,‘孤儿’是指属于某一行的一个词被单独置于另一行。”对于这种情况,有几种解决办法。首先,如果你的作品已经被通过,这时你就要通过手动调整文本行长来解决问题。另一个办法如上图所示,在“孤儿”之前的词前面添加软回车(shift键+回车键),让这个词移到“孤儿”所在的行。示例中的另一个办法就是通过调整页边距来改变文本块的大小,从而避免“寡妇”和“孤儿”的出现。
10.合理搭配色彩
色彩是一个强大的设计工具,因此设计中很重要的一步就是合理搭配色彩。
当你进行色彩搭配的时候,参考一些色彩理论和前人作品的色彩运用会对你产生很大帮助。色彩理论表明不同的色彩会对消费者产生不同的作用,例如橘色被认为能够激发食欲,这就是为什么橘色通常运用于快餐品牌的设计中。
虽然通过一些调整有时能达到很好的效果,但是在进行色彩搭配的时候,要切记确保合理性。例如上图中的两个设计,一个是专门做花束的花商logo,另一个是宣扬刺激性的彩弹游戏中心的logo。左图的色彩运用显然与品牌内容相悖,而右图的色彩搭配则更恰当。
每种颜色都有具有一定的符号性和内涵,因此要记得你选择的颜色不能混淆甚至违背所要传达的信息。
上一篇: 心得:从设计师到CEO的心路
下一篇: 网页设计中多元素是如何做到统一一致?