对比打造层次与变化的设计方法

用户头像
北京/设计爱好者/5年前/445浏览
对比打造层次与变化的设计方法
用户头像
心既理

对比打造层次与变化的设计方法

俗话说的好,没有对比就没有伤害。这句话适用任何领域,设计也是同样如此的,可以说设计就是在统一和对比之间进行的,一个好的设计呢必然是统一和对比的结合。这里我们也是将对比分成了一些具体的要点。

首先呢我们来看第一点就是文字组中的对比。文字对比,我们可以继续分出这4小点

字形对比、字号对比、字距对比、字重对比


字形对比

字形应该很容易理解,就是不同的字形在同一个文字组里边使用。比如汉字的黑体和宋体搭配宋体。衬线体和手写体搭配,这些都属于不同字形的对比。那当然不同字形的中文和英文在一个文字组里面使用,也属于字型对比。

么要注意的就是什么呢?在同一个文字组合中,版面里边,切记使用同一个字形的不同字体,比如使用两个差别不是很大的黑体,因为这样对比不是很清晰的,给人模棱两可的感觉啊,这个是不可取的。


这里我们做一个文字组,中秋国庆 使用宋体,双节嗨翻我们使用黑体。虽然说这个文字组里边我们使用了不同的字体,但是通过距离和大小的把握,并不会给人格格不入的感觉。整个文字看上去仍然是一个整体,而这个整体里面呢有存在的一些变化,这个就是字形对比所带来的效果。


字号对比


那这里边呢我们做一个5折优惠的文字组,通过变换字号来实现整体的秩序感。我们都知道文字有层级关系,而表现这种层级关系最好的办法就是字号对比。那这个文字组里边,如果每一个字号都一样,那就是很难做好的

还有就是使用线框或色块合理调整字号,也可以让它变得很好看。那字号对比可以迅速的拉开层级关系。但是需要注意对比的程度不能太大了啊。


字距对比



我们还是用一个文字组来举例啊,比如这个文字组大家看现在有什么问题呢?

是不是就是下方的文字有些拥挤,那上半部分呢也显得有些密集。那这个时候我们可以调整字距。这样呢就让文字组在长短上有一些对比,又可以让文字显得透气一些。那字据也是非常重要的一个文字编排细节。如果说运用好的话,可以让版面更加灵活。

undefined

字重对比

字重指的就是字体的粗细度。比如现在这个文字组整体的字重都偏轻,也就是整体的笔划比较细。

那我们可以让他变成这样

可以调整文字的粗细变化,这个都是可行的啊。但是这重表现方式如果运用的不太好的话容易混乱,那么比较保险的呢,就是前两个只通过字号对比。


笔画对比

黑体+宋体

如果我们将它结合笔画进行交叉替换。

那么就会出现一种新的感觉。那么这个呢就算是叫字体设计了。





                                     


大小对比

                                                   

下面我们来看一看大小对比。

比如我们设计设计一个节日海报,为了能凸显主题,我们用的色调是暗色的,然后选择一张符合主题的图片,在等比缩放一个,那么这2个图片就存在了对吧,然后我们将主题信息放到顶部,最后将地址放到版面下面,那么这个海报就完成了。通过大小对比比较简单粗暴的方式,让版面根更具有视觉冲击力。


粗细对比


                                                 

粗细对比。那粗细对比呢也可以分成很多形式。可以是文字组中字体的粗细对比,也可以是图片内容本身的粗细对比。总之呢有很多种形式。那么下面我们就做一个粗细对比的案例。而我们这里边使用的方式就是线条本身的粗细对比这里边呢我们做的是一个活动海报。

我们在背景上添加主题元素,然后上面将标题文字信息编排好添加线框强调主题,在需要特殊强调的信息用粗的线条来表示形成对比。最后用线框来填充画面,这样呢画面就显的更加饱满丰富。


长短对比

                                                  


下一个长短对比这是一个社团海报,我们将主元素放置到画面中心。

然后将主标题添加到画面上放,添加一个白色的边框,来保障文字的识别。将次要元素分边放在主画面的左右侧,给不同长短的文字添加色块来增强版面的规整度。

最后添加相关的元素到版面的四周,颜色呢用饱和度紫色为主,主体颜色采用黄色形成对比那现在这个版面和之前比较丰富多了。 次要元素添加的边框长度不一,形成对比。


曲直对比  

                            

                                         

曲直对比啊,因为你像有粗细了,有长短了,当然还有曲直还是艺术封面啊,选择抽象作为主形象。添加圆形丰富画面。然后将主标题竖向排列。并做曲化处理,次要信息编排到画面的四角。

