热评 賴賴賴

謝謝您的分享,很喜歡這種學習方式! 有一篇文章講述重點與內涵,再用一篇實戰來實際運用!真的很棒!
文件名 如何下载使用 文件大小 提取码 下载来源
练习素材和源文件83.2Mhy0n 点此复制 登录下载

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

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

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

方案一

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

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

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

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

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

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

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

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

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

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

方案二

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

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

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

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

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

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

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

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

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

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

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

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

设计完成:

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

方案三

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

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

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

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

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

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

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

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

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

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

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

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

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

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

调整色阶加强对比度;

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

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

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

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

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

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

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

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

方案四

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

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

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

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

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

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

总结

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

方案汇总

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

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

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

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

文件名 如何下载使用 文件大小 提取码 下载来源
练习素材和源文件83.2Mhy0n 点此复制 登录下载
收藏 357
点赞 73

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。