恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
基础图形引发吉祥物设计思路
0.0°
2019-07-25 原创文章 经验/观点 举报 4765 40 38 0

本文和大家一起探讨基础图形作为吉祥物造型设计的起点,方便大家快速上手,希望可以对你有更多帮助。

Image title



前⾔


随着企业主对设计师手绘能⼒的要求不断加强,设计师提升基本的插画设计能⼒已是必然。卡通吉祥物设计便是这一能力之一,在项目中的运用场景也十分多样化。


今天便与大家分享一下插画设计板块之一的吉祥物设计案例,吉祥物的设计方向很多,以基础图形作为吉祥物设计的创作灵感来源是最为简单的方式。希望通过今天的案例可以带给你这⽅面的一点灵感,后期会继续更新。




分享目录


一、吉祥物设计的重要性;

二、吉祥物分类;

三、吉祥物的运用场景;

四、吉祥物设计流程;

五、一套作品中包含的基础板块内容;

六、技法表现的几个关键点;

七、基础图形引发吉祥物创作灵感;

八、以圆形进⾏案例解剖;

九、小结。




一、吉祥物设计的重要性


吉祥物设计是品牌传播体系中至关重要的一环,不仅可以辅助品牌的传播,也能更快、更好的强化品牌形象的识别度和记忆度。


而且图像相较于文字更容易识别、记忆、传播和喜爱,这也是心理学的基本规律。吉祥物的设计可以加强用户对于产品的深度情感交流,在同行业中突出差异化表现。


所以,吉祥物设计的优势在于:强化记忆品牌形象;加强品牌识别度、记忆与传播;深化产品与用户的情感交流;还能便于品牌衍生,可以在表情包、节日氛围、周边产品等方面融入用户生活,使品牌黏性更强。


Image title




二、吉祥物分类


吉祥物设计的表现手法通常是拟人化卡通动漫形象,记忆度和传播力度都非常好,还能强化与用户之间的亲和力。


现在大体可以把吉祥物分为企业形象吉祥物、活动吉祥物和商品吉祥物三个类型。



a. 企业形象吉祥物

以推广传播企业形象为主,转化用户对企业品牌形象的认知。这也是最为常见的类型,投入传播成本相对较低,无论任何商品推出或者活动推广都以该吉祥物为唯一的形象角色。


Image title



b. 活动吉祥物

根据活动推广需求而量身定制的吉祥物,用以加深用户对活动的认知与记忆。也能衍生出更多的周边产品,方便传播。无论是像奥运会、世博会这样的公众活动,还是公司举办的商业活动,吉祥物的设计都能起到不错的活动传播效果,为活动新增更多趣味与情感的一面。


Image title



c. 商品吉祥物

商品有具体的实物商品,也有虚拟的服务商品,根据不同的商品打造独特的吉祥物来进行形象传播,是非常常见的形式。相较于企业形象吉祥物传播成本更大,不同的商品吉祥物需要独立的商业推广传播。但是,这也可以带给用户更多的商品附加值,加强对商品的识别度、记忆度和亲和力。


Image title




三、吉祥物的运用场景


吉祥物的运用场景决定了吉祥物设计的重要性,这也是为什么吉祥物设计在品牌形象推广中占据至关重要的作用。吉祥物是品牌形象的代言角色,除了可以辅助传播品牌的价值、服务和文化以外,丰富的延展性也能更好的辅助活动传播。


吉祥物主要的运用场景包含:

a. 品牌形象角色;

b. 运营视觉设计:专题页画面、banner图、推广海报等设计中的形象角色;

c. 表情包设计角色;

d. 线下物料设计、周边产品延展等实物设计;

e. 闪屏、引导页、缺省页、加载与刷新、图标设计品牌基因融入等UI设计场景中;

f. 智能机器人形象角色等。


吉祥物设计的运用范围十分广泛,以上仅是部分列举。


在设计场景中会根据吉祥物的不同表现风格进行运用展示,扁平风格适合在一些由于材质限制而选用。写实的表现风格运用场景较为丰富,无论是在推广设计中还是手办玩偶实物制作都表现突出。由此可以看出吉祥物设计的运用场景是非常丰富的,这也是吉祥物设计技能作为设计师必修的一门功课的原因。


Image title




四、吉祥物设计流程


一套优秀的吉祥物作品需要精心打磨,很多设计师也会发现无从下手,不知道如何去创建一个卡通形象。接到项目就开始打开PS软件发呆,思考许久依然没有找到切入口,这是因为你没有找对方向,设计的流程没有掌握。


