4个绝招教你摆脱画面沉闷的困扰!图文教程
作者:huke88发布时间:2022年01月17日 08:01

虎课网为您提供综合教程版块下的4个绝招教你摆脱画面沉闷的困扰!图文教程,本篇教程使用软件为无,难度等级为中级拔高,下面开始学习这节课的内容吧!



本节课讲解-【4个绝招】教你摆脱画面沉闷的困扰,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。

那我们开始今天的教程吧。


1.在日常的工作和学习过程中,一些同学的作品有很强的视觉感和吸引力,但是一部分同学的作品却显得比较沉闷,缺乏亮点和吸引力,好的作品可以更快的得到甲方和领导的青睐,那么画面呆板沉闷的作品往往会经过无数次的修改,画面沉闷的问题应该怎么解决呢?

2.本节课分为四个板块进行讲解,依次是营造强烈的视觉对比、打破条条框框的束缚、利用图文结合和改变常规浏览视角,如图所示。

3.首先讲解营造强烈的视觉对比,导致画面沉闷的原因之一就是画面缺乏强烈的视觉对比,没有对比就没有层次,那你的画面也就显得不通透,导致画面效果比较沉闷。

4.我们可以通过颜色对比、文字对比、主体和元素对比这三个方法营造视觉对比,颜色对比有很多,比如我们常说的冷暖对比、互补色对比、饱和度对比、明暗对比等等,究其原因,通过使用这些颜色对比可以让画面有视觉冲突,画面会更有吸引力和视觉感,从而摆脱画面沉闷的问题。

5.下图中的案例整体背景为红色,中间猪的形状使用蓝色,通过这两个颜色的对比让画面视觉感更好,如果将蓝色换成白色、或是与背景相对的红色,那么整体效果就会不同,如图所示。

6.下图中的案例中西瓜的红色和背景蓝天、白水的绿色、蓝色冷色调形成对比,让画面更有纵深感和层次感,显得非常通透,更多案例请参考视频内的演示。

7.文字对比是一种增加文案层次,突出画面主题的文案处理方式。通常来说,最常用的就是5个对比,即字体、大小、粗细、颜色、虚实对比。通过把画面中文字拉开对比,形成富有层次和条理的信息展示,那么你的画面就会摆脱沉闷,显得更通透,信息传达也会更好。

8.下图中的案例整体视觉效果极佳,它没有将所有主标题文案都放大,这是因为画面装不下、如果强行放大,版面会密不透风、缺乏层次,为了展示画面的重点,我们需要做文字的对比,例如字体、粗细、颜色、大小等对比,通过这些对比让画面更有条理、有层次,如图所示。

9.下图中的案例主标题为“诗歌”,其他文案内容的字体和颜色都不同,如果所有文案都使用主标题的艺术字体效果,那信息传达度就很低,如果所有文案都像左下角文案一样小,对画面艺术感和视觉表达也是不好的,这就是我们说的增加文字对比,更多案例请参考视频内的演示。

10.在大部分的画面中,都会有一个主体突出展示,其他元素烘托氛围,在这里就是主体和元素的对比。假设主体和元素之间没有拉开对比,浏览者分不清哪个是主体,那么这个画面就是沉闷的、不合格的、缺乏视觉感和吸引力的。拉开主体和元素的对比,把主体展示更突出,画面效果才会更棒。

11.下图中的案例为电商Banner海报,中间的图片为主体,其他小的图片是次要的,我们可以清晰地看到主要展示的主体比较突出,其他的元素被弱化了,烘托画面主体,让画面更有设计感、层次感,如图所示。

12.下图中的案例背景为纯蓝色,主体为中间的人物和文案,使用不规则形状设计画面是为了把消费者的视觉焦点集中在形状内,将中间的主体做突出展示,其他装饰性元素和相关文案则弱化展示,整体视觉效果非常有层次,主体展示突出,画面效果极佳,更多案例请参考视频内的演示。

13.上面我们讲了三种营造强烈视觉对比的方式,分别是颜色对比、文字对比以及主体和元素的对比。通过对比,让画面整体更有层次,主题和主体展示更突出、画面更通透,更有视觉感,同时想要表达的内容也会更明确,增加画面的吸引力,避免画面沉闷的问题。

14.接下来讲解打破条条框框的束缚,在现实在生活中,我们都会遵守相关的规则规定,比如交通规则,公司的规章制度等等,这些是很那被打破的,我们必须要按照这些规则去做,但设计不一样。

15.在设计中,我们不一定完全要按照既定的设计理论去设计画面如果完全按照理论规则去做,可能会让很多设计师的画面缺乏差异化,缺乏亮点。所以有时候适当打破某些设计理论规定会让你的画面有更出挑的效果。

16.下图的画面中所有的字体都是水平摆放,但是我们故意把主题文案、或者需要突出展示的文案垂直摆放或者倾斜摆放,那么这个画面可能会更好的展示效果。

