header_v0.7.32

设计中的加法和减法(上)

76天前发布

原创文章 / 平面 / 教程
葱爷 原创,如需商业用途或转载请与葱爷联系,谢谢配合。

每一件设计作品都是从做加法开始的


设计中的加法和减法(上)



有时候觉得设计师也挺神奇的,就跟魔术师一样,可以在一个原本什么都没有的空间里,创造出很多有趣、好看的东西。不过相比之下设计师更像厨师,他们都是把看似不相干的一堆东西逐个扔进一个空间里,然后再加上他们的各种“操作”生产出一个全新的东西,这其实就是一个做加法的过程,设计也是从这里开始的。葱爷将在本文中详细讲解设计中的加法是如何操作的?有什么注意事项?以及具体的实例演练。


一、添加画面主体。


每一个画面都有视觉中心,它往往是画面中所占比例最大的元素,我们称之为主体。画面的主体可能是文字、产品,也可能是人物或者图案等等,主要由你所做的设计类型来决定,例如你要做产品海报,那自然是以产品作为主体;而如果你要做的是促销海报,主体则可能是文字;如果你做的是企业形象视觉,主体则可能是人或者是你设计的某个图形等。


主体所在的位置一般都是画面中最显眼的地方,如画面正中央、左侧、上方、左上方等等。


注意事项:

1.主体元素的质量一定要比较高,要从拍摄角度、光影、质感等方面做选择和评估;

056c59619a5aa8012193a301f2ef.jpg


2.由于主体元素是画面的重点,所以一定要精修,要足够清晰。


二、添加辅助元素


如果画面中只有一个孤立的主体,那会显得比较单薄,更重要的是很难传达更多的信息,所以需要添加一些相关元素进行辅助,那如何增加辅助元素呢?


1.从设计需求中提前辅助元素。

举个例子:我们要做一款纯牛奶的包装,如果主体设定为一头奶牛,那辅助元素则可以选择草地、云朵、奶滴等等。


2.根据主体选择辅助元素。

例如如果主体元素是一辆飞奔的汽车 ,那么辅助元素就可以是路面、路边的树与建筑、天空的灰机等。


3.从文案中提取辅助元素。

如果文案中有提到优惠,那么辅助元素可以是礼盒、飘带、现金券等。


4.注意事项。

a.辅助元素不能喧宾夺主抢掉主体的地位。


b.当画面加入了多个辅助元素时,要注意保持视觉中心的集中,避免画面太散太乱。


三、添加背景


背景是渲染气氛、增强画面视觉冲击力的重要元素,我们可以根据以下几个方面选择背景搭配。


1.设计调性

如果设计的调性想偏向浪漫的,背景色可以是比较干净的粉色或者浅紫色;如果想调性偏向健康环保,可以以绿色或则、橙色、黄色作为背景主色调;如果是时尚行业的设计则可以选择比较鲜艳的纯颜色作为背景等。


2.主体颜色

背景和主体的颜色关系一般分为统一与对比两种,如果画面元素比较单一且想逼格比较高一点的设计,通常会使用与主体颜色一致的背景,例如iPhone的广告:

8f9659619bf3a8012193a365b8b1.jpg


而如果画面中元素比较多,为了着重突出主体,背景色则通常会与主体的颜色形成对比关系:

499459619c02a8012193a3d02d31.jpg


3.画面布局

如果画面中的元素很多而且是采用散点式或者发散式构图的设计,背景应当使用比较简单干净的背景以减少对视觉的干扰;而如果画面中的元素比较少比较简单时,则可以尝试复杂一点的背景以丰富画面。


4.注意事项

a.每个颜色都有它的寓意,所以不要轻易打破常规。

b.如果实在不知道用什么颜色做背景好,那就用白色吧。


四、添加装饰元素


添加装饰元素的主要目的是为了增添氛围以及让画面多一点细节,当然也并不是所有的设计都需要专门添加装饰元素,要视具体情况而定。

注意事项:
添加装饰元素时要控制元素与颜色的数量,避免使画面太花给主体造成干扰。 


五、实例演练


以某品牌春节期间的一则平面广告为例,主题是:办4G套餐,流量翻倍享。由于文案的卖点很明确,所以我们确定了以大文字为主的表现手法。


第一步:添加主体。首先在C4D里做好了立体字效果,(PS:没有C4D基础的也可以用AI做立体字,只是后期需要花比较多的时间做质感),由于是春节期间的广告,所以颜色用了暖色调,为了文字看上去不太呆板,上下两行文字做了一点错位,文字的角度要形成一点透视,然后把文字层拖进PS。

831759619c2ea8012193a3f99384.jpg

第二步:优化文字。主体文字的质感和清晰度很重要,所以把文字的立体部分颜色加重了,结构也刻画得更清晰了。

9fab59619c39a8012193a3d9d670.jpg

第三步:添加人物。有人物的画面总是比没人物的画面更深动,也更有说服力,所以如果条件允许,做广告的时候可以多使用模特。由于本广告说的是流量所以我们要找一个正在用手机的人。

135059619c46a8012193a3016ca7.jpg

在加人物时要注意其与画面的主体元素最好有互动,而不是孤零零地各自独立,所以下图的人物要比上图的更合适一些。

31b659619c53a8012193a3f5af7c.jpg

第四步:优化人物。这位小伙子的衣服太过冷清不适合春节这种喜庆的氛围,所以我们要把它改成红色,然后再增加一点光影让效果看起来更真实,话说这不就是专门为这小子定制的一把椅子么?

fcd859619c64a8012193a3a5ee53.jpg

第五步:添加辅助元素。画面做到这一步还是太过于单调,单看设计看不出是什么产品的广告,所以需要添加一些辅助元素。由于这是一则有关4G和流量的广告,当然要加一些跟4G流量相关的元素。火箭经常用来代替网速快,所以这里选择加一个火箭上去,不过要注意火箭的透视与风格要尽量跟文字一致。

0cc959619caba8012193a39bdfb9.jpg

继续增加一些其他的小元素,各元素的质感也要与主体保持一致,如果偷懒增加扁平或者线稿的元素会显得很不协调。

c89a59619cb9a8012193a3127fe3.jpg

第六步:增加背景。画面中的主要元素已经差不多了,接下来可以增加背景了,添加背景时主要考虑两点:是否适合主题和是否能衬托主体。所以我这里使用了一个比较淡的黄色,并且还在文字周围增加了一点白色,目的是突出主体和制造空间感。

6d7c59619cc7a8012193a38eacec.jpg


第七步:添加装饰元素。由于画面中的元素已经不少,所以这里我只增加了一大一小两朵菊花,说错了,是长得像菊花的烟花。

6be859619cd4a8012193a3733907.jpg


第八步:加上品牌LOGO等VI版式。为了避免广告嫌疑我把这一步给省略了,所以,做到这里这个加法就已经完成了。

776459619ce9a8012193a349b33d.jpg



总结


做设计都是从做加法开始的,然而当我们沉迷于做加法时,很可能会造成视觉混乱、重点不突出等问题,这个时候就需要做减法了,那么做减法又有什么讲究呢?敬请关注下期文章:设计中的加法和减法(下)

22

    文章信息

    • 文章标签

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功