哎,这样版面里边就存在了曲直对比这个就是曲直对比。



轻重对比



                                        undefined



我们再来看下一个。轻重对比。

这里边呢我们要设计一个海报,首先选择两张图片啊,因为我们预想啊是要做轻重对比的。

将主体元素,放到上方形成,上下排列的对比。重的元素在上面,下边这个图呢它有一定的留白空间。所以呢我们可以添加文字。那么现在这个版面看上去呢像是被分割成了两个画面。  


方向对比

                                            


这里面我们同样用一个海报给大家演示啊,我们将主体元素倾斜放到右上角,那为了丰富这个版面,我们选择一个图形元素啊,变换不同的角度。那么这个角度啊和方向一定是有规律的啊,不能随便乱放。那所以呢这个版面在目前为止呢,他就有一个方向对比了。然后刻画图形,增加一些投影,

最后将剩余的信息补充道画面的四角位置。我们看到主体元素,和丰满版面的元素方向位置形成了图形的方向对比。这里就是应用到了方向对比。


差异对比


                                           undefined


那之前讲的这些对比,相信大家都很容易理解啊,可能对于这个差异对比,从字面意思上还不是很容易明白。那这里边我们先说明一下所谓差异,用我们的白话来讲呢,就是不一样。

那么既然是不一样,从原则上来说,只要是不同的东西,都可以算作差异对比。

那如果是这样,那我们单独拿出来讲就没有什么意义了,对吧。所以这里边我们所讲的差异对比指的是在一个画面里边大部分元素几乎是一样的,而极个别的元素是不一样的,也就是万绿丛中一点红的感觉。

那这个不一样的元素被芸芸众生当中凸显了出来。这就是我们所讲的差异对比。


这里我们做一张公益海报。将文字和图片基本型做好。放到版面里边,紧接着多复制几层。并将动物元素放置到正方形框中,那么这个海报呢,到这里面已经差不多了,但是由于元素相近。没有很好的焦点。

所以我们。每个方块进行颜色区分。进而形成了一种差异对比。


虚实对比


                                    undefined



同样我们设计一个海报啊。创建完版面以后,先把文字信息编排进来。添加一个背景。我们可以对图片进行模糊处理,这样呢就会凸显文字,形成一种虚实对比。将主题元素编排在左侧,右下角可以编排其他补充信息。


动静对比     

                                 


动静对比的形式也分很多种,比较常见的就是将文字或图片进行角度的倾斜。这样在视觉上呢就会产生一种动势,也可以通过添加简单的小元素丰富画面,让画面更加灵动。这个案例使用的就是最简单最直接的方法就是使用具有动态的图片来表现动静对比。

这里边我们做一个运动海报,我们选择一张具有动感的图片。然后调整位置。给左侧的文字留一些空间。将图片和文字进行叠加处理。在左侧下放可以添加一个小线条装饰。在线条下面添加文字信息进行补充。

然后这样其他的文字编排进来。  将剩余信息添加到右侧下方。那这里边呢具有动态的运动姿势和文字 竖直的背景形成了很好的动静对比。


色彩对比

                              undefined     


下面呢我们设计一个餐饮方面的海报

首先,我们添加一个蓝色的背景,在将主体元素三角构图的方式放置版面中。

然后将3个元素用黄色的线条框连接在一起。最后将标题信息编排版面的空白位置进行补充。这里我们可以看到,由于蓝色的背景和黄色边框属于对比色,并且黄色更加突出,很好的凸显了我们的主体元素。  这个案例就是色彩的对比。

我们这里面所提的色彩对比是泛指的色彩对比啊,只要在色彩上有较大差异,就可以算作是对比。而不是像我们讲色彩中的对比色啊,好,那么这节课呢到这里就结束了。我们主要讲解了对比在具体设计中的应用,以及一些常见的对比形式。那对比实际上是每一个领域的设计都应该遵守的重要原则。






3
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
玄关入门地毯印花图案红地毯
平面花卉图案扁平简约无缝拼接插画
城阙凡花
倒计时,海报,平面
平面插画设计女孩喝咖啡
活动,优惠,平面,海报,特惠
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
平面书法字手写
中国传统纹样创新图案设计
金色颗粒质地的平面
城市园林平面布局航拍
平面男孩喝咖啡插画设计
古风平面仕女与瓷器
“知识宅急送”外卖,快递,平面,海报,素材,教育
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
城市园林平面布局航拍
你可能喜欢
相关收藏夹
大家都在看
登录注册