“满版构图”是将图片、文案和设计元素等充满整个版面,营造出丰富的画面效果,具有极强的代入感以及视觉感受,传递的情感也更加丰沛。为了让大家加深对“满版构图”的理解,运用上一期知识点进行一则敦煌旅游海报实操演示。

上期回顾:

内容太多如何设计?来看「满版构图」实操演示!

方案一

寻找敦煌景点具有代表性的飞天人物壁画图片,将图片放大铺满整个版面。

内容太多如何设计?来看「满版构图」实操演示!

根据人物的动作将放置文字的空间划分为上下两部分。

内容太多如何设计?来看「满版构图」实操演示!

版面上部分的空间放置信息为敦煌的景点介绍。选择具有历史文化感的篆书、隶书和宋体字形进行搭配;其他阅读性文字选择识别性较好的思源黑体。

内容太多如何设计?来看「满版构图」实操演示!

根据版面上部分留出的空间,使用顶对齐的竖排形式,排版时注意调整文字下端错落起伏的节奏感;再加入线条来划分信息和丰富视觉效果。

内容太多如何设计?来看「满版构图」实操演示!

下半部分放置报名信息,也根据留版面空间重新进行排版优化:

内容太多如何设计?来看「满版构图」实操演示!

把刻画好的文字信息放置在图像空白处,要注意保证文字的识别性和图片的完整性。

内容太多如何设计?来看「满版构图」实操演示!

在PS中使用「图层样式」给标题文字分别加入“渐变叠加”、“描边”和“斜面浮雕”效果,参考数值如下:

内容太多如何设计?来看「满版构图」实操演示!

最后在背景加入祥云元素,让版面视觉效果饱满而丰富,设计完成:

内容太多如何设计?来看「满版构图」实操演示!

方案二

方案二使用图文混合排版进行设计,关键是找到图片的“空白区”,安排文字穿插排版。

选择两张图片,把佛像图片“图层混合模式”改为”柔光”叠加在背景上。

内容太多如何设计?来看「满版构图」实操演示!

标题使用错位排版,文字交错移动位置,在缺口的地方加入图标装饰,让细节更丰富。

内容太多如何设计?来看「满版构图」实操演示!

景点介绍文字采取两端对齐形式,加入景点图片进行穿插排版:

内容太多如何设计?来看「满版构图」实操演示!

把编排好的信息放置在背景图片上,不要影响文字和图片的识别性,报名信息放置在最下方,设计完成:

内容太多如何设计?来看「满版构图」实操演示!

方案三

重新选择两张图片,将风景图片旋转90度,获得崭新的视角,佛像图片“图层混合模式”改为“柔光”叠加在背景上。

内容太多如何设计?来看「满版构图」实操演示!

根据满版图片留出的左右空白空间,进行文字信息重新排版:

内容太多如何设计?来看「满版构图」实操演示!

把刻画好的文字信息叠压在图片上方,注意保证文字的识别性。

内容太多如何设计?来看「满版构图」实操演示!

方案四

方案四使用文字满版形式进行设计。放大“敦煌”二字(字体选用字魂48号-半天云魅黑手书 ),其他文字放置在版面空白处,占据版面所有空间,让视觉效果饱满而丰富。

内容太多如何设计?来看「满版构图」实操演示!

调整配色,使用深色底金色字,营造古朴和厚重的氛围。

内容太多如何设计?来看「满版构图」实操演示!

继续加强画面古朴的历史文化感。在Ps中,把“壁画”和“金箔”素材放置在“敦煌”二字图层上方使用剪切蒙版(Ctrl+alt+g)功能叠加纹理,调整两个纹理的图层透明度,得到如下效果:

内容太多如何设计?来看「满版构图」实操演示!

使用纯文字的编排画面显得比较单调,加入背景纹理和飞天壁画人物素材丰富画面,设计完成:

内容太多如何设计?来看「满版构图」实操演示!

总结

通过本期案例实操可以看到“满版构图”可以营造出丰富的画面效果,具有极强的代入感以及视觉感受,传递的情感也更加丰沛。“满版构图”具有良好的亲和力、强烈的视觉冲击力、丰富饱满的视觉效果、热闹轻松的氛围和自由活泼的趣味性。

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

内容太多如何设计?来看「满版构图」实操演示!

收藏 576
点赞 245

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