一些视觉知识点-各类对比

2022-9-19    纯纯

通过用各类对比继续为大家带来视觉“热”知识~目录如下

海报视觉如何做的有创意?有哪些方法呢?

比如从构图、拟物、光影、嫁接、对比、或者反差?等等等等

每一种又都可以拆分成很多细类。

比如对比在视觉海报中的运用,又有明暗对比、颜色对比、大小对比、虚实对比等等、太多了!

首先我们来分析一下大小对比是如何应用的。

1. 大小对比

1.1 大小对比的作用

我们先看下这张图:



两个元素, 如果一样大,平铺在画面中,就会显得普普通通的,没有任何亮点。

如果我们把其中一个放大,另一个缩小,再来看:



画面是不是有特点了很多,并且有了节奏感, 就连文案排版也有更多的方式。

所以对比就是让画面的两个组成部分/元素,以夸张的手法,布局构图,以让画面产生强烈的反差。以提升画面冲击力,画面纵深,内容丰富层度。是非常有效提升画面品质的方法之一。

那大小对比如何玩的精通,玩得高级呢?

我们一起来看一下:

1.2 人物与人物

1.2.1 全身与半身对比






这种半身人物和小人物的对比,或者头部表情眼神与小人物的对比主要可以展示人物细节,后面的人物放大表情传递情绪,前面的人物展示全身,传递状态,可以很好地传递内容,常常用在各类视觉海报中。

1.2.2 局部大特写与小人物对比

(下面右侧的图是江湖哥2017年做的图,分析两次了,哈哈,备注下):



这种对比有强烈的大小反差,并且可以很大程度地拉伸画面纵深,表现出很强的空间感!

并且还有一个细节:这两张都是三角形构图,非常稳定。



所以我们在设计的时候要也要注意画面的构图方式,夸张对比同时,要保证画面的稳定和饱满!



1.2.3 全身与全身对比


全身的人物对比很小的人物,让画面有更多的空间可以利用, 可以留白想象,也可以打造场景氛围,展示更多场景氛围。 

1.3 人物与场景

1.3.1 小场景与大人物


夸张化的对比,让本该小巧的人物矗立在场景里,很容易就营造除了一种巍峨磅礴的视觉感受。



一般需要很高的设计成本,工时不小。简单点的做法我们可以直接在人物下面拼接一些小场景,比如这样:


一些日常小需求中,没有那么多的时间去打磨细节,就可以这样做,既能保证按时完成需求,也能有一定的创意性。

1.3.2 小人物与大场景对比

这种方法也非常具有创意性,把一些很小的物体放大,人物缩小, 反差表现两个主体的大小对比。往往也能有出人意料的效果,需要更多的灵感和想法。

创意本身就是打破常规,把不可能变成可能,达到出人意料的效果就是创意。大小对比在画面中的各种玩法就是可以很好达成这种目的的方法之一,大家可以多去尝试,和练习,单这一种方法用好了就很牛逼了。

2. 光影对比

光影是在平面视觉里常用的一种技法方式,再说光影的创意之前,我们先说一下光影的作用。让大家对光有所了解。

2.1 光影的作用

我们为了直观一些,直接用几个图片说明。

现在这张图,这是一个瓶子的图形:


我们给瓶子加入光影:


瓶子就变得立体了!

我们给背景加入光影:


空间变得有纵深了,画面层次也丰富了起来!

所以光在画面中最基础的有两个作用:

⑴让物体变得立体,更加真实!

⑵增加空间纵深,丰富画面层次!

那我们应该如何利用光影,去做更有创意性的设计呢?

光影、光影,先有光后有影。那我们就先来说说主要表现光的几个玩法:

2.2 光

2.2.1 逆光

逆光就是主体在正前方,光源与主体重叠的一种使用方式,可以说是我们最常用的光影塑造方法之一了:


它的特点是光源与主体重合,形成很强的对比,在画面可以可以非常好地聚焦视线,强化主体。

2.2.2 侧光

侧光是光从主体侧面打过来的光,一般不会太强:


主要是起到一个丰富画面层次,营造氛围的作用。

2.2.3 顶光

从主体顶部打下来的光:


这种光,可以有效引导视觉,把需要的部分亮起,不需要的部分暗下去,由上至下,吸引人的视线范围和顺序。

2.2.4 聚光

从前方照射过来的灯光:


聚焦视线,不要的地方全部暗下去,是一种最能收拢视线的打光方式了。有些细节比较丰富的聚光画面,暗部也会保留一定的细节,不会是一个纯黑色。

2.2.5 造型

给光赋予一个造型,可以达到一种形式创意上的突破,

比如这种:



把光塑造成一个人物的造型,下面放置对应的人物锤丧的状态,形成很强的人物情绪反差,可以说是非常有创意了。

还可以把光塑造成物体,比如这种:


把偷过来的光塑造成与主体相关的某个物品造型,中间放置一个小的人物,同样也是一种很棒的创意方式。

2.2.6 分割

除了打光方向,造型之外,其实还可以用光来风格画面,也可以起到一些非常亮眼的视觉效果,比如这样:


以上就是光的玩法了,可以看到,光的玩法多种多样,利用好了可以让画面非常具有创意性。

说完了光,我们来接着说说影子的玩法都有哪些呢?

2.3 影

2.3.1 投射

投射相交来说是比较常规的一种处理方式了:


用投影的方式加入到画面中,可以增加画面层次,渲染氛围,让画面更有深度。

2.3.2 造型

影子也是可以改变造型的:


本来是应该与人物动作一致的影子,被改变造型与人物产生互动或对比,映射出了非常强的故事性,和内容深度,非常具有创意性了。

在一些插画或者游戏视觉中同样也可以应用起来:


内容深度和想象空间直接拉满!

2.3.3 剪影

配合逆光的形式,将主体以剪影的形式表现出来:


剪影的表现形式,为了凸显剪影,背景上都会有一个逆光源存在,并且轮廓要清晰,在素材上刻画一些轮廓光源以让人物变得立体,可以营造出很棒的神秘感,常常应用在神秘嘉宾、新品发售、新角色发布等活动中。

应用在一些游戏中,强烈的明暗对比配合富有气势的人物造型,也可以打造出一些很有视觉冲击力的海报视觉!


光与影的玩法多种多样,既可以让画面变得立体,又可以提高空间纵深。打光方式、造型、剪影、分割等等用法,可以让我们的视觉变得不太平淡单调,让画面拥有无限想象力的创意方式。

3. 其他对比

3.1 阵营对比

阵营对比的特点是5:5分画面,以对比色铺垫画面,形成强烈的视觉对比,和阵营感。常用于表现两个不同的阵营,或者正反派的视觉表现中。


除了影视海报、游戏,竞技类体育类也常常使用这种对比方法:

主要表现:对抗、竞争、阵营

3.2 状态对比

状态对比常用于表现同一个人或主体物的多种状态,比如人物的正常状态和特殊状态对比。通过一些技法让两种状态和谐地拼接到一起,是让单薄画面丰富起层次和内容的一种有效方法。

比如用画面拼接的方式:

或者是同一主体,把两种状态表现到一起的方式:


主要表现:人或物的的两种不同的状态,冰对火、明对暗、正常对黑化等等。

3.3 时空对比

让两个不同的时空联系到一起,形成时间地点上的反差对比。

3.3.1 两个不同空间的对比

由同一个元素贯穿两个不同空间,提供画面的延续性,表现出打破/穿越空间的意境,非常具有冲击力。


3.3.2 两个不同时段的对比

同一人物不同时期通过倒影等巧妙的表现方式,与主体形成时间上的对比。具有延续时间长河的感觉,为观者提供非常大的想象空间,是一种很有创意性的的方法。


主要表现:空间穿越、时间变化的对比。

3.4 情绪对比

这种创意方式更多是传递人物的情绪,安静的状态

对比愤怒的状态,快乐的状态对比悲伤的状态,


也可以表现人物的两面性,正常状态和阴暗面等等:


会让观者感受到强烈的情绪传递,视觉表现上反而不会那么注重。

主要表现:重视情绪的传递

3.5 虚实对比

此虚实非彼虚实。

和我们常说的虚实对比不同,这里指的是虚幻和真实的对比,比如:

用线条或者影子打造一些和实体区别开的虚构元素,和实体的元素形成对比,会有一种很虚幻浪漫文艺的感觉,可以用于表现一些幻想,不切实际的爱恋类似的主题中,能达到很少见的一些视觉效果。情感和创意都能得到很充分的传递。


作者:菜心工作室 来源:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档