如何增强卡通吉祥物设计的时髦感？

文章来源：logo360标志设计网（>

案例一

8月 26日 京东官微发布了一条消息，诞生于2013年 3月30日的京东 logo，以及陪伴大家四年多的金属银色小 JOY，突然！变胖了！

原来那只金属色泽还很立体未来感十足的小狗 JOY，现在变成了一只萌萌的白色卡通狗，还少了一只腿儿，没有了金属光泽，但却更有亲和力！

案例二

QQ的企鹅应该是互联网行业最知名的形象了，这只企鹅已经17岁了。17年中，它的形象改变过5次，从瘦长的拟物化企鹅、胖胖的红围巾企鹅、剪影版企鹅，再到现在更扁平、中性化的企鹅，每一次改变都代表了一种新的设计潮流。

案例三

其实米其林宝宝的名字直接翻中文叫”逼冰蛋”,而且我们可能要叫他爷爷，因为他已经124岁了。

1893年的米其林形象看上去有点可怕，像木乃伊。1910年的米其林卡通吉祥物居然用的是一个真实人物的穿这衣服的形象。经过100年多次设计上的演进简化，米其林宝宝才成为我们现在看到可爱圆融的模样。

1893年，初代米其林形象

1910年，米其林真人吉祥物

现代感米其林吉祥物

那么问题来了

我们在做卡通吉祥物的时候，人物看上去很奇怪，四肢和身体的衔接不舒适！比例关系不协调！如何让我们的卡通吉祥物更好的传递出与用户更亲密的关系？身体和四肢衔接时又有哪些需要注意的事项？或者我们如何提升卡通吉祥物的形象！

和大家分享一下

修改方法

－

01-比例关系

02-几何简化

03-色彩奥秘

Operation01比例关系

拉标尺线，确定卡通吉祥物脑袋和身体高度，现在人物是一个1：1的比例关系那这个时候卡通吉祥物的萌和可爱并不是很凸显。

需要注意的是，不同年龄段卡通吉祥物的比例不同，身体比头部的倍数越多，人物呈现的年龄越大。

首先我们做一个三等分，把原图卡通吉祥物脑袋和身体进行2：1的调整。

加大身体和头部的大小对比关系，做4等分的比例。让身体占据头部的将近四分之三，或者更大的的对比关系中后，人物萌化的形象就会更清晰。

那么我们的案例人物头部犯了一个大忌就是按照正常头部的比例关系来讲，人物头顶宽，下颚窄，这样卡通吉祥物的重心就会不稳。

头部形状，不要是正圆，按照人物的头部结构走向，下颚宽，头顶窄最佳。

Operation02-几何简化

确定了人物比例关系后，就要进行简化处理。

拟人的卡通吉祥物一定是要人和物的巧妙结合，不能直接嫁接，不然会很生硬。

简化头部，把脑袋进行垂直翻转，让重心向下走。删减掉多余没有用的色块，用简单的线先把卡通吉祥物的样子表达出来。

苹果把儿。原图从手法上表现的是写实一些的，但是这样的写实表现手法在卡通吉祥物上使用，就过时了些。那我们需要对这个形状进行简化，巧妙嫁接。去掉复杂的色调，先从框架出发先做对称式的设计。

在到五官来，五官的间距也会形成不同人物的年龄化，五官位置越远，岁数越大。相反，越近，岁数越显的小。

做三视图的时候，前期人物尽量做大正面，也就是身体是左右对称的，相同的元素不要相似的重复出现，因此叶子的元素在头顶出现，那身体上的叶子和肚子图形取舍选一个。

Operation03-色彩的奥秘

这个案例的颜色有很大问题

01-卡通吉祥物颜色主色是红色，而红色又有很多细的色系划分，卡通吉祥物头部的颜色和身体红色色调的偏向完全不同，头部中的红色的偏向很少，白很多，身体部分的红色则温和许多，偏多。

02-脸部和肚子的颜色犯了同样的毛病，依旧脸部的固有色中粉色偏多，身体上的肚子偏多，更为温和。

03-身上叶子的绿色饱和度和身体以及头部的饱和度，明度有不在同调里。

针对上面的三点进行修改

重新选定主色，辅助色，点缀色。

之前人物主色有2个

。那现在我们只确定一个

。

那卡通吉祥物头部和身体就只用一个主色调，（注：红色作为主色，色调种必须含有，这样的红色会显的柔软，没有那么硬。

辅助色调，也就是脸部的色调，它和身体属于同色系里的色调。

然后添加点缀色，以及其他同色系的色调（点缀色一定是整个画面中色面积最少的颜色）

去掉线稿后，得出的色块就组合成了我们的人物。

在已经确定的固有色上，选定出表现物体暗面的色调,作为体积的表达，以及后续在做立体化视图时候使用。

总结

通过上面3方面的学习，我们了解到如何解决卡通吉祥物不新颖的问题，让它更有时代感。分别是从比例关系，几何简化，色彩的奥秘出发。

周生生黄金首饰标志由汉字“周生生”和字母“chowsangsang”构成。

周生生源自中国传统典籍《易经》的哲学，”周而复始 生生不息“是创办人周芳谱先生命名品牌的理念，也是品牌的核心精神。周生生在成立八十年以来, 均抱持着「周而复始 生生不息」的精神，在不断努力改革更新的过程中，屡次创下突破性的创举：

1、首家珠宝企业在香港联合交易所上市（股票代号116）；

2、首个商业机构获得「香港实验所认可计划」（HOKLAS）的纯金认证；

