卡通形象设计剖析

释放双眼,带上耳机,听听看~!

把自己对卡通形象的一些方法分给大家,希望对大家有所帮助。

15年年初,卡通ip形象开始崛起暴增。各个设计交流平台上开始出现企业形象/吉祥物征集这类比赛开始出现。整个互联网圈都开始重视卡通形象这一块,除了BAT这种大厂之外,中小企业或组织也开始对卡通IP形象有了一定的诉求。作为UI设计师如果你会设计出可爱的企业形象,那么相信在面试成功的天枰中又多了一个砝码。

企业形象的优势

1.强关联性(深化企业和用户之间的情感沟通)

卡通形象是有温度的。相对于冷冰冰的企业的概念,这种强关联性将冰冷抽象的企业以卡通形象的形式打通和用户的情感链接。

那么什么企业需要企业卡通形象呢?

一般情况下,一个企业服务的对象也是企业,或者是机器的话,那么是不需要企业卡通形象的。

往往是企业服务的是个人消费者才会需要卡通形象来传达企业品牌。企业本身是一个虚拟抽象的概念,很难直接与用户沟通传达企业的理念或者产品等,那样用户也很难产生共鸣。所以企业可以通过企业卡通形象将公司形象以及一些理念实体化,可以与用户直接沟通,拉近和用户之间的距离。让公司有温度,使鲜活的卡通形象呈现在用户眼前。

卡通形象设计剖析

例如大家都熟悉的三只松鼠,它是一家以生产销售坚果果脯等休闲零食的一家食品公司。该公司为自己的产品设计来了三只松鼠的可爱形象,它的电商客服都化称三只小松鼠,称呼客户为主人。这样就很快拉近了产品与用户之间的距离,尤其是90后/00后为代表的年轻客户,迅速打开了市场。


2.裂变式传播(可自创内容,并通过表情/漫画/动画电影等快速传播)

卡通形象作为一个独立的存在它是可以自创内容的,可以通过表情包(微信/qq平台居多),或者四格漫画/动画电影甚至游戏等快速传播。只要内容有趣人们就很容易去传播,1传2,2传4这种裂变传播快速在用户中传播分享。

卡通形象设计剖析例如一汪空气的非人哉,同道大叔的十二星座都是自创的一系列的IP形象,在微博上发一些短幅小漫画,迅速走红拥有千万流量。

3.可以商业化(随着消费升级,消费者开始向文化消费和服务消费转型)

随着消费群体的消费升级,消费者开始对文化周边以及服务消费的需求越来越强烈。可爱的卡通形象是最能打动消费者购买欲的一种方式。

卡通形象设计剖析

例如韩国的LINE FRIENDS,2011年LINE FRIENDS以移动通信软件“LINE”的贴纸角色诞生。以亲切引发同感的形象给用户们带来欢乐的 LINE FRIENDS角色们超越移动通信这一诞生背景,让我们能够在日常生活中近距离接触到。 它已然成为在5,000余种角色产品、动画片、游戏、咖啡厅、酒店甚至是主题公园多种多样的领域受到世界人们喜爱的品牌。已成功在纽约、东京、上海、北京、香港、曼谷、首尔等地开设实体店的LINE FRIENDS是一家国际性卡通形象品牌兼创意工作室。LINE FRIENDS 凭借与全球各地的优秀国际品牌携手推出各类合作商品,同时为顾客提供 LINE FRIENDS独有的特别体验,以独具个性的卡通形象品牌备受关注,并受到了年轻人的追捧。


卡通形象设计的原则卡通形象设计剖析

1.简单的造型/颜色

一个合格的卡通形象的辨识度一定要高,外形越复杂那么越难以记住。所以一般卡通形象的外形一般是可以用简单的图形构成的。

