实用设计攻略:非看不可的“倾斜构图”技巧!

举报 2020-09-08

作者:邓海贝,来源:艺海拾贝Design
原标题:画面呆板如何打破?非看不可的“倾斜构图”技巧!

构图攻略前两期分享了“上下构图”和“左右构图”的使用方法,这两种构图是视觉效果相对比较均衡稳定的构图形式,当想要设计更灵动活泼的版面,营造轻松、动感、刺激等氛围时,“倾斜构图”是更适合运用的构图表现形式,本期就来分析倾斜构图的使用方法。


一、什么是倾斜构图

“倾斜构图”是版面整体或部分元素以倾斜的角度呈现在画面上,打破常规构图横平竖直的视觉思维,可以产生不稳定的动感,画面显得更具创意性。

“倾斜构图”是用更自由和个性化的视觉去表达信息和情感,画面充满活力,也更有视觉冲击力。


二、倾斜构图的作用

倾斜构图能打破平衡感与稳定感,可以根据主题需要,搭配相应的视觉元素营造出不同的氛围。

01 动感、冲击力

倾斜被视觉感知为从垂直和水平方向上的偏离,会产生不稳定的视觉感受,通过这种不平衡感产生了“动感”。所以倾斜构图常运用在体现具有对抗性、速度感、力量感和冲击力的版面中。

02 活泼、欢快

将画面以倾斜的角度处理会为版面带来跃动的心理感受,能够传达出轻松活泼的印象,配合跳跃、欢快的元素,可以营造出热闹喜庆的氛围。如在促销页面经常可以看到倾斜构图的使用。

03 紧张、刺激

倾斜的画面充满了不确定性,让人感到焦虑紧张,经常用来营造惊悚、叛逆、惊险刺激与危机感的氛围,在影视剧海报中多有体现。


三、倾斜构图的角度

将版面加入倾斜角度变化,打破常规的观看视角,增强了版面的趣味性,也产生良好的视觉冲击力。最常用的方式是将设计元素倾斜15°至45°,既能够让画面变得活泼起来,又不会影响到图文的识别性,设计时也比较容易把控。

也可以尝试变换不一样的倾斜角度,如当图片倾斜旋转90°时,产生了新颖的视角,版面显得更具创意,能够给人带来的崭新视觉印象。

当图片以旋转180°的角度呈现时,给人视觉错乱、颠倒的印象,这种表现手法常出现体现时尚、个性和艺术性较强的版面中。


四、倾斜构图的形式

“倾斜构图”通常使用的形式为整体画面的倾斜或者画面中局部元素的倾斜(主体倾斜、文字倾斜或辅助元素的倾斜),在实际设计中,要根据现有的素材和资料来决定使用哪种倾斜方式来表现。但要注意无论画面中的元素如何倾斜,都要保证版式的整体是平衡的。

01 整体倾斜

把画面所有元素进行倾斜,使画面呈现出不稳定的动感,整体又可分为”同一方向倾斜”、“双方向倾斜”和“多方向倾斜”。

“同一方向倾斜”是各视觉元素按同一角度有规律的倾斜,版面具有单纯的结构和井然有序的的组织,呈现出统一和谐的整体性和秩序感。

“双方向倾斜”是设计元素朝两个对立的角度倾斜,产生了方向上的对比,可以形成视觉冲突,营造出空间立体感。

“多同方向倾斜”是版面中视觉元素朝多个不同的方向倾斜,视觉效果丰富活跃,具有强烈的对比。为了避免版面杂乱,需要形成一定的倾斜规律,让丰富的元素具有一定的秩序,达到版面的稳定。

02 主体倾斜

主体是版面中占据面积最大、传达信息最直观的视觉元素。将主体进行倾斜处理,其他元素使用稳定的横竖排列,形成动静对比,既能保持画面的稳定性,又能达到突出主体的目的。

03 文字倾斜

文字在版式设计中具有丰富的表现力,在图片素材受限的情况下,使用文字倾斜破除规范稳定的版面,是打破画面呆板印象的有效方法。

04 元素倾斜

在不改变整体视觉感受的情况下,运用部分装饰性元素或背景元素的倾斜打破画面的平衡感,还能起着强调、装饰画面的作用


总结

1.“倾斜构图”是版面整体或部分元素以一定的倾斜的角度呈现在画面上,打破常规构图横平竖直的视觉思维,可以产生不稳定的动感,画面显得更具创意性

2.倾斜构图能打破平衡感与稳定感,可以根据主题需要,搭配相应的设计元素营造具有动感、活泼欢快、紧张刺激的氛围;

3.将最常用的倾斜方式是将设计元素倾斜15°至45°,既能够让画面变得活泼起来,又不影响到图文的识别性。也可以尝试变换不一样的倾斜角度,使版面具有更新颖的视角;

4.倾斜构图通常使用的形式为整体画面的倾斜或者画面中局部元素的倾斜(主体倾斜、文字倾斜或辅助元素的倾斜),要根据实际情况决定版面使用哪种方式来表现。


作者公众号:艺海拾贝Design(ID:YHSBds)
艺海拾贝design.png

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)