平面设计中20个必须遵循的原则

用户头像
西安/平面设计师/9年前/6181浏览
平面设计中20个必须遵循的原则
用户头像
设计FM

与其他任何专业一样,设计也要遵循一定的原则。

打破设计规则有时是被允许甚至受到鼓励的,但你还是要清楚了解你所要打破的规则,这样才能避免出错。

无论从文本到布局,还是色彩或特效,所有的设计元素都应遵循一定的原则和技巧来避免犯错。

8f6b58d1fa89a801219c77790c38.jpg

必须遵循的20个设计原则


与其他任何专业一样,设计也要遵循一定的原则。


打破设计规则有时是被允许甚至受到鼓励的,但你还是要清楚了解你所要打破的规则,这样才能避免出错。


无论从文本到布局,还是色彩或特效,所有的设计元素都应遵循一定的原则和技巧来避免犯错。  

01.调整恰当的字距

d50c58d1f408a801219c77ab8912.jpg

有人说过这么一句话:如果你讨厌一个人,就教他如何分辨不恰当的字距吧。


不恰当的字间距是设计界里不可饶恕的大错,一名设计师应该从一开始就掌握这项基本技能。


字距就是字与字之间的距离调整,听起来好像很容易,但实际上字距调整的好坏直接关系到整个设计的水准。字距调整的终极目标是确保每一个字之间的距离看起来都是一样的,使整个文本的观感舒适整洁。

02.保证易读性

330558d1f426a801219c774665bf.jpg

设计的最主要目的是传递信息,所以设计师的首要任务就是确保文本的易读性。


怎样才能增强易读性?实际上众多因素都将直接影响观众理解设计的过程。举一个简单的例子,如果文本和背景的对比度太弱,就会大大降低设计作品的易读性,因此,应该注意运用强对比来避免视觉混淆。


另一个典型的错误就是滥用大写字母。大写形式的文本不仅会让观众觉得好像有人在对着他们大喊大叫,而且还会削弱视觉分辨力,原因在于大写字母的高度相同、形状类似,而小写字母具备不同的形状,使人更容易分辨字母和单词之间的差别。


字号过小也是造成阅读困难的一大原因。在设计文本的时候,应该想想观众是否会读得很费劲,如果不能确定的话,可以先打印出来,问问其他人的意见。因为有时候你自己觉得没问题,但观众不一定这么认为。


 要记住:看起来美观的设计并不代表它一定能与观众顺畅地交流。一定要注意文本的设计!  

03.缩短每行的长度

abb758d1f436a801219c77d95296.jpg


你有没有发现一些内容有趣的杂志却很难让人耐心读完?又或者在文章里常常找不到下一行?其实原因可能在于文章每行的长度设置不当。


正文最完美的行长度为每行至少六个单词并且大概在30到40个字(包括空格)之间。低于这个区间,文本看起来就会太分散,而多了的话,就会显得太杂乱而造成阅读困难。  


04.有目的地分级

71c358d1f460a801219c774cb085.jpg


有目的性地进行分级能起到重要的作用。在设计中,分级就是通过对各类视觉元素的排列强调其重要性。因此,越重要的元素就会处于越容易吸引注意的层级,或使用越显著的颜色或字体;而越次要的元素就吸引越少的注意。 


分级的概念常常体现于文本设计中。上图例子中第一份邀请函的文本大小全部相同,让人无法一下子找到其中的重点;而右边的例子则运用分级突出了重点,仅仅是通过对颜色和尺寸的些微调整,就让信息变得清晰易懂。  

05.调整恰当的间距

55fd58d1f472a801219c7799d5e8.jpg


作为一名设计师,总是不可避免会遇到大篇幅的文本处理问题,当然这并不容易。在这过程中需要注意许多规则和其他各方面元素,其中很重要的一个方面就是字和词间距。间距调整包含两个内容——字距和行距。