一个吉祥物的设计流程是:分析项目需求 → 梳理关键词 → 筛选有用关键词 → 根据关键词采集对应的素材资源 → 分析素材提取简化图形 → 采集吉祥物表现风格参考 → 绘制草图 → 电脑绘制三视图 → 扁平/写实风格绘制 → 场景中的运用表现。


Image title


以上流程仅为个人工作项目的经验梳理,仅作为参考,会根据设计师的具体情况作出微调,找到符合自己的设计流程。




五、一套作品中包含的基础板块内容


一套吉祥物设计作品需要包含哪些基础的板块内容,绝不仅仅只是绘制一个角色,还要考虑角色的延展性与场景中的运用效果。


从最基础的三视图开始设计,会输出线稿、填色、质感三个层面的作品。然后会根据确定的吉祥物设计方案进行场景运用,把吉祥物在各种场景中的运用效果设计出来。这里也不一定都是会运用很强的质感来表现,如果是犹如缺省页中的运用也可以是扁平的风格,吉祥物的设计表现风格可以根据具体的运用场景进行选择。


根据平时工作时的需求对接,总结出吉祥物在一套作品中应该包含这些基础的内容:设计分析层面的梳理、吉祥物的介绍、三视图、场景模拟展示、线下物料设计与周边延展、缺省页、图标设计品牌基因融入、加载与刷新、闪屏、引导页、表情包运用、智能表情等等。


一套成熟全面的吉祥物设计提案作品,基本是包含以上列举的内容。但是也会根据项目的不同进行考虑,运用部分或者全部。


Image title




六、技法表现的几个关键点


在进行吉祥物设计的时候,除了前期的灵感层思考以外,在进行技法表现的时候我们需要注意哪些关键点。下面通过项目设计中的一些经验总结为大家梳理一下,希望大家都能画出高质量的吉祥物作品。


吉祥物设计软件选择我们通常是主要运用PS软件,偶尔会运用AI软件进行线稿绘制,一些图形绘制也可以采用AI软件,相互之间配合效率会更高。


Image title


在进行电脑绘制前一定要进行大量的草图输出,这个可以快速的把灵感进行图形化。草图绘制要多角度进行,粗糙不要紧,要把所有关键词中的灵感都全部过一遍,这样后期在进行电脑输出的时候不会思路中断。


在进行电脑输出线稿图的时候,可以运用钢笔工具结合形状工具进行绘制,可以在AI软件中进行,也可以直接在PS软件中绘制。上色的时候首先要确定光源所在,不同的造型不同的角度光源的来源也不一样。三视图(正面、侧面、背面)一般我们多半是逆光来展示,对于延展的动作一般造型可采用逆光,特殊造型可根据动态走向来确定光源。


高光部分的着色可采用同类色的亮色来进行上色,在表现吉祥物与装饰元素的质感的时候,会因为环境色而相互影响。我们在进行绘制的时候会用画面中的主色或者背景色进行环境色的渲染,在对吉祥物设计进行场景延展的时候也需要考虑环境色的因素。


Image title


在进行场景绘制的时候需要考虑基本的透视概念,一般吉祥物的场景演变不是特别复杂,我们只要掌握一些基本透视基础即可。比如近大远小、近实远虚、仰视俯视等,在表现上面比较惯用的是色彩透视、消逝透视。


Image title


关于技法表现上面我们需要强化起草、线稿、着色、质感表现、场景透视等几方面,在完成一个吉祥物设计时,尽量都把这些流程经历一下,后期便会更加熟练。




七、基础图形引发吉祥物创作灵感


吉祥物设计的创作方向很多,基于前期的关键词等梳理出来的灵感方向,我们可以选择其中的一个或者多个方向进行绘制。我们在平时强化吉祥物设计能力时,以基础图形作为灵感起点是最快速的切入口。


很多设计都可以从最简单的基础图形进行入手,基础图形包含圆形、方形、三角形、椭圆、多边形、特殊图形等。我们通常通过基础图形进行演变,可以作为吉祥物的造型基础,同样的形状可以通过不同的表情、配色、装饰等呈现出不一样的造型特征。

比如圆形的运用,在插画构图中圆形就具备聚焦画面的作用,可以使得零散的图形更加聚合在主体形象周围。在吉祥物的创作中,圆形可以表现出可爱、饱满、圆润等特征。比如像天天爱消除和开心消消乐里面一些角色形象就非常惹人喜爱,具备强拓展性。