形象的颜色也是这样,一般情况下卡通形象的颜色最多不得超过三种(这在设计中是一个通用的法则。如果颜色太多,会有很多干扰的,不利于快速记住形象的特征。

卡通形象在现实生活中是不存在的,如果要让用户第一时间记住它,快速吸引眼球。太复杂的形象是做不到的。


2.形象鲜明

卡通形象最好要有鲜明的性格,不管是软萌还是可爱无害也好,可以使形象更加的鲜活,拉近与用户之间的距离,也就是我们经常说的人设。

3.方便延展

卡通吉祥物设计出来后,是要配合运营进行使用的。所以在后期可能要做很多的动作延展,比如上图展示的三个卡通形象它们的手脚相对而言也是比较长的。

有的同学可能会有一个误区,会觉得手脚画的越短,就越萌萌哒越可爱,而且可以少画很多的细节。我们可以看看上图的第二幅小黄人这个图,如果它的手特别的短的话,可能就不能这么抱着小熊玩具了,如果手过于短小就没法做一些动作的。这样就损失了形象在后期动作延展的一些张力,所以我们在设计吉祥物时候一定要为后期的延展多考虑一些。

设计企业形象的基本流程

1.确认需求

设计企业卡通形象第一步就是要和需求方了解并且确认需求,这样会减少我们的改稿率,有的需求方是非常专业的,会把自己的需求(形象类型/产品色/公司业务/产品业务)提的很细,这样我们就快就可以找对方向。可是在真实的项目中,我们遇到这种专业的需求方的几率是吃牛肉面的时候能吃到牛肉的概率。。。很多的需求方他们可能就说他们喜欢可爱的,这个可爱是很宽泛的概念,每个人理解的可爱都是不一样的,如果你匆匆就设计了,很有可能不是需求方所想要的样子。

那我们在和需求方应该怎么办呢?我们要多问几个为什么,通过提问题的方式确定卡通形象的主体或缩小范围。尽量把需求具像化。那我们可以确认那些需求问题呢?

(1)确定形象类型

首先我们要向需求方提问,对卡通形象在物种上是否有要求。

市面上的IP形象大致分为三大类,分别为动物类、人物类以及抽象类卡通。不论形象类型是什么分类,一般情况我们都会给企业形象加上行业/产品元素。

卡通形象设计剖析

如果需求方没有特定的要求形象类型,那我们应该通过分析该公司/组织所在的行业以及产品用户来匹配符合的形象类型以及具体种类。

卡通形象设计剖析

例如公司是做旅游的,是针对攀登爱好者的一个品牌。那我们就可以想到动物中的驯鹿是比较符合攀登的特质,而且驯鹿有坚持,毅力等精神,这与攀登者是相符合的。既然我们确定了以驯鹿为参考,那我们要在视觉中国/站酷海洛等照片素材网站中找到现实中的参考。

(2)确认配色方向(默认企业产品色)

要向需求方提问,配色是否有有特殊要求。如果需求方没有特定要求,那我们一般默认的就是该企业或者产品的企业色/产品色。

(3)确认风格调性

要向需求方提问2个风格调性方向的问题。

首先要提问需求方是否有非常喜欢或者非常不喜欢的风格?大部分需求方他们没有喜欢的形象风格,但是它一般提出来不喜欢的风格,这样我们就可以规避这样的风险,来缩小我们的设计范畴

其次我们要向需求方提问是否有受众在年龄/性别上的区分。例如有的行业是比较严肃的,如果我们画的样式是比较可爱或者低龄的,这是肯定不合适的。

卡通形象设计剖析

例如:上图1,是最开始给企业需求方设计的水形象,但是需求方的受众偏男性,而设计形象偏女生形象,故改成了图2的形象,偏中性或者往男生上偏。

(4)确认是否对形象整体造型有要求

一般情况下需求方对整体造型的要求是没有的,我们要确认一下,以免有改稿的风险。

 

以上我们问的这些问题都是是否问题,而不是开放性问题,用是或否这种问题才能让需求方明确其需求,这样才可以准确的获取有效信息。

除此之外我们要充分了解企业的行业/企业文化/产品理念/公司口号/用户画像等等,对企业的信息越清楚,那么我们的形象卡通就越饱满具象。

 

2.头脑风暴

当我们确认需求之后,接下来我们就可以用一些方法来找灵感,这些方法我们统称为头脑风暴。以下的例子我们就沿用上边我们说的旅游(攀岩)行业的驯鹿来说。

(1)发散思维

卡通形象设计剖析

(2)情绪板运用

假设旅游攀岩的需求方没有给出产品色,那我们可以通过情绪版来确认它的主色。

卡通形象设计剖析

01 首先我们根据需求分析总结出该企业项目的关键词,例如:攀岩/毅力/冒险

02 其次我们将刚刚列出的关键词写出它的衍生词(类似于近义词)。例如:

攀岩—攀登—极限运动

毅力—坚持—忍耐

冒险—探险—历险 

03 然后我们将这些词汇带入照片素材网站(例如视觉中国),并在搜索框中输入查询。精选出自己决定最能解释该词汇的图片。

卡通形象设计剖析

将选的照片整理放在一起。

卡通形象设计剖析

04 开始列出最符合的图片,根据一个关键词总结归纳出相同的颜色或色相。

卡通形象设计剖析

情绪版在这里只是一个小小运用,我们以后有时间可以好好地讲讲情绪版。

(3)双图法运用

双图法就是说在确定好具体原型后,分别要找两种图。一类就是原型的真实照片参考(视觉中国/站酷海洛),这样我们才可以知道原型有什么特点以及细节,照片要比我们空想效果好得多。另一类就是我们想要做的形象原型别人优秀作品的借鉴(花瓣/美叶/.pinterest),我们可以通过别人的颜色,手法,元素提取等进行学习并运用到自己的设计上中去。

卡通形象设计剖析

比如我们说的旅游攀岩的产品,我们当时形象确定了驯鹿。那我们就去找它的照片形象参考以及优秀作品参考。运用双图进行归纳并加以创造多画一些草图。

卡通形象设计剖析

以上就是我们给同学们推荐的一些头脑风暴的方法,希望大家灵活运用,有时候我们可以多种方法结合使用。

3.设计绘制

确认需求、头脑风暴后,我们知道了卡通形象的物种形象以及大概风格。接下来我们就可以开始卡通形象的具体设计。

(1)草图绘制

其实在双图法的时候我们就提到过,虽然在我们的大脑中有了吉祥物的大致想法,但是我们还是抽象的。这需要我们在纸上把我们的想法用草图的样子画出来,不要求画的很精致,只需自己能明白所要表达的样式即可,我们需要把想到的各种想法都画到本上,最后我们根据这些草图进行会归纳总结,最后找出我们确认的大致形象。

下图都是我之前设计吉祥物的草图

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

下图为驯鹿的草稿,以及大致最终确认方向

卡通形象设计剖析

(2)确定颜色

草图基本确认后,结合情绪版等方法,可在草图上快速上色,可以多给几个方案来方便比较。吉祥物整体颜色要遵循色不过三的原则,也就是形象身上的颜色最多不得超过三种。(此步骤也可等完成软件绘图后再进行)

下图都是我之前设计吉祥物的上色草图。

卡通形象设计剖析

(3)软件绘图

完成草图绘制后,要将草图精化出最终形象。一般我们会使用ps或者ai用钢笔或矢量图形进行绘图,这一步我们称之为软件绘图。因为考虑以后的应用场景是多样的,我们一般建议用Ai来进行绘制,因为Ai是矢量软件,放大缩小是不会失真的。而且Ai是可以调节锚点以及平滑工具都可以使形状更加圆润平滑。

下图就是我们将驯鹿的草图倒入Ai中用钢笔进行绘制的。

卡通形象设计剖析

有了线描图后将确定的颜色填入相应的位置,如过没有确认的也可在此时进行。

卡通形象设计剖析


(4)光影关系

在软件中完成到上完颜色后,一个可爱的驯鹿形象就展现出来了。但是我们在市面上或者一些设计师交流网站中,很多的吉祥物都会给一些光影。这样会让形象更加的立体,并且丰富。

我们要给一个光源点,然后根据光源的位置将形象的受光面、背光面、反光、投影以及高光大致给出来,要注意整体的统一。

下图就是我们给驯鹿形象的一个光影关系。

卡通形象设计剖析

这样一个平面的企业卡通形象就设计好啦。一般情况下到这里我们就可以给需求方交稿了。但是由于有的形象或者颜色太单一,往往效果不是很好,可能会导致需求方的误解。所以我一般会把形象立体化,我个人称之为微体积化,一般微体积后形象的效果美观度将会大大的提高。接下来我们就介绍该如何实现。

(4)形象立体化

一般情况下,我们实现立体效果的方法大致分为两种。

第一种就是运用C4D等三维立体软件进行绘制,因为考虑到篇幅以及难易程度的原因,我们这次就不讲解了,有机会我们可以专门进行介绍学习。

下图就是我之前做的一个项目,由于造型和颜色的影响,所以考虑到给公司展示会不太好,所以用C4D做了一个效果图。

卡通形象设计剖析

第二种就是运用强大的PS中的一些效果来实现伪3D效果,我个人称之为微体积。这个方法的好处就是入门快,我们就是不会3D软件,也是可以画出一些3D效果。接下来我就给大家介绍该方法。

01 首先我们要搞清楚下边的这个图,还是我说的光影关系。

微体积效果就是通过光影的深浅变化给观众呈现立体效果,下方给同学看的这个图,就是一个最基本的物体球基本光影关系。一般我们要给一个主观光源,一般暗部的位置都是给的光源位置相反。比如说光源是从左上方出现的,那么背光面、反光以及投影都是在物体的右下方出现的。而高光,受光面是在物体的左上方,也就是和光源位置的相同位置。

卡通形象设计剖析

如果有的同学对光源还是不太明白,可以建议大家看一下伯特·多德森所写的《素描的诀窍》这本书。

02 我们给出一个物体光影关系后,接下来我们就要让这些面过渡是自然的,这样才更像现实中物体的样子。在PS可以用两个方法实现该效果。

第一个方法就是羽化

a.先在相关图层通过剪贴蒙版画出明暗关系,也就是我们上图所画的这些。

b.然后找到每个反应明暗关系的图层,打开PS的属性面板。

卡通形象设计剖析

c.打开属性面板后,点击第二个二级导航——蒙版。

卡通形象设计剖析

d.打开蒙版面板后,找到羽化的控件并且往右点击,越往右羽化效果越强烈,我们通过查看画板中的效果来把握羽化的具体数值。

卡通形象设计剖析

通过此方法将画面中反应光影的图层都通过羽化,最终得到下图的效果。

卡通形象设计剖析


第二个方法就是画笔的柔边圆画笔

选择画笔工具(快捷键B)

卡通形象设计剖析

b 打开画笔选取器

卡通形象设计剖析

c 选取常规画笔的柔边圆画笔

卡通形象设计剖析

调节画笔的柔边来控制画笔的边缘柔和度,然后新建一个图层在上边画物体的光影关系,最后剪贴蒙板到物体上。

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

以上给同学们分别介绍了羽化法以及笔刷法,大家挑一个自己擅长的就可以,只要最终效果不错就OK啦。通过该方法配合对空间光影的分析就可以画出微体积的效果啦。

卡通形象设计剖析

这样一个可爱的驯鹿就出炉啦!

卡通形象设计剖析

下边是我之前工作的一些案例,给大家展现一些。

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

4.形象包装

经过我们一起的学习,我们从无到有的设计了一个公司卡通形象。在现实项目中,如果单单给一个形象的图,是不专业的。一般我们会做一个ppt,给需求方展示。

例如需要形象的线描/扁平效果/以及立体效果,还要有形象的三视图,以及简单的阐述,包括形象在公司的一个具体应用场景展示,甚至于配合运用的一些效果案例。

接下来给同学们看一个我之前的一个项目,希望会给大家带来一些想法和帮助。

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

卡通形象设计剖析

这就是今天给大家分享的所有内容了,希望能帮助到大家~希望同学们可以按照我们所说方法从0到1做一个可爱的卡通形象。需要大家练习并加以总结,慢慢提高自己吧~加油哦~

卡通形象设计剖析

人已赞赏
交互设计

数据驱动落地页转化

2020-6-30 8:28:13

交互设计

5 分钟快速制作弹跳加载小动画

2020-7-4 0:17:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索