行距是两行相邻文本之间的间距调整。许多因素共同作用决定应该选择多大的间距,比如字体和文本长度。通常来说,越长的行长度需要越宽的行距。


字距包括字间距和字偶距。字偶距通常是手动调整的,但如果在文本很长、时间又很紧的情况下,一点一点手动进行调整是不可能的,于是字间距在这时便派上用场。字间距相比于字偶距而言更为灵活,它能够避免文本产生不恰当的间隙或行长。在正文文本当中,记得将较长行长的文本调得松散一些,较短行长的文本调得紧凑些,这样才能能最大限度地增强文本的易读性。


 另一个可以运用于小篇幅文本的间距调整技巧就是想象在每一个词之间都有一个小写字母“i”,根据这个距离概念来调整字距,当然这个方法应该视具体情况使用。  


06.使用正确的对齐方式

228558d1f484a801219c77536f16.jpg


无论设计新手还是经验丰富的老手,一定都用过基本的文本对齐工具。一般来说,对齐方式有四种:左对齐、右对齐、居中和分散对齐,以下就是这四种对齐方式的具体运用。


左对齐是最常见又有效的一种对齐方式。这种对齐反方式让文本左端整齐排列,是最易读的一种形式。所以当你不知道选哪种对齐方式的时候,就用左对齐吧。


右对齐顾名思义就是将文本的右端对齐,通常是出于对商标或小段文本的装饰目的才选用这种方式。右对齐不推荐用于大篇幅的文本中,因为它会混淆视线,让读者很难找到下一行在哪儿。


居中文本的用途就广泛得多,它可以运用于海报、邀请函、商标设计等等。居中可以轻易地平衡整个文本,达到一种视觉愉悦的美感。不过,它同样不适用于大篇幅的文本,因为参差不齐的效果让人很难顺畅地进行阅读。


最后我们来说说分散对齐。分散对齐并不能完美排列文本,但至少它能达到两端对齐的效果。在小说之类的文本中,分散对齐就是绝佳的对齐方式。但是这种对齐方式也存在一定的弊端,尤其是在字间距方面。正如上图中所展示的一样,越到末尾每一行的字数就越少,这种对齐方式将文本从左至右平均排列,到最后通常造成不恰当的字词间距。  

07.使用网格工具

44b658d1f4a1a801219c77e8991b.jpg



所有新手设计师都应掌握一些基本的网格使用技巧。恰当地利用网格工具可以让平平无奇的设计摇身一变成为简洁、清晰、具有效力的设计。


网格工具有各种不同的形状和尺寸,你可以结合不一样的网格工具,使其能灵活运用于你的设计中。网格能帮助设计师将页面上产生联系的元素集合在一起,创造出更整洁、更有逻辑的设计。例如上图中两栏、三栏、四栏的网格工具能够将图片和文本设计成不同样式。


使用的网格工具分栏越少,设计出的作品就越一致,虽然其中的元素可能会有很强的连贯性,但是却不如多栏的网格设计来得灵活,上图中最右的设计元素有的横布几栏,有的固定在一栏当中,这样既囊括了不同大小的文本块和图片,同时也保证了设计的整洁。你可以为你的设计量身定做一个结合不同网格的设计工具。  

08.为观众而设计

eadc58d1f4c3a801219c77153c3e.jpg



大部分设计(包括个人的设计)都要从主题出发,设计师通常都会有意无意地先确定好一些必须体现的基本信息。关于设计主题最重要的一点就是要不时地问自己“我是为谁设计?”每一项设计都有其目标受众,即会看到该设计并接收信息的人,因此设计师应时刻记住自己的目标受众。


上图中左边的设计并不符合主题和目标受众的审美趣味。儿童音乐会海报的目标观众应该是儿童和父母,因此左图相对深刻的黑白设计很难吸引到正确的人群、传达正确的信息。而右边的设计更好地迎合了设计内容和目标观众的需求,明亮鲜艳的色彩结合活泼的图像元素增强了设计的吸引力,也十分符合主题和目标人群的品味。 


