建立条理1 - 版式设计基础

2018/6/11

浏览:176次

作为一个设计小白,非常感谢大家的支持与鼓励。

后面我也会与大家分享一些基础理论知识,当然也有高阶理论知识。


站酷的好友们很有博爱之心啊,文章写得再糙再糟心,也能强行忍着痛楚把文章读完,真的不容易啊,真的是难为大家了,对此我要向大家致以深深的歉意。

本章主要讲解平面设计基础理论与实际用法,适合需要填补设计基础的设计师学习阅读。 



目录

 

1、线的灵活运用

2、统一线宽

3、重量、重心与平衡

4、对称的稳定感

5、设定版心

6、网格的运用



1、线的灵活运用


很多知识是根据我的资深阅历做思维发散延伸出来的新想法,如果有讲的不对或不被认可的知识点,请大家及时批评和指点,我也会积极的去做改正和修正。



1.1 线的性格


很多朋友看到这个标题不禁一惊,线会有什么性格,Hold on Hold on。线本身没有性格,而是先通过找到“线的形式”与“人的性格”之间的共通性,再将他们串联起来进行思维映射,从而得到的线的性格。

我们先了解一下线的三种形式:直线、曲线和虚线,每种形式均能代表不同的含义。这里可以把线形式比作人的性格,直线的形式是直来直去的,比作人的性格也是直白直接;曲线比较柔美灵动,比作人的性格是婉转优美。虚线时有时无,比作人的性格是不够诚实没有安全感。当把人的性格映射到“线”的上,那线也被赋有了这些性格。


同理直线也能表示男性刚毅与坚定的性格,曲线也能表示女性优柔与迟疑的性格。直线可以表示成熟与专业,曲线可以表示亲和与稚嫩。根据不同的线的性格去做符合需求的设计,才能使设计元素更贴近实际主题,也会使设计作品的整体度变得更加的和谐。

上面这个案例就比较有意思了,它是静子米勒吉川在1971设计的关于“海报的历史”的海报。因为“历史”在某个时间节点上是真实存在的,存在一定的不确定性,如果有绝对的确定性日本政府早就承认侵华和南京大屠杀了,正因为没有绝对的确定性,日本政府才会扭曲历史,篡改教科书,真是畜生。所以历史在人的记忆中它是时有时无的,或者是可以完全不存在的。所以这张海报在整体处理上没有用实线,而是用虚线做的修饰来突出整体印象。


线的性格类似“娃娃脸偏见规则”,都是把人的表象(轮廓)映射并转化为设计要素来进行设计。娃娃脸偏见规则属于高阶设计理论,以后会讲到。



1.2 线的作用


线可以用来区分平面中的要素,也能让相同类型的元素有关联,这是线的基础作用。

这句话是重点啊,大家好好记一下。直线的主要作用有:分割要素、添加动势、增强关联性、引导视线、强调规律性。而曲线的主要作用能给整体带来柔美的感觉与印象。

乾方设计03-.jpg

直线的作用中有一条“添加动势”不是很好理解。以后讲到动势时再把它的内容完善,先以基础知识为主。


【分割要素】顾名思义就是线能起到分割要素的作用,如果有两个要素贴近摆放, 他俩看上去就有关联,如果在这两个要素之间加一条线,就会起到分割作用,这时两个要素看上去就没有关联,或互相排斥。


斜线增加的一定的运动趋势,使平面看上去没有那么的呆板。

线的作用:分割要素 / 添加动势的案例。


【引导视线】线可以引导视线,并能有一定的指向性。偏右侧的斜线视线会向右侧引导,同理偏下侧的线视线就会向下引导。

作品中可以用线做视线的引导,同时也可以把引导线作为页面修饰使平面更饱满。


【增加关联性】跟分割要素同理,当两个要素摆放在一条线的左右两侧,对于单个要素而言他们是没有关联,但他们却是处在同一平面中的,从整体的角度上来看,并成为了一体,并形成了某种联系,这种特性就是线的关联性。

利用线的关联性,我们可以设计出很多不同排版且具有节奏韵律的作品。

线的作用:视线引导 / 添加关联性的案例。


【强调规律性】灵活运用线可以使要素变得具有规律性,有了规律性就增强了一致性,大体上增强了统一性。

必要时要使用线来强调规律性,使页面达到一致并具和谐之美。

线的作用:强调规律性的案例。



* 要点


线的个性:先通过找到“线的形式”与“人的性格”之间的共通性,再将他们串联起来进行思维映射,从而得到的线的性格。

直线的主要作用:分割要素、添加动势、增强关联性、引导视线、强调规律性。

曲线的主要作用:能给整体带来柔美的感觉与印象。




2、统一线宽


统一线宽指的是具有一致性的要素需要统一线的宽度,具有差异的要素需要调整线的宽度来营造层次。

“线”的意义就像“人生”意义一样,本身没有任何意义的,是需要设计师赋予线的表达方式使线变得具有“意义”。之前讲过线有分割要素的作用,而把要素用线包围起来就能起到“关联”的作用,这就是线的力量。



2.1 文字也是由线组成的


文字也是由线组成的,文字的一笔一划都是由直线和曲线组成的,所以在设计时要把文字也看做线。

文字的一笔一划也是由线组成的。

统一线宽:文字也是由线组成的。



2.2 相同属性的要素,统一线宽


将相同属性的要素统一线宽,会增强平面的一致性,整体感会具有统一性。

统一线宽:文字也是由线组成的。



2.2 相同属性的要素,统一线宽


将相同属性的要素统一线宽,会增强平面的一致性,整体感会具有统一性。

统一线宽:相同属性的要素要统一线宽。



2.3 不同属性的要素,不同线宽


如果将不同属性的要素用同样的线宽会使视觉变得混乱,因为从视觉上来讲平面没有了层级关系,就看不出来优先级,不能明确优先级视线就会受阻碍,给人一种不知要从哪里阅读的感觉。

标题,正文和注释是有差异化和层级关系的,存在优先级的关系。如果把这些具有差异的要素全部使用统一线宽,会造成平面的视觉错乱。

统一线宽:不同属性的要素不要统一线宽。



* 要点


文字也是由线组成的,文字的一笔一划都是由直线和曲线组成的,所以在设计时要把文字也看做线。

为了营造页面层次感,要把相同属性的要素用同一线宽,不同属性的要素用不同线宽。


本文关键字 : 建立条理1 - 版式设计基础 

本文源于乾方品牌设计 ,转载请注明出处。