陌北默

QQ空间在去年推出了全新“萌宠”玩法,上线以来,获得了不少用户的喜爱,同时也收到了大量忠实用户们对想要养小鸡小猪等的心声。为了给用户带来更好的体验,项目设计组决定新推出一大波各异形态的萌宠,让萌萌的宠物融化用户们的心〜

关键词

围绕着宠物的世界观,吸引更多用户参与新玩法,确定产品定位并且提升用户黏度,我们提炼出了一些关于“空间宠物”的关键词。

设计过程

1.第一轮尝试

设计理念: “可爱”这个元素是各个年龄段都会受用的,形象多用圆形或椭圆形的设计,再围着着“成长”,“多样性”,“地球”等关键词尝试。

意见反馈:初步沟通反馈,希望以宠物的真实形象类别作为分类,确保每一个宠物的形象都有鲜明的性格。

2.第二轮尝试

设计理念:根据不同类型的宠物真实形象改变之前的拟人化的设计,符合宠物真实的形态,减少多余的细节,提取特征作抽象化。

意见反馈:经过多次的沟通,确定了满意的方向,接下来进行了细节优化与调整。

3.规范制定

在本次制作中需要短期内输出18个新的形象,留给单个形象设计及输出合格时间较短。从零开始重新创作形象的方案不太现实。所以,我们必须得先明确本次多宠物制作上形象设计的形象要求,制定相应形象规范,内部设计的同时在外部CP进行合作,以及寻找合适的现有形象进行二次创作。

形象风格:宠物的形象一般偏可爱风格,在无特殊情况下,线条保持圆滑自然尽可能采用形象原型本身的姿态;

形象角度需偏左30度左右;

形象设计统一使用扁平风格,无色彩渐变,无描边,色彩使用上不要使用过;

高饱和度或者与白色过于相近的颜色(由于空间馈送底色是白色,如果宠物形象本身是白色,用偏白的灰色代替)。

阶段分类:每个形象有3个阶段,分为:幼年,少年,成年阶段之间需区分明显,而且个头差异不能过于巨大。

细节规范:为了制作脊椎动画,设计时需注意身体四肢运动的可能性对于身体和四肢同一颜色的情况,不要使用阴影来区分四肢和身体。

输出规范:提供宠物形象在自然状态下的,另需对形象的手,脚等活动部分进行调整;

形象在自然状态下是为了方便身体活动,不一定与形象默认动作一致,确保自然状态下的身体能满足需要做的绝大部分动作。

蒙皮规范:不同宠物有不同装扮,设计师需在理解装扮范围的原则上,进行适当的装扮设计并输出设计稿。

形象输出

给予不同形象的人性化特点,以更有情感化的形式设计新形象。

 

结语

QQ空间萌宠全新改版升级,突出物种的多样性,全新定于了宠物的世界观以及新玩法从脑爆方向 – 风格尝试 – 落实设计 – 最终上线,需要感谢很多为此付出的同学,让空间的玩法更加丰富。也期待着“空间宠物”有更多更有趣的玩法以及创新。

 

原文地址:ISUX

作者:eu

 

 

转载请注明:学UI网 » ISUX设计师解析:个性萌宠形象诞生记-形象篇

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
认真卖萌——浅谈吉祥物、品牌IP认真卖萌——浅谈吉祥物、品牌IP
ISUX设计师解析:个性萌宠形象诞生记-动作篇ISUX设计师解析:个性萌宠形象诞生记-动作篇
剁剁的萌萌插画-建军大业·下篇《学UI网第九十八期YY设计课》剁剁的萌萌插画-建军大业·下篇《学UI网第九十八期YY设计课》
学UI网插画教程-小雪水彩教程《卧室一角》学UI网插画教程-小雪水彩教程《卧室一角》
网易资深视觉设计师:视觉设计如何继承品牌基因网易资深视觉设计师:视觉设计如何继承品牌基因
大理石与金属碰撞的文字效果[PS教程]大理石与金属碰撞的文字效果[PS教程]
QQ空间12周年品牌设定经验总结QQ空间12周年品牌设定经验总结
剁剁的萌萌插画-建军大业Q版·上篇(学UI网第九十七期YY设计课)剁剁的萌萌插画-建军大业Q版·上篇(学UI网第九十七期YY设计课)
字体设计-先掌握这个让你高潮的知识点字体设计-先掌握这个让你高潮的知识点
如何在AI中创建积木文字效果?如何在AI中创建积木文字效果?