要记住:美观的设计并不一定能与观众建立有效的交流。当你在设计过程中感到困惑的时候,记得回头看看你的设计主题是什么。  

09.避免出现“寡妇”和“孤儿”

5f2b58d1f4dba801219c77d211a5.jpg



将设计从业余提升到专业水平的一个快捷办法就是辨别出文本排版中出现的“寡妇”和“孤儿”。在任何以文本为主的设计中难免都会出现几个“寡妇”和“孤儿”,发现并对其进行处理是设计中很重要的一步。


 “寡妇”和“孤儿”具体指什么呢? Drew de Soto解释道:“‘寡妇’指的是属于某个段落的一小行文本被单独移到另一栏;同样地,‘孤儿’是指属于某一行的一个词被单独置于另一行。”对于这种情况,有几种解决办法。首先,如果你的作品已经被通过,这时你就要通过手动调整文本行长来解决问题。另一个办法如上图所示,在“孤儿”之前的词前面添加软回车(Shift键+回车键),让这个词移到“孤儿”所在的行。示例中的另一个办法就是通过调整页边距来改变文本块的大小,从而避免“寡妇”和“孤儿”的出现。  

10.合理搭配色彩

340358d1f4faa801219c77c1f073.jpg



色彩是一个强大的设计工具,因此设计中很重要的一步就是合理搭配色彩。


当你进行色彩搭配的时候,参考一些色彩理论和前人作品的色彩运用会对你产生很大帮助。色彩理论表明不同的色彩会对消费者产生不同的作用,例如橘色被认为能够激发食欲,这就是为什么橘色通常运用于快餐品牌的设计中。

虽然通过一些调整有时能达到很好的效果,但是在进行色彩搭配的时候,要切记确保合理性。例如上图中的两个设计,一个是专门做花束的花商logo,另一个是宣扬刺激性的彩弹游戏中心的logo。左图的色彩运用显然与品牌内容相悖,而右图的色彩搭配则更恰当。 


每种颜色都有具有一定的符号性和内涵,因此要记得你选择的颜色不能混淆甚至违背所要传达的信息。  

11.合理运用字体

535658d1f517a801219c773c4735.jpg



就像色彩搭配一样,字体的选择也需要考虑是否合理。不同的字体表现某些不同的“情绪”,就像你肯定不会在一家法律公司的logo设计中使用Curlz MT字体。


许多设计师建议最多只能在一个设计中使用2到3种字体,否则就会导致设计看起来过于复杂。试着选择能够帮助信息传达的字体或互补的字体来增强设计的逻辑和效力。 

12.避免在正文中使用标题字体

2cbc58d1f529a801219c77c02cd9.jpg



在正文中使用标题字体就像一个人穿着晚礼服去逛超市一样,字体如果没有用对地方就会让人感到困惑。


标题字体一般用于小区域的文本而非正文文本中,其样式比应用于正文的字体更为复杂华丽,这种复杂性决定了它更适合用于小段标题或副标题中,切记不要将它用于大篇幅的文本中。


上图中右边的例子在正文使用了装饰性的Yellowtail字体,这种字体看上去很美观,但是运用在大篇幅的正文中就会大大降低易读性,让观众读起来觉得很费劲。最好选择像Georgia这种专门用于正文文本的字体,标题字体用于正文会显得太不合时宜。  

13.不要随意伸缩字体

9eef58d1f53da801219c77d12bd5.jpg



这个原则十分容易理解,并且简单易行。大多数情况下,字体本身的形状特点和比例都是经过仔细考量形成的,如果随意伸缩字体往往会导致该字体失去原有的效力。


很多人伸缩字体是因为他们实际上需要一个比现有字体更高或更宽的字体,然而进行伸缩并不是一个好的解决办法。网络上有各种各样的字体可供选择,无论你需要瘦高的字体(如Bebas Neue)或宽字体(如Silverfake)等等,都可以在网上找到。这可能很费时间,可是一旦找到心目中的字体,就会对你的设计有很大帮助。  

