图形的设计妙用

2020-8-31    资深UI设计者

容易被忽视的图形,不仅能传达不同的情绪,也能提升视设计的品质感。

本文节选自德国红点获奖设计师大凡的分享,主要包括三个部分:

1 图形是什么

2 好的图形设计长什么样

3 图形设计创意思路分享


1 图形有多样化的表达方式

提到图形设计,你脑海中对应到的第一个画面是什么?我们打开了某搜索器,检索了「图形」二字,这里的图形多集中于「几何图形、标志、矢量图形、图标」。

我们又搜集了一些不错的设计网站,搜索「图形设计」或「graphic design」,它的表现形式与应用范围都扩大了,海报、信息、插图、包装、图标、字体、摄影、标志、品牌,无所不在。

如果给图形下个定义,它主要指二维空间中可以用轮廓划分出的空间形状,设计中无处不在的表现手法。它与色彩、版式、字体等一样,在设计师的知识体系中处于相对重要的位置,但往往容易被忽视。


在优秀的设计作品中,图形可以作为主体、符号、辅助、信息等不同角色出现在设计的各个应用场景中,可以通过抽象的、具象的、平面的、空间的多样化表达手法,传达出不同风格的视觉表现力。


2 好的图形设计长这样

那么,好的图形是什么样的?我们可以从3个维度去感受好的图形设计作品:抽象创意风格


① 图形的抽象性

抽象是对日常事物的提炼与概括,我们先来感受一下下面两组建筑,某搜索器中的「最丑建筑」和「知名建筑」之间的对比。可以很直观的感受到,抽象的图形与色彩可以传递更加丰富的情感。

对企业来说,沟通成本代表的就是金钱,而一个抽象的符号就能巧妙地为企业节省了很多说话的时间。

我们可以看这个案例,1个点产生了多少可能性?这是美国一家大型连锁超市的logo,以这个点为原型,衍生出了各种解锁生活方式的海报。简单的点,发散出各种生活方式,一看就能够知道超市供应的各种商品。

 


 图形的创意性

设计的创意体现在哪儿呢?我们先看看那些脑洞大开的大师们是如何使用图形的。

第一位是福田繁雄大师,在他的年代没有人用这样的图形方式做设计,炮弹朝向炮筒里面,一张非常简洁的反战海报。他也特别擅长运用图形的异形同构。

第二位是瑞士的史蒂芬邦迪大师,这些是他为剧场设计的宣传海报。简单的人形搭配鲜血撕裂感的方式就可以把卡门剧情表达出来了。

创意是天马行空的。我们看下面这个音乐节海报设计,拆解其中包含的文字、吉他、人影、波浪等,每个元素与音乐都息息相关,组合在一起就缺了些创意表达。

再看网易云音乐与快手联合做的民谣音乐节H5,音乐的感觉一下就出来了。

很简单的图形运用,就能产生创意性的差距。 


③ 图形的风格化

著名的可可香奈儿女士曾经说过,流行稍纵即逝,但风格永存。

从包豪斯开始,设计风格发展到今天已经是多元混合存在的,很多所谓流行不过是循环与往复。

即使是运用最简单的图形,也可以表达出不同的风格,甚至引领浪潮,为品牌传播加分。比如,下面这组图,你能猜的到是同一家公司的传播海报吗?

 

3 图形设计创意思路分享

现在,我们感受到了图形的巧妙之处。但具体拿到一个需求后,我们该如何去用图形辅助设计呢?这里分享一个“三步理性创意发散法”。

举个栗子,我们为「夏季青年音乐节」设计一张活动海报。


第一步,分析主题、提取元素。

我们首先给主题做一个分析、把关键词拆解与排序后,视觉的重要程度依次是:音乐、夏季、青年、节日。

这些关键词让你最直观的感受是什么呢?

基于感受,我们可以尝试提取出基础的图形元素了。

色彩方面,我们也可以根据对应的元素去设置,最终我们提取出了这组图形元素。

第二步,对元素进行融合碰撞。

这一步需要我们设计师发挥想象力了,为一组元素找到视觉上的联结关系。这也需要大家平时能去多看、多想、多练。

然后,我们为图形融合进更多的细节。


第三步,构图与完成画面。

我们首先采取最简单的主体式构图方式,将想突出的图形最大化、成为视觉焦点,添加海报所需文字进行排版。

这种方式能够做出相对合格的图形海报,但我们可以用不同的版式与分割构图,去尝试更多的可能性。比如第三个海报,我们可以先建立不一样的版面分割、进行配色,然后再放入图形与文字进行排版,营造不同的画面感觉。

其他两组也可以用这种方式、进行不同尝试。

最后,我们可以整体上对比一下。

 

大师级的创意难得,但基本的图形创意确实有迹可循,希望本次的分享能够给大家带来图形思维上的启发。


文章来源:站酷    作者:站酷高高手

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


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档