画面呆板如何打破？非看不可的「倾斜构图」技巧！（实操篇）

「倾斜构图」是版面整或部分元素以倾斜的角度呈现在画面上，以产生不稳定的动感，画面显得更具创意，充满活力，也更有视冲击力。为让大家加深对倾斜构图的理，运用上一期识点进行一则运动报操演示。

报主题为运动俱乐部的宣传报，首先选择与版面相契合的字。主标题中文字选择「字魂-正酷超级黑」，英文和数字字选择「DINPro-Black」，两款字有着相似的特征，笔画厚重，棱角分明，粗犷而具有力量感。其他信息使用严谨规整的「思源黑」，证良的识别。

方案一

行设，可以寻找关于运动的优秀案例行分析，参考其图片选取、色彩搭配、空间构图。方案一参考的采用高视角俯视角度的案例，使用人倾斜的文字营造特殊的空间感，能够给人的崭新视觉印象。

接下行文案信息的优化排版，通过字体的小、粗细，按主次区分，建立好视觉层次。

把刻画好的文字置到版面中，并行倾斜处理，倾斜角度不太，既能够让画面变得活泼起，又不会影响到图文的识别性，设时也比较易把控。

加入俯视角度的运动人素，注意尽不影响中文标题的识别性。并把其他信息点缀元素平稳的排列画面四角，形动静对比，也可以保持画面的稳性。

整体画面比较单调，背景加入网球场的素，也行倾斜处理，倾斜角度可以些与文字形对比。

整体效果已设好，但版面还比较平淡，缺少层次感。使用半透明的黑色画笔压暗画面，形聚光效果，让主体突出；后使用灰色画笔给主体文字添加光泽效果。设完：

方案二

方案二计「双方向倾斜」构图，是将计素朝个对立的角度倾斜，产生了方向上的对比，可以形成视觉冲突，营造出空间立体。参考案例如下：

把文字重新进行排版，为中文和英文部：

在AI中使用「透视网格工」，采用点透视，让部文字形成交叉同也有空间纵深;

把刻画好的文字主体导入PS中，加入人物素材：

把人物素材调整为黑色，并加对比度，穿插叠压在文字中，尽量不要响中文的识别性。

最后给背景加入点状纹理丰画面，并压暗四角使主体更突出，方案二计完成：

方案三

方案参考一则汽车海报，将字入倾斜角变，通过平衡感产生了「感」，增强了版面的趣味性，产生良好的视觉冲击。

重版字，并进行倾斜处：

加人物素材，做出前叠加的效果，其他文字信息放置在画面下方，平衡稳定画面。

方案四

方案四试设一款黑金风格海报，如图，画面具良好的厚重感力感，可以产强烈的视觉冲击力。

寻找黑白色调的运动人素，把人皮肤部分与背景分离，新图层命「皮肤」。

分别给两图层使用「色相/饱度」，勾选「色」，调整金色调。皮肤图层使用「色阶」命令增强对比度，

接下制作皮肤的金属反光效果。复制皮肤图层移动到图层方，执行「反相」（ctrl+i）命令，调整「色阶」压暗反光效果:

擦除不需反光的五官、发、部分皮肤（左图色部分）：

使用「色相/饱度」给反光部分添加偏的色调，并调整 「色阶」加强对比度：

接下给皮肤加强金属质感，复制皮肤图层移动到图层方，执行「滤镜-滤镜库-素描-铬黄渐变」，图层混合模式改「柔光」，降低图层透明度50%，擦除色部分。

终效果：

重新排版文字行当倾斜，置到皮肤图层下方，形文字叠压效果：

使用「图层样式」给文字加入金属特效，参考数如下：

右键「拷贝图层样」，其他文「粘贴图层样」，体大小不致，需进「和浮雕」「深度」微调。最后在背景加入倾线条进装饰，设计完成：

案汇：

总结

「倾斜构图」以打破常规构图横平竖直的视思，产生不稳定的动感，画面显得更具创意，也更有视冲击力。当想要设计灵动活泼的版面，营造轻松、动感、刺激等氛围时，「倾斜构图」是更适合运用的构图表现形式。

练习素材、设计文件和倾构图参考案例下载链接：https://pan.baidu.com/s/1d1RS2f3jehT7yTyWyourjg   提取码：sh48

备载链接：https://share.weiyun.com/PCzURivw

更多构图巧：

欢迎关注作者的公众号：「艺海拾贝Design」