14.避免不协调的颜色搭配

f82558d1f55da801219c774e4103.jpg



当色环上相隔较远的两种颜色搭配在一起的时候常常会产生冲突的效果。这种不协调的颜色搭配会产生混乱甚至是冲突,让观众很难分辨出颜色之间的界线。


避免这种不协调的一个简单办法就是选择具有较高对比度的颜色进行搭配,就像上图右边的例子一样,观众可以很容易地一眼看出两种颜色之间的界线,而不像左图的颜色搭配那样混乱。


一些设计师,尤其是广告设计师,经常会犯下这种错误,因为他们误认为这种冲突能吸引到观众的注意。当然,这里所说的避免不和谐的颜色搭配并不表示你就不能依据个人喜好进行色彩搭配,而是要注意避免犯原则性的错误。  

15.不要认为空白没有用

27af58d1f571a801219c77ef4de3.jpg



空白是一种能创造个性元素的设计工具。巧妙地运用空白可以为设计添加一些出人意料的效果,它能够帮你创建视觉焦点,让设计具有活力,而且还能平衡众多设计元素,使设计更加精致。


此外,空白还可以在不添加任何其他元素的前提下为设计注入一些内涵。上图是抗噪耳机的两款虚拟海报设计。左边的设计几乎没有什么空白,图像和文本几乎填满了整个页面;而第二则广告便巧妙地运用大片空白来突出耳机图像的主要焦点,而且也将“100%抗噪”的产品特性具象化。 


设计师应该牢记空白并不是无用的区域,也不要试图用各种图片和文案将空白填满,空白和其他设计元素一样服务于设计的目的。因此,不要忽视空白的作用,试着在设计中留出一些空白,看看它是否让设计变得更完美。  

16.不要盲目跟风

5d1658d1f584a801219c770a98b3.jpg



设计有时候就像时尚潮流一样,一阵风刮过之后就慢慢无人问津。根据潮流所设计的服装终有一天会过时而且不再吸引消费者。


在设计中也是一样,当前风靡的潮流元素总是被大家广泛采用,因为追逐流行是最新鲜而且最容易复制的设计方法。但是潮流来得快,去得也快,加入流行元素的设计可能会迅速失去关注。


但这并不表示你就要对潮流视而不见,你应该时刻关注当下流行的元素,试着分析它们为什么会受到大众喜爱。之前流行的一个设计风格就是X形的logo,这种设计方法是将文字或图像置于X形的框架四周,但由于太多设计师都使用这种设计风格,使其很快就不再受到关注了。


在分析潮流趋势的时候,应该问自己几个问题:为什么它会受欢迎?我可以汲取哪些部分来提升自己的设计?在这个X形logo的例子中,你可以借鉴其中的几何形状概念来设计logo,就像上图的圆形logo一样。无论如何你都要学会分析潮流元素,找到其中可以借鉴的地方,而不是一味进行模仿。  

17.使用正确的工具

290458d1f5a0a801219c77af2b72.jpg


就像工人不可能用锤子拧螺丝一样,设计师也应该知道每一样设计工具的具体用途以及适用的地方。


一个常见的例子是很多人因选用不恰当的设计工具而导致logo栅格化。数字图片的文件类型有两种——    位图和矢量图。位图是由许多像素网格组成的,而矢量图是一系列由线连接的点组成的,两者之间最大的不同是图片的可缩放性。由于位图是由一个个像素构成的,因此放大到一定程度就会失真(见左图),而矢量图(见右图)就不会出现这种问题。