17.下图的画面中所有的内容都在线框之内,但是如果你在展示产品或者人物时,把他突破到线框之外,那么毫无疑问,画面也会有不同的视觉感受。

18.下图中的案例为电商Banner海报,在做人物的时候,可以使用白色色块突出这个人物,当我们将人物完全放在色块中时,画面会显得有些呆板,但是我们将人物放在色块或线框的上方,突破它们的束缚,那么画面效果就会更好,如图所示。

19.下图中的案例非常有视觉感,它将字母局限于中间红色的线框内,适当和线框重叠、突破到线框之外,这样的画面看起来既有设计感,又具视觉感,显得非常通透、有层次,如图所示。

20.我们日常看到的很多海报的画面、背景、颜色都是平面的,下图中的案例利用撕纸的效果让画面变得立体,到了我们原有的视觉规律,让画面更有立体感、层次感,画面也会更吸引人,更多案例请参考视频内的演示。

21.打破条条框框的束缚,打破元素的束缚,打破常规设计理论的束缚,让画面更有视觉感,更有冲击力,画面更加有设计感,更加活跃,摆脱画面沉闷呆板僵硬、一成不变的效果。

22.接下来讲解利用图文结合,在很多画面中,设计师展示了太多的文案,或者是画面太满了,到处都是文字和元素,导致画面拥挤,密不通风,缺乏层次,显得比较沉闷,影响整体展示效果。

23.在设计画面时,我们要学会掌握图文搭配,排版中不仅有单纯文字的排版,也有图片和文案的搭配排版。通过图片和文案搭配的方式,可以更直观的展示画面传达内容和主题,同时也可以让画面更有美感和视觉吸引力。

24.相对于全屏的文字和元素,图片具有更直观的展示效果,特别是图片本身具有颜色和场景或者人物,这些都是可以丰富画面、让画面更有细节感和视觉美感,这是文字和元素所不能达到的。所以善于利用图片和文案搭配,可以设计出更好的画面效果。

25.下图中的案例画面上方是一个图片的展示,下方为文案内容展示,这样整体的视觉更丰富、协调,如图所示。

26.尽管我们不懂日语,但是我们可以看到下图案例的女孩很漂亮、温婉,图片能够更直观地帮助我们猜测到画面想展示的效果,这就是图片和文案的搭配,如果没有图片,尽管可以用文案设计出一个比较好的画面,但是传达的效果不一定有这个图文结合的方式好,如图所示。

27.下图中的案例场景是自然的场景,我们添加一些文案内容进行展示,如果将背后的场景图片去除,仅仅用文案展示,尽管文案再怎么贴合大象、结合这个主体,它所展示的效果可能依然没有现在这样具有视觉感和吸引力,更多案例请参考视频内的演示。

28.通过图文结合的设计方式,可以让画面内容展示更丰富、更有吸引力,同时避免画面沉闷呆板的问题。

29.接下来讲解改变浏览常规视角,通常我们看到的大多数作品,展示方式都有一定的规则和规律,按照这样的既定规律去设计画面,难免会出现视觉疲劳和画面沉闷的问题。

30.比如说很多画面的文案以及图片设计都是水平的角度设计,但如果突然有一张海报的文案和图片是倾斜的,是不是会让画面更有视觉感呢?

31.比如说日常我们看到的场景透视都是平视或者俯视的角度,那么突然有一张海报是仰视的效果,是不是很有视觉感呢?

32.比如说日常我们看到的人物或者产品都是完整的状态展示,但是如果有一张画面中的人物是局部放大细节展示,那么这个画面是不是更有冲击力呢?

33.我们平常的文案都是水平竖直摆放的,但是下图案例中的海报将文案做成透视效果,看起来非常具有艺术感和吸引力,如图所示。

34.下图案例画面中的“16”做倾斜角度展示,底部的英文贴在水平地面上,看起来有些俯视,这样的画面瞬间让这个二维的画面变得更有立体感,整体非常有创意、有细节感和层次感,更多案例请参考视频内的演示。

35.当我们见惯了常见的画面展示效果,会对画面产生疲劳,同时在设计过程中也会让画面显得更加沉闷,缺乏创意和亮点,当我们尝试改变常规的展示效果后,画面会更有创意,同时视觉效果更有冲击力,让人眼前一亮,摆脱画面沉闷的困扰。

36.最后对本节课进行总结,影响强烈的视觉对比,打破条条框框的束缚,善于利用图文结合,改变常规浏览视角通过这些方法可以更好的摆脱画面沉闷的问题,本节课所讲的内容并不是绝对的,并不是要完全按照理论规则而行,具体如图所示。

37.回顾本节课所讲解到的内容,同学们如果有什么设计问题,欢迎在视频下方评论,说不定下节课就是解答你所说的问题哦!

以上就是4个绝招教你摆脱画面沉闷的困扰!图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!


特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,822
并提交了166份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证