“几何构图”是版面设计元素根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间,让视觉元素布局更有章法,传达出理性之美。
为了让大家加深对“几何构图”的理解,运用上一期知识点进行一则书籍封面实操演示。 想让平面布局更有章法?
收下这份几何构图总结!本期带来的是“几何构图”的使用攻略,几何构图是版面设计元素根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间,让视觉元素布局更有章法,传达出理性之美。三角构图三角构图指画面中的主要元素形成一个三角形的态势,可以是正三角形、斜三角形或倒三角形。
文字是书籍封面中最重要的信息,一般包括:书名、作者、出版社、内容说明和名人推荐等,这些文字都是需要设计者在设计前进行整理规划、明确信息层分组和层级。 方案一 第一个方案采用正三角构图,寻找图形素材,如下图的箭头图形,摆放成正三角构图形态,即平衡稳定又具有挺拔高耸感,寓意经济增长的态势。
加入一级、二级文字信息(书名和作者),放置在图形下方,使构图重心落在底部,保持平衡稳定感。 文字颜色吸取箭头的金黄色渐变,背景选择红色。黄色和红色同为暖色系,并且在色彩环上拥有邻近的共有色,容易获得协调统一的配色;但因为两色明度相差很大,红黄配色又有很强的对比,可以很好的突出主体。
把三级信息(名人推荐、内容介绍和出版社)重新进行优化排版,让文字编排细节更丰富和美观: 把刻画好的信息放置到版面中,设计完成: 方案二 方案二把主体按倒置的三角形摆放,倒三角构图的特点是可以体现出一种不稳定的张力,以及心理的紧张压迫感,充满运动趋势。 接下来讲解立体字制作方法。在AI中把文字转曲并取消群组。复制新文字,加入较暗的渐变色。 把三个字分别向右下方、下方和左下方偏移。 使用钢笔工具给下方文字路径增加锚点,连接笔画转折处,形成文字的厚度。 在PS中调整文字厚度转折处的明暗关系,立体字制作完成: 把三级信息放置在主体上下方空白处;背景比较单调,加入金币图片素材,图层混合模式改为正片叠底,使画面层次看起来更丰富。
设计完成: 方案三 方案三使用四边形构图,特点是版面中的主要视觉元素按四边形形态进行排列,理性而严谨,是设计时经常使用的平衡构图方式。 首先把书名、作者按四边形形态进行摆放: 为了避免排版过于呆板,在左上角加入“第一本”图标、右下角加入钱币图形进行破图。 其他文字放置在主体上下方,也按四边形进行排列,形成严谨平衡构图形式。
为了让版面看起来更丰富,加入经济学相关的手绘元素作为背景;在文字下方加入半透明的黑色底色来承载文字信息,保证文字能够清晰有效的传达。 最后把文字置入PS中制作粉笔字效果,让文字和背景元素风格更协调统一: 新建文件800像素X800像素,执行「滤镜」-「杂色」-「添加杂色」,数量“100%”,选择“高斯分布”、“单色”; 执行「滤镜」-「模糊」-「动感模糊」”,角度:-45,距离:25。 调整色阶加强对比度; 执行“滤镜–像素化–铜板雕刻”选择:中长描边; 执行「编辑」-「定义图案」,把处理好的纹理保存为图案。 在书名上添加「图层样式」-「图案叠加」,选择处理好的图案,调整“缩放”直至获得满意的效果。 把其他文字置入PS中,执行「滤镜」-「像素化」-「铜板雕刻」,选择“中长描边”,重复滤镜3-5次,得到最终效果: 方案四 最后一个方案采用压四角型构图,用版面中的视觉元素压住版面的四角,使画面严谨和稳定。
注意要适当的留白,留出画面的透气感。 使用网格来划分比例和辅助对齐: 加入配色,使用黄蓝色搭配。黄色和蓝色是对比色,搭配在一起会互相抗衡,互相衬托,让各自的色彩属性更突出。最后加入金币图片素材丰富背景层次,设计完成: 总结 在设计时可以将版面设计元素根据几何形态来组织视觉语言、构建画面,让视觉元素布局更有章法,传达出理性之美。本期主要使用了三角和四边形构图进行实操示范,下期将带来的是圆形和曲线构图实操演示。