Image title


除了圆形以外,方形作为基础图形的运用会表现出特征性,比如海绵宝宝的造型就给人印象深刻。方形可以更好的实现立体空间感,在绘制的时候作为初学者也能更容易把握好空间概念,因为这是空间的最基本成因。


三角形不仅具备稳定性,在构图中经常看到,在卡通形象造型设计上面也有一些案例呈现。一只愤怒的小鸟以三角形进行造型设计,也使得该形象记忆深刻。


椭圆作为吉祥物造型基础较为常见,这个造型非常活泼可爱。比如爆笑虫子、小幺鸡、小黄人、QQ等的角色形象都是在椭圆的基础上进行创作而出,这些都是我们生活中显而易见的案例。还有别的基础图形案例就不一一列举,基础图形在吉祥物的设计中是非常普遍的表现形式。


Image title


我们作为初学者可以以一个单一的基础图形入手进行创作,进行思维发散,组合出不同表情的造型。下面的案例就是以圆形作为基础图形进行发散,希望抛砖引玉,大家可以创作出更多的造型。




八、以圆形进⾏案例解剖


基础图形作为吉祥物设计造型灵感来源是非常方便的一个方式之一,下面我们以圆形为起点进行案例实战解剖,希望抛砖引玉带给你更多灵感。



第 01 步:起草

以圆形为起点进行创作思路延展,完成草图的绘制,草图可以尽量多的进行表现。


Image title



第 02 步:三视图

根据绘制完成的草图,我们进行筛选,确定出最终的草案。然后开始进行电脑绘图,可以利用钢笔工具、形状图形工具布尔运算、手绘板等方式绘制完成。首先需要绘制出正面效果图,然后延展出三视图。


Image title



第 03 步:着色

对三视图进行着色,第一次着色以扁平形式平铺即可,表现出元素之间的结构关系即可。对于色彩的把控来说,同色系的不同饱和度和明度变化是相对较为容易的,可以辅助细微的色相变化来进行丰富。


Image title



第 04 步:质感表现

对身体部分进行质感表现,通过光影变化来强调结构的空间关系。以一个球体的光阴变化举例,需要控制好明暗变化的基本规律:表现出亮面、灰面、明暗交界、暗面、反光、投影这些三大面五大调子的关系。


Image title



第 05 步:刻画细节完稿

确定好大体的造型关系以后,我们开始刻画五官细节部分。利用形状工具结合图层样式的调整进行质感细节变现,这是一个简单但是需要细心的工作,表现的层次越多越细腻。


完成腿脚部分的刻画即可完成该案例,腿脚部分的绘制思路和主体部分一样,这里的光阴处理只要表现受光面和背光面即可,因为本身造型犹如线条一般。


Image title



第 06 步:延展

最后会根据确定的主形象进行场景延展和周边设计。


Image title



大体的流程解剖,在绘制的时候难度大的板块是质感的表现,只要固定好光源的位置,把控好明暗变化的基本规律就不会有太大问题。最终还是需要大家平时加强日常练习,插画不难,只要你人不懒~O(∩_∩)O哈哈~手绘都是练出来的技能。




九、小结


吉祥物在工作场景中的运用非常广泛,助推了品牌形象。无论是平面设计、视觉设计还是UI设计等,这项技能都是不可或缺的。本文主要普及了吉祥物的重要性、运用场景、设计流程与思路、初学者的切入口等,最终以圆形为基础图形进行案例解剖,带给大家从0~1的创作思路。


希望大家举一反三,通过基础图形创作出更多不同造型的练习作品。后续将会更新更多插画绘制作品和案例解析,希望和大家共同努力。本文为资料整理和个人经验总结,不足之处望大家互相指点,希望可以帮助你一点点。


Image title


作者:月亮树

本文由 @月亮树 原创发布。未经许可,禁止转载。

更新:2019-07-25

收藏

40人已收藏

月亮树Moon

一起打造属于自己的 IP

  • 16

    作品

  • 202

    粉丝

  • 0

    关注

  • 阿兴和大吉/龙年IP形象设计
  • 近期作品集
  • 熟睡的十二生肖
  • 秦小卫IP形象设计

    猜你喜欢

      2019-07-25 原创文章 经验/观点 举报 4765 40 38 0

      基础图形引发吉祥物设计思路

      0.0°

      你确定要举报基础图形引发吉祥物设计思路

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年07月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      38
      40
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录