吉祥物如何设计？快来看看腾讯设计师的思考经验总结！
本帖最后由 方舟 于 2016-12-13 12:01 编辑编者按：为一款软件做形象设计的流程是怎样的？今天腾讯设计师@Veles 把参加形象设计比赛后写的设计心得分享出来，包括前期思考，形象选定，后期展示等，全是干货，建议阅读。故事开始前言：科普：KM 是公司内部沟通软件。KM里面内容丰富，各种干货交流等等，简直~简直~是个大学内部论坛的感觉~（好吧，它确实是个内部论坛，里面潜伏各种大神）以后每逢有时间空隙，必抓起手机，撸起KM，让我看的不要~不要的~好吧，话不多说，偶然一日看到了一篇KM征集吉祥物的广告文章，里面说明 征集吉祥物，再看看奖品，Word妈~有 iPad Pro！！！！好吧，其实我只是旨在参与，其实奖品什么的都是浮云，提高自己能力嘛，增加自己经验这个才是主要的对吧？不说太多废话了，形象大概从这样的思路开始想象的~一，初步提取一些关键文字http://p3.pstatp.com/large/1065000652d4cc62af99· 8个年头（ 陪伴时间长）· 沉淀50万篇文章 （沉淀海量知识）· 承载数以万计的活动与投票，工作生活必不可少（承载许多沟通，联系，表达的使命）再从基本品牌吉祥物中提出一些通用点包括：· 可爱（让人容易接受喜爱）· 方便延展（一旦做出吉祥物，后续有许多地方都需要用到延展，所以设计造型要考虑方便延展性）· 容易记忆（一眼就能有印象）同时我也觉得KM是一个让我这样的新人可以快速了解公司，融入这个大家庭一个重要的窗口，所以这里可以加多几个关键词（嫩芽，生长，生机等）二，细化关键字，让它转化为图形语言· 沉淀海量知识———（海洋？鲸鱼？机器人？）· 承载许多沟通，联系，表达———（SMS？气泡对话框？）· 生长，生机——-（新生嫩芽？植物？成长？）· 容易记忆——–（动物？可爱？大众认知？）综合以上归纳有了以下一张关键字说明：http://p1.pstatp.com/large/106400049b820b0e685a然后收集相关参考图片，让设计构思更加清晰：http://p3.pstatp.com/large/1065000652d36597cc34最终提炼设计元素：http://p1.pstatp.com/large/10210000e8433ec188691. 犹如鲸鱼般的海量知识体（海量·知识·遨游）2. 气泡对话框式的表达方式（沟通·表达·联系）3. 让新人生根发芽的使命感（嫩芽·生长·生机）三，那么开始画草稿吧！http://p3.pstatp.com/large/10210000e8421019a592一开始还没最终确定用鲸鱼为原型之前，也出过几个稿，想过一些其他想法，例如延续企鹅？还是说用机器人？龙感觉也很聪明可爱~不过最后 个人还是感觉 鲸鱼的代表性比较强~鲸鱼神秘又神奇的一种生物~原鲸科动物均出现在5000万年前，历史悠久遨游在海洋的哺乳类动物，巨大的身躯感觉像蕴涵了大量的知识体系~所以后面就出了 鲸鱼的设计稿，反正构思也不是一瞬间想到~也是经历了构思推翻 构思推翻的一系列过程~最后选择自己喜欢且觉得最符合的一种来表达：http://p3.pstatp.com/large/106600064eb492d7f994鲸鱼身上一般是喷水的，假如直接喷水会不会显得太单调，不够特别~继续想！！有水（又要表达出生机，成长这一理念）有水，有生命（生命~~？植物）感觉头顶加个植物 也是毫无违和感的！！那就加一个茁壮成长的小植物吧！(⊙_⊙;)最后一个阳光灿烂的小鲸鱼头顶发芽的小植物诞生啦~（发芽的植物以后会不会开花？是不是会跳出鲸鱼的头顶变成一个可爱的植物人？）小萌芽 到底是怎么在鲸鱼头顶上生长的？（这里面感觉信息量好大~~哈哈哈 可以继续深挖）四，草稿确定以后，大方向已经尘埃落定，后面就是各种优化配色啦！配色方面，一开始是沿用KM的蓝色来做，不过用在形象身上的时候，颜色显得有点深沉，所以就把蓝色的饱和度 稍微提亮了。让蓝色更加海蓝一些再搭配了一些翠绿色~所以最终形象配色如下图：http://p3.pstatp.com/large/101e0007f05a3ee5fe51形象主要圆溜溜鼓鼓的~可爱想捏的感觉，侧面或者45°角看 大致像一个气泡对话框，加个小尾巴，遨游知识的海洋~当完成这一步，我个人觉得 骨架已经完成了~后面就是增加血肉 情感的一些东西啦~例如丰富下表情，使用场景等等啦。http://p1.pstatp.com/large/10210000e84507666420先大概构思草稿阶段~http://p1.pstatp.com/large/10210000e847a4ece2d0为了方便后续延展设计跟使用，设计主要是用矢量方式来制作~主要工具包括：1. SAI （起草稿） 2. PS（钢笔图形工具完善设计稿）工具因人而异啦~自己喜欢跟习惯哪个就用哪个，没有太多局限喔！~下面是一些设计的延展，包括周边产品设计，APP UI界面形象使用场景~http://p2.pstatp.com/large/10210000e84639b36139http://p1.pstatp.com/large/106400049b7f662071f9http://p3.pstatp.com/large/101e0007f05bdddb6d68http://p3.pstatp.com/large/10210000e8485bbee06ahttp://p3.pstatp.com/large/101e0007f05ca5339d69http://p3.pstatp.com/large/106400049b81da952ca3http://p3.pstatp.com/large/106600064eb7b87d0acchttp://p3.pstatp.com/large/106400049b83ac84ab86http://p1.pstatp.com/large/10210000e849195a2cc0http://p3.pstatp.com/large/106600064eb9ddff8315五，结语每次形象设计都是一次新的挑战，除了要表达出表面的含义，也要符合实质内在的含义。设计的时候也从里里外外不断的挖掘信息，思考如何才能最切实的表达。对于每一个形象设计，都应反复思考和打磨，只为给用户呈现最佳的体验效果。考虑让形象如何融入产品，更好的丰富产品等等~为KM树立一个鲜明的品牌形象。很高兴参与这么有意思的活动，希望以后参与更多KM有趣的活动~哇哈哈···谢谢大家的观看与支持！！~Thank you！mua~------作品已经商用，最终版权归tencent所有~
http://www.toutiao.com/i6347492650895016449/
页:
[1]