想让平面布局更有章法?收下这份几何构图总结!(实操篇)

平面设计3年前 (2021)发布 流光
3.3K 0 0

几何构图”是版面设计元素根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间,让视觉元素布局更有章法,传达出理性之美。为了让大家加深对“几何构图”的理解,运用上一期知识点进行一则书籍封面实操演示。

文字是书籍封面中最重要的信息,一般包括:书名、作者、出版社、内容说明和名人推荐等,这些文字都是需要设计者在设计前进行整理规划、明确信息层分组和层级。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

方案一

第一个方案采用正三角构图,寻找图形素材,如下图的箭头图形,摆放成正三角构图形态,即平衡稳定又具有挺拔高耸感,寓意经济增长的态势。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

加入一级、二级文字信息(书名和作者),放置在图形下方,使构图重心落在底部,保持平衡稳定感。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

文字颜色吸取箭头的金黄色渐变,背景选择红色。黄色和红色同为暖色系,并且在色彩环上拥有邻近的共有色,容易获得协调统一的配色;但因为两色明度相差很大,红黄配色又有很强的对比,可以很好的突出主体。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

把三级信息(名人推荐、内容介绍和出版社)重新进行优化排版,让文字编排细节更丰富和美观:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

把刻画好的信息放置到版面中,设计完成:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

方案二

方案二把主体按倒置的三角形摆放,倒三角构图的特点是可以体现出一种不稳定的张力,以及心理的紧张压迫感,充满运动趋势。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

接下来讲解立体字制作方法。在AI中把文字转曲并取消群组。复制新文字,加入较暗的渐变色。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

把三个字分别向右下方、下方和左下方偏移。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

使用钢笔工具给下方文字路径增加锚点,连接笔画转折处,形成文字的厚度。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

在PS中调整文字厚度转折处的明暗关系,立体字制作完成:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

把三级信息放置在主体上下方空白处;背景比较单调,加入金币图片素材,图层混合模式改为正片叠底,使画面层次看起来更丰富。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

设计完成:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

方案三

方案三使用四边形构图,特点是版面中的主要视觉元素按四边形形态进行排列,理性而严谨,是设计时经常使用的平衡构图方式。

首先把书名、作者按四边形形态进行摆放:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

为了避免排版过于呆板,在左上角加入“第一本”图标、右下角加入钱币图形进行破图。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

其他文字放置在主体上下方,也按四边形进行排列,形成严谨平衡构图形式。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

为了让版面看起来更丰富,加入经济学相关的手绘元素作为背景;在文字下方加入半透明的黑色底色来承载文字信息,保证文字能够清晰有效的传达。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

最后把文字置入PS中制作粉笔字效果,让文字和背景元素风格更协调统一:

新建文件800像素X800像素,执行「滤镜」-「杂色」-「添加杂色」,数量“100%”,选择“高斯分布”、“单色”;

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

执行「滤镜」-「模糊」-「动感模糊」”,角度:-45,距离:25。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

调整色阶加强对比度;

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

执行“滤镜–像素化–铜板雕刻”选择:中长描边;

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

执行「编辑」-「定义图案」,把处理好的纹理保存为图案。

在书名上添加「图层样式」-「图案叠加」,选择处理好的图案,调整“缩放”直至获得满意的效果。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

把其他文字置入PS中,执行「滤镜」-「像素化」-「铜板雕刻」,选择“中长描边”,重复滤镜3-5次,得到最终效果:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

方案四

最后一个方案采用压四角型构图,用版面中的视觉元素压住版面的四角,使画面严谨和稳定。注意要适当的留白,留出画面的透气感。

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

使用网格来划分比例和辅助对齐:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

加入配色,使用黄蓝色搭配。黄色和蓝色是对比色,搭配在一起会互相抗衡,互相衬托,让各自的色彩属性更突出。最后加入金币图片素材丰富背景层次,设计完成:

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

总结

在设计时可以将版面设计元素根据几何形态来组织视觉语言、构建画面,让视觉元素布局更有章法,传达出理性之美。本期主要使用了三角和四边形构图进行实操示范,下期将带来的是圆形和曲线构图实操演示。

方案汇总

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

练习素材、设计源文件和几何构图参考案例下载链接:https://pan.baidu.com/s/1fG5cGNttPJWhyFJFYHiP4A 提取码:hy0n

欢迎关注作者的微信公众号:「艺海拾贝Design」

想让平面布局更有章法?收下这份几何构图总结!(实操篇)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@研习设K先生 :我们都知道,文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的...
图文排版
编者按:当老板说出「字要大」「颜色要喜庆,别跟坟前上吊似的」时,他们到底想表达什么?设计师该如何应对?今天让得到首位...
平面设计
线是最基础的,也是设计中最常见的,希望这篇文章对大家有所帮助。 一、线的概念 线是点运动的轨迹。几何学上的线只有长度和...
点线面
我们在日常的工作中是不是经常遇到以下的情况: 一段信息或者一张图片应该排在页面什么位置合适?为什么排在这里? 左边...
对比
作为一名设计师,你需要学到的最重要的技能之一就是如何选择字体。这是因为文字内容是设计师与用户沟通的主要方式之一,版式...
字体设计
这9种方法可以让 Banner 中的文本标题快速具有形式感。 一、分栏式布局+剪切蒙板 二、沿着图片背景元素走向排布 三、用不同...
Banner设计
@研习设K先生 :其实无论是色彩学还是配色方法,最本质的东西就那些,更多的还是需要设计师在日后的工作中不断的摸索和积累。...
十字形配色法
@研习设K先生 :我们在日常工作中几乎离不开扭曲和变形工具,它可以帮助一个设计师校正一个元素的透视关系,或者为设计好的标...
平面设计