设计的四大原则

2016-12-20   |     |     |  

内容框架

为什么要学设计

很多人认为只有设计师才要学设计,那就大错特错了,其实我们每天的生活都离不开设计。不管是作业,报告中需要设计一个简易封面,还是说领导要求要制作一个汇报ppt,又或是找工作的时候想要拿出一份体面的简历。都离不开设计,一个精心设计的封面或简历必然会为你加分不少。

况且现在互联网这么发达,如果你突然一时兴起想弄个博客,或者个人公众号玩玩,那你肯定要学习一些设计排版相关的内容才不至于让自己的博客页面或者公众号显得特别Low,对吧?总之,普通人花点时间学习一下设计肯定是百利而无一害的。

更重要的是,很多时候,并不是我们完全不懂设计,我们在这个社会生活了这么久,看了这么多的海报,广告,本能的会形成一些自己的审美,我们大概知道怎么样的设计是美的,什么样的设计是不好看的,但是我们自己一用起来的时候往往不知道如何下手,这是因为我们从来没系统的接触过这些设计原则,没了解过这些基本概念,但是一旦我们知道这些概念叫什么,我们能有机会掌握它,并熟练的运用它了。

一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,让它为你所控

Robin 在《写给大家看的设计书》中提到了设计的四大原则,这四大原则看似很简单,但是用好了真是威力无穷,书中的例子一遍遍的让你惊叹什么叫腐朽为神奇,而做到这些改变竟然只用到了这四大原则。

基本原则一:亲密性

彼此相关的项应当靠近。如果多项相互之间很近,这情形他们会组成一个视觉单元,而不是多孤立元素。

就如同物理上的位置接近就意味着关联一样,亲密性原则就是将相关的项组织在一起。避免页面上的元素过于孤立而分散读者的注意力。将类似的项归为一组来建立亲密性时,有时候需要做一些修改如调整文字的大小或者是字体粗细改变图片大小放置位置。记住你的责任是确保读者读者获取正确的信息

目的

亲密性的目的是实现组织性,同时可以实现留白

试想,让你看到下面的词典内容,你能看出里面有多少个词条吗?你能快速的找到自己想要的词条吗?这就是没有用亲密性原则

或者看这张图,所有的元素都孤立的摆放,你知道应该看哪里吗?

一般可以从以下几个方面修改:

寻找相关的元素

把内容上有关联的元素放在一起

不相关的内容尽量的远离

列表和数字尽量靠近相关内容

让列表圆点和数字与它相关的内容尽可能的靠近,可以让人知道他们是相关的部分。

同组的内容,尽量亲密

同组的内容,尽量靠近格式一致,同时与其他组要有间距

基本原则二:对齐

任何元素都不能在页面上随意安放,每一项都应该与页面上的某个内容存在某种视觉联系

如果文档的外观差强人意,可能最大的毛病就是没有对起我们的眼睛喜欢看到有序的事物,会给人一种平静安全的感觉,也有助于表达信息。对齐的根本目的是使页面统一而有条理。对齐一般有以下几种方式:左右对齐居中对齐等宽对齐千万不要用!)。其中,除了等宽对齐是作者强调千万不能用的,其他三种对齐方式可以根据需求使用。

最基本原则

一定要坚持一个原则:只用一种对齐方式,页面上只使用一种文本对齐,全部左对齐或右对齐,或居中对齐

目的

对齐的根本目的是使页面统一且有条理。

尽量避免居中对齐

尽量使用左右对齐居中对齐是初学者常用的对齐方式,因为它很安全,感觉上也很舒服,但通常很乏味,所以应该尽量避免使用

有技巧使用居中

如果你确实想用居中对齐,可以通过一些小技巧使它更加生动小技巧如:

将文本居中,但是文本块本身不集中

或将文本放在页面的上方,增加紧张性

可以强调一种细长线条式的居中布局

用宽而短的纸强调一种宽型居中布局

找一条明确的线,并坚持以它为基准

在设计中很忌讳不同的元素之前没有统一的对齐准则,各玩各的,这会使得读者觉得整个页面特别的凌乱。

一定要确保每一项都与页面上其他上存在某种对齐

如果文本行水平摆放则按其基线对齐,如果有多个单独的文本块,则对齐其左边界或者是右边界

图片元素对齐边界

如果有图片元素将其边界与页面的其他边界对齐(注意留白的美感)

如何打破规则

打破规则本身有一条规则,在打破规则之前,必须清楚地知道规则是什么。如果设计中的对齐很明确,可以有意识地打破队形,而且一定要表现出这是有意的,打破常规对齐的方式就是一定要干脆一些,要不全部成为一种方式,要不全部不炒作方式,千万不要保守

千万不要犯的错误

注意:千万不要在一个页面使用毫不相关的多种对齐方式

注意:绝对不要左对齐正文或缩进的文本上,将标题居中

基本原则三:重复

设计某些方面需要在整个作品中重复。重复元素,可能是一种粗字体,一条出现某个项目符号,颜色设计要素,某种格式空间关系等。