3、首个珠宝品牌突破传统、推出主题系列, 推出Hello Kitty精品系列；

4、首个香港珠宝公司建立品牌网站及网上销售店；

5、首家珠宝企业、引领行业以硬金电铸技术制作精美黄金首饰。

扩展资料

在完善发展和管理品牌的前提下，周生生不采用特许经营或授权经营的模式，各地所有分店全是集团拥有及营运。

周生生特备专业团队在网上多个交易平台进行零售，包括其专属网店、各大网上零售平台如：天猫、京东商城、唯品会等，以至各大银行的 *** 网站。周生生又设有另一专队，为企业客户提供全套企业礼品度身订造服务。

为保障产品素质，周生生在香港及内地均设有化验所，配备最先进的仪器，确保所有珠宝及贵金属产品都经过严密的检测；其黄、铂金成色检定，更获得香港实验所认可计划(HOKLAS)之认证，可向外界提供收费服务。

参考资料来源：周生生珠宝官网- 愿景及品牌理念

辅助色是标志设计中起补充说明作用的色彩，它主要用于企业宣传和促销，为的是能够使企业形象更加生动。辅助色是以标准色为核心的重要元素，它的种类繁多。企业使用辅助色的时候应按照要求执行辅助色的调配和设计，不可以随意的乱搭配以免破坏标志对企业形象的塑造。

在标志设计中，标准色为白色，辅助色有红、黄、蓝、绿几种色彩，它们纵横交错地连接在一起，为标准色编制了一个色彩丰富绚丽的背景层，使整个标志的层次显得分明且不单调。

UI是用户界面的英文缩写，全称就是User lnterface。

用户界面是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的 *** 作变得舒适、简单、自由、充分体现软件的定位和特点。

用户界面是介于用户与硬件而设计彼此之间交互沟通相关软件，目的在使得用户能够方便有效率地去 *** 作硬件以达成双向之交互，完成所希望借助硬件完成之工作。

UI界面的构成

一个UI界面通常来说由三部分组成：配色、排版和图标。

1、配色

这个应该很好理解，任何APP或网页等UI界面都会有自己的主色，也有相应的颜色搭配。一般我们对某个软件的潜意识印象就是它的主色，比如微信的绿色、京东的红色、淘宝的橙色等等。我们在设计UI界面的时候都会优先确定好该UI界面或是该APP的主色，以及相应的辅助色、点缀色等，这就是该APP项目的整体配色。

2、排版

一个界面好不好看往往就是由排版来决定的。而且排版不仅仅只对UI重要，对平面设计、美工、线下印刷来说一样非常重要。特别是对平面来说，比如一些书籍或企业画册来说，是没有多余配色的，整本书或企业画册全部是由少部分的和大部分的文字进行排版来完成，所以扎实的排版功底就尤为重要。

3、图标

图标在UI界面中也占有不小的比重，一般我们对界面风格的体现都是从图标风格上体现出来。因为我们实际工作中设计的UI并不会像大家在网上看到的那么炫酷，整个界面的配色排版都有强烈的视觉冲击力，反而往往是比较朴素的，图标就成为了朴素UI界面中的一大亮点和风格体现点。

色彩作为用户感知品牌的重要设计语言，也是快速占领用户心智的视觉锤的重要组成部分。本次升级我们也回归到最原始的问题：我们想给用户传递什么品牌色。

基于市场调研 ，我们开始展开尝试。做了几次尝试后我们发现，红色和蓝色各有优劣，我们团队遇到了两难抉择。

但就用户调研结果发现，红色用户对京东金融的第一印象就是“红色”，而且金色也是他们认知里金融应该有的颜色。

最终品牌色的确定不是依据主观思考，应该结合品牌调性、行业属性及用户感知多个纬度进行分析考证。

最终确定了京东金融 60 版本的品牌色为红色和金色。

如果在页面中只使用品牌色，我们会发现各模块相似度过低，信息传递方面表现较差。

引入辅助色后，各模块区分明确，且保证了后期的应用扩展性。

最终根据确定品牌色、辅助色及其颜色系统。

本次除了品牌 Logo 、颜色系统升级以外，UI界面也全面升级。融入了品牌基因的同时，布局架构及功能模块也进行重组。

第一部分是将品牌符号应用到 UI 中。

不能将品牌符号直接生硬的放进 UI ，第一会影响到信息的辨识度，干扰主要信息。第二会导致品牌元素信息缺失，比如元素被切割。

为了避免上述情况，首先我们制定了品牌符号的使用规范。在保证品牌识别性的同时，找到 UI 中可以植入的部分。此外还要保证信息和图形之间的比例，根据信息优化形态和位置。

同时在不同信息模块中，测试饱和度及位置。

接下来是对 UI 界面架构的统一度处理。

首先，旧版页面频道页的差异比较大，用户的认知成本比较高。

新版进行了模块的重新梳理，并注意信息降噪，带来更好的体验。

最后，针对于组件系统进行归纳和整理。

金融类组件系统一般会包含以下四个方面内容。

同一个sku的三种不同形态。

不同形式的sku适用于不同场景。A对应的是在聚合页面中的表现形式，完成信息简单高效的呈现，并完成快速导流的目的。B对应的是垂类产品页面，可以更详细的展示商品信息，主标题和副标题的字段承载能力更强。方便用户进行比较和抉择。C对应的是需要特殊强化的战略级产品，这些组件都是可以配合使用的，方便区分主副层级。

此外还对其他模块进行了组件化。

---