矢量图无论缩放到什么程度都不会失真,因此利用矢量图工具设计的logo可以广泛运用于各种尺寸的媒介上,从一根铅笔到一栋大厦的大小都没问题。如果使用位图工具,那么设计出的logo应用范围就很有限。


 一名优秀的设计师不仅要了解各种设计样式,还要熟悉每一种设计工具的用途。常见的位图和矢量图工具分别为Adobe Photoshop和Adobe Illustrator,在着手设计之前,要确保自己能熟练操作这些工具,并且了解它们的用途和设计效果。  

18.考虑媒介对设计的影响

242d58d1f5b4a801219c776e63fa.jpg



你的设计会运用到什么地方?会用在海报、网站还是杂志上?了解媒介的规格对设计尤为重要,因为这是展示设计的地方,如果你未能仔细考量媒介的各种细节,那么便意味着设计的最终效果可能会受到媒介的影响。


一个经典的例子就是没有考虑到书本在装订的时候需要在装订处附近留出一些空白。设计师在一开始的时候就应该想到为后面的装订留出一些空间,而不是随心所欲地把页面填满。上面的两幅图就分别展示了未考虑书本装订和考虑了书本装订的两种设计效果。


 避免犯这种错误的办法就是直接和客户进行沟通,了解了应该留出多少装订空间之后再着手设计。  

19.避免语法错误

92ac58d1f5c9a801219c77a4b8fa.jpg


要做到语法完全正确是很难的事情,你可能常常不自觉就犯下一些难以察觉的错误,但是你可以了解一些在设计时应注意的语法规则,这样不仅能确保设计的专业性,而且还能让你看出别人设计作品中的错误。


首先就是“&”符号的误用。“&”不能用在正文文本中,它通常用于机构名称(如Johnson & Johnson)或logo设计中。


另一个常见的错误就是在句号后面空两个空格。句号后面只需空一个空格,但如果你觉得文本过于紧凑,可以调整字间距或直接换成另一种字体。


接着就是分号和破折号的误用。分号用于连接两个单词(如“custom-built”);破折号分为短破折号和长破折号,短破折号用于连接两个数值(如“1984–1998”),长破折号用于句子中(如“Grammar is hard — or so I once thought”),相当于逗号。 语法的规则有很多,它看起来似乎不重要,但实际上是设计中的一个微小而有力的工具,它可以将设计提升到前所未有的专业高度和细节精确度。  

20.不要加入过多特效

541258d1f5e3a801219c77d6f7b6.jpg


你还在使用各种花哨的艺术字吗?实际上现在已经不流行这种复杂华丽的元素了,你应该试着在设计中少用一些特殊效果。


能够有效传达信息的设计大多数情况下都是比较简洁的,这意味着你要常常问自己:我应该加入这个元素吗?阴影、斜体、渐变等效果并不是在什么时候都能放在一起使用的,他们各自有适用的情况。 

在图表设计中也常常会用到特效。上图中左边的柱状图加入了很多特效和元素,让人看着觉得很费解;而右边删除了各种累赘的效果,使整个图表信息一目了然,而且也看起来也比较美观。

除了一些符号、数值等必须保留的元素,你可以尽可能删去一些不必要的元素,这样不仅不会降低信息的传达效力,而且还会让观众把注意力集中在主要关键信息上。有时候少即是多。


最后,我想告诉大家的一条规则就是:设计没有规则。掌握基本的设计原则固然重要,但更重要的是懂得在合适的时机打破规则,创造个性化甚至经久不衰的设计。      


161
阅读原文
|
举报
|
218
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
城市园林平面布局航拍
金色颗粒质地的平面
平面男孩喝咖啡插画设计
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
平面书法字手写
空的平台平面和自然景观
金色颗粒质地的平面
课程海报,平面素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
学习,优惠券,平面,海报
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城阙凡花
中国传统纹样创新图案设计
平面花卉图案扁平简约无缝拼接插画
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
金色颗粒质地的平面
平面人物插画
海底世界插画
平面风格黄绿色系花朵装饰
倒计时,海报,平面
你可能喜欢
大家都在看
登录注册