可以把重复认为是一致性。重复可以用来控制,读者,视线的一种视觉技巧,使读者的注意力尽可能,长地保留在面上。把已有的重复元素取出,让这些元素效果更强,更生动通过把重复表现得更明显,不仅可以使页面看上去更有趣还能,在视觉上增强其条理性和一致性。

目的

重复的目的是统一并增强视觉效果。重复是使页面合为一体的主要因素

重复有助于组织信息可以帮助读者游览各个页面,也有利于将社区中的单独部分统一起来。有时候重复项并不一定完全相同,而只是存在明确相关联的紧密相关对象

要确保有足够多的重复元素差异才会明显。

注意:要避免太多的重复一个元素,重复太多会使人讨厌

基本原则四:对比

页面上不同元素之间要有对比效果,达到吸引读者的对比效果,如果两个相完全不相同,就应该是不同,而且应该是截然不同。

可以产生对比的方式:大字体和小字体对比; 典雅字体和无衬线体相对比; 细线和粗线的对比; 冷色和暖色的对比; 平滑材质和粗糙材质的对比; 水平元素和锤子元素对比; 间隔很宽的文本和紧凑文本的对比; 小图片和大图片的对比。

对比最有意思的同时,效果也最为显著,只需要几个小小的改动,就能把一个普通普普通通的设计变成一个精美的设计

通常你都会发现,一般来说,当你使用了对比后,你会发现其他的概念就相形见绌了。

目的

对比的根本目的是增强页面效果,同时有助于信息的组织。

不要拿12磅和14磅字体对比

千万不要畏首畏尾,如果一两个元素虽然不同,但是区别不大,这时候就不是对比,而是冲突。不应不应该使用十二磅大小合适十四磅大小的字体进行对比,也不要使用0.5磅的线与1磅的线来对比。

如果内容过多

如果内容太多的话,就可以采用多列,将关键短语视为粗体,同时可以让不重要的内容字体尽量的变小,增强对比。

不要害怕让一些项很小,这样不仅可以和更大的象进行对比,还能留出更多的空白,一旦读者把握住重点,只要他们感兴趣,自然会读这些较小的文字。如果他们不感兴趣,无论你把这些文字放的多大,他们都不会去读。

颜色对比需要强烈

不要使用淡紫色的纸,而要亮白色的纸上加上深紫色才有对比效果,同时深棕色和黑色对比也是不合适的。

对比就像修补一处漆记的配漆一样,不能大概的配色,颜色要么就配的完全相同,要么就把整面墙都重新刷一遍,几乎击中不算赢,几乎达到不做用!

四大原则的运用

指导原则

一般性的指导原则:不要畏畏缩缩

不要害怕在设计和生活中留白

不要害怕设计是不对称的

不要害怕把单词设置的非常大或非常小,同样的,也不要害怕,说话声音太大或太小

只要最后的结果能支持或强调你的设计观点,不要害怕让图片太大或太小

如何用四大原则改造报告封面

首先,最常用的是居中,这样的封面会显得平淡无奇。

我们尝试使用一下亲密性原则,加粗一下标题增强一些对比

当然,除了粗细变化,还可以简单的调整字体大小来增强对比,同时使用一样的字体,使页面有重复元素。(这个使用就千万不要用平淡无奇的Times,Arial,Helvetica字体了)

接下来,我们尝试使用右对齐,可以发现右对齐相比居中显得更加精致

我们加入一些重复性,比如颜色,比如元素(虚线),增强读者对所要表示元素的认知

最后是重头戏对比,基本上加入了对比后,大大提升了页面的显示效果

额外建议

有些字体少用

比如Times Roman 和 Arial/Helvetica字体,基本不要使用,另外Sand字体也可以去掉了

不用居中

对很多人来说这很难,但是这是你审美成长的比经之路,至少,等你有一定的眼光后再使用吧!

不要使用框

很多人喜欢在页面上画上大大小小框来区分不同的信息,其实这使用亲密性原则就足以。

一致性才会产生重复

在制作简历的时候,有时日期写在左边,有时候日期写在右边,有时候日期写在文字中间这样是没办法产生重复的,一定是在一致性的原则基础上才有可能产生重复

增强对比

一定要记着增强对比,对比是最能吸引人眼球的方式,人的眼睛喜欢看到对比的事物,一旦不同,就应该让它彻底不同

善于学习

记住,没有人能通过一本书就学会设计,作者也说了我最希望的是能向你潜移默化地灌输一种思想,是你提高视觉的敏感度,当你有了一定的视觉敏感度后,你会发现你的周围到处都是例子,有好的值得借鉴的例子,也有很糟糕的可以修改的例子,只要你肯学习,到处都是资源。很重要的一点是要学会模仿,这是非常重要的。我之前就

要知道哪怕专业的设计人员也总会“借取”其他概念,他们总在寻找灵感。如果你在设计一个传单,可以先找一份你去你确实非常喜欢的传单将他的布局通过慢慢的调整,一步一步成为你自己的设计,大家都是这么做的,所以你大可不比觉得有什么不好意思的。当你见的多了,用的多了,自然会有自己的设计心得的。

相关图书

《写给大家看的设计书》