比如一只鸟,一朵云,便是点;一条电线上的一排鸟,飞机划过云,便是线;鸟儿们一起飞,一大片云,便是面。生活中的统统都可以想象为点、线、面,这个观点是相对的,相互比较得来的。我们把这些丰富的画面利用到设计上,得到创意。
初识点线面
1. 点线面长什么样?
先大略画个观点图,再根据下面的例子想象一下,点线面实际上可以是任何形态。
2. 生活中的点线面
点线面无处不在,与生活息息相关。
3. 版式设计中的点线面
以下作品是怎么利用点、线、面的呢?
解锁点线面
1. 点的运用
点是相对面积较小的元素,面积越小,越灵动。在一个作品里点不是单独存在的,也没有固定的形态,可以是任何形状,任何元素。
版式设计中的点
下图中的字母、珍珠和彩色的圆点起到生动版面的浸染。当画面内容较少时,可以采取加入「点」的办法,丰富画面,陪衬氛围。
营造空间感的点
2. 线的运用
点动成线,线可以划分空间、建立联系、勾引视线和美化排版,具有不稳定、动态、冲击感和运动感。线还有虚实之分,实线一览无余,虚线缥缈虚幻。
版式设计中的线
一览无余的实线
虚幻无形的虚线
3. 面的运用
线动成面,面是画面中面积最大的部分,可以是视觉中央,可以用来区分版面,面也没有固定的形状。
页面主体
区分版面
剖析点线面布局
实操的第一步还是要剖析版面的构成,下面剖析3种类型,我把它画出来给你看,同时把颜色层次也画出来,做图的时候也要把稳这些明暗比拟,重点突出配色方法。
这个案例紧张利用面和线的结合,背景是用斜线表示时尚。中间的内容大面积集中,形成了一个面,同样它也利用了点线面结合,比如英笔墨母便是点。
这个案例点线面的结合比较丰富,背景的色块便是形状不规则的面。中间的笔墨分散写,形成了点。最下面的大量笔墨利用了贴近和阔别的手腕。
点线面的方法是专题页常用的排版方法,使页面变得丰富,有活动的氛围,让人忍不住多勾留一会。
版式举例
每个设计稿都可以像这样拆分,看点线面的布局。平常我们看精良案例的时候,多积累点线面运用的方法,可以让你的创意源源不断。
下面是一些常用的点线面排版的例子:
实例练习
好了,现学现用,找个素材做个练习吧。只有自己思考过了,才能接管变成自己的心法。
总结
点线面一样平常是组合起来利用的,但是怎么把握好平衡,组合成各种各样的形态,让版式更加富有创意,还需多看多练。