Date 2026-01-20 22:32:51
「倾斜构图」整个布局或部分元素从倾斜的角度呈现在图片上,可以产生不稳定的动态,图片显得更有创意,充满活力,但也更有视觉影响。为了加深对倾斜构图的理解,使用上一阶段的知识点进行运动海报的实际演示。
上期回顾:
在构图策略的前两个阶段,我们分享了“上下构图”和“左右构图”的使用方法。这两种构图是一种视觉效果相对平衡稳定的构图形式:当你想设计一个更灵活、更生动的布局,营造一种轻松、动感、刺激的氛围时,“倾斜构图”是一种更适合使用的构图形式。在本期中,我们将分析倾斜构图的使用方法。
阅读文章 >
海报的主题是体育俱乐部的海报。首先,选择符合布局的字体。主题中文字体选择「字魂-正酷超级黑」,选择英文和数字体「DINPro-Black」,这两种字体具有相似的特点,笔画厚重,棱角分明,粗犷而有力量感。其他信息使用严格规则「思源黑体」,确保良好的识别能力。

在设计之前,您可以找到关于运动的优秀案例进行分析,并参考其图片选择、颜色搭配、空间构图等。该方案是指使用高视角的案例,使用角色和倾斜的文本来创造一种特殊的空间感,可以给人们带来新的视觉印象。

接下来,优化文案信息的排版,根据主次区分字体的大小和厚度,建立良好的视觉层次。

将刻画好的文字放入布局并倾斜。倾斜角度不应太大,这不仅可以使图片活泼,而且不会影响图片和文本的识别,而且在设计中更容易控制。

添加俯视角度的运动人物材料,注意不要影响中文标题的识别。并将其他信息和装饰元素顺利排列在图片的四个角落,形成动态和静态对比,也能保持图片的稳定性。

现在整体画面比较单调,背景中加入网球场的材料也进行了倾斜处理,倾斜角度可以大一些与文字形成对比。

整体效果已经设计好了,但布局还是比较平淡,缺乏层次感。用半透明的黑色画笔压暗画面边缘,形成聚光效果,使主体更加突出;最后,用灰色画笔为主文字增添光泽。设计完成:

方案二设计「双方向倾斜」构图是将设计元素向两个对立的角度倾斜,产生方向对比,形成视觉冲突,营造空间立体感。参考案例如下:

重新排版文字,分为中文和英文两部分:

在AI中使用「透视网格工具」,采用两点透视,使两部分文字形成交叉,同时也有空间深度感;

将刻画好的文字主体引入PS,添加人物素材:

将人物素材调整为黑白,加强对比度,穿插叠放在文字中,尽量不影响中文的识别。

最后,在背景中加入点状纹理丰富的画面,并将四角压暗,使主体更加突出,方案二设计完成:

方案3参考汽车海报,将文本添加到倾斜角度进行变化,通过不平衡产生「动感」,增强了版面的趣味性,也产生了良好的视觉冲击力。

重新排版文本并倾斜:



添加人物素材,做出前后叠加的效果,将其他文字信息放在画面下方,平衡稳定画面。

试着设计一张黑金风格的海报,如图所示,画面具有良好的厚重感和力量感,能产生强烈的视觉冲击力。

寻找黑白运动人物素材,将人物皮肤部分与背景分离,新图层命名为「皮肤」。

两个图层分别使用「色相/饱和度」,勾选「着色」,调整为金色调。使用皮肤图层。「色阶」命令增强对比度,

接下来,制作皮肤的金属反射效果。将皮肤图层复制到图层顶部并执行「反相」(ctrl+i)命令,调整「色阶」压暗反射效果:

擦去五官、头发和一些不需要反射的皮肤(左图红色):

使用「色相/饱和度」将偏红色调添加到反射部分,并调整 「色阶」加强对比度:

接下来,为皮肤增强金属质感,将皮肤图层复制到图层顶部,执行「过滤器-过滤器-素描-铬黄色渐变」,图层混合模式改为「柔光」,将图层透明度降低50%,擦去红色部分。

最终效果:

重新排版文本,适当倾斜,放置在皮肤图层下方,形成文本叠加效果:

使用「图层样式」将金属特效添加到文本中,参考值如下:




右键「复制图层样式」,给其他文字「粘贴层样式」,由于字体大小不一致,需要进行「斜面和浮雕」中「深度」微调。最后,在背景中加入倾斜线进行装饰,设计完成:

方案汇总:

「倾斜构图」它可以打破传统构图的水平和垂直视觉思维,产生不稳定的动态,图片更具创意和视觉冲击力。当你想设计一个聪明和活泼的布局,创造一个轻松、动态、令人兴奋的氛围时,「倾斜构图」构图表现形式更适合使用。
下载链接:练习材料、设计源文件和倾斜构图参考案例:https://pan.baidu.com/s/1d1RS2f3jeht7ytyWyurjggg 提取码:sh48
备用下载链接:https://share.weiyun.com/PCzURivw
构图技巧更多:
在设计之前,我们需要对设计元素的位置有一个大致的想法。这个想法是构图,相当于布局的原型。有了这个原型,我们可以开始下一步的细化。只有充分理解构图的意义和作用,我们才能知道排版。
阅读文章 >欢迎关注作者微信微信官方账号:「Designdesign」
