本文主要分享了美丽兔图像的设计和操作的详细记录,从项目背景,图像更新,图像规范到设计应用的深度。享受〜
一,项目背景
2013年设计的兔子漂亮的app图像设计有三个视图和两个表达。由于兔子的图像自设计开始以来没有得到优化,我们对当前图像有疑问:兔子的视觉形式与梅拉App的产品色调一致。基于此问题,我们打开了此图像更新的设计。
现有版本的视觉问题
兔子的形象类似于市场上的兔子形象,并且个性不足以给用户留下深刻印象。
△兔子图像设计系列
兔子形象的设计风格和表现形式比较陈旧,仍然是2013年的设计风格。同时,它也更年轻,性别不明显,缺乏美感。
△兔图像的分析
设计中的几个勘探设计也暂时无法满足梅拉的产品色调。
△设计内部图像探索
图像更新目标
美丽的兔子定位了App5.0的形象代言人之美,与用户进行情感交流,引发用户对美丽品牌的善意。去除可爱兔子的“萌”,将其名称更改为美丽的兔子对于用户来说更方便记忆,并且还将图像从关注于年轻时代转移到关注女性个性的设计方向。升级App5.0 App后,满足产品的色调。
2.图像更新
美丽的兔子需要更具女性化和美学上的赏心悦目,并且在创作过程中对兔子元素进行了不同的尝试。在色彩方面,美丽的兔子使用“美丽”的品牌颜色和以女性为代表的粉红色作为主色。
设计角色设置提出了两个方向来探索美丽兔子形象的拟人或伪动物化。设计过于拟人化。由于图像太具体而不能与用户产生共鸣,因此动物般的设计仅限于兔子的固有形状,与市场上现有的兔子图像无法区分。因此,最终的选择是在拟人化的设计和对象之间。表格,进行了15次设计尝试。
△梅丽兔设计方案探索
拟人与拟人之间的一种设计表达形式。
△初稿图像
设计优化
拟人和伪对象的设计表达已被大家所认识,因此开始了一系列的微调。美丽的兔子调整了体形比,面部形状,发型,五官,眼睛,腿,脚等,最后输出了16个调整图像。 Box调整盒子比例和颜色,面部特征,眼睛,发型等,最后输出18张图像。
△Meila兔图像优化程序
△Bocks图像优化程序
美丽的兔子和小助手Box的最终输出。
△漂亮的兔子和小助手Bocks最终选秀
设计方案
将方案放在场景的移动端,使得方案可以在线上更清晰地呈现,便于决策。
△Meila兔图像界面应用
III。图像规范
确定图像后,整理出美丽兔子的图像,设定美丽兔子的基本特征,个性特征,背景和外观。
故事背景
孟兔收到了梅拉星的消息,被召唤回到美丽的明星,美女星女王升级了可爱的兔子形状,增添了女人味的特征 - mdash; —白脸,修长的手臂,修长的双腿,让她也可以像女人一样打扮,重新命名她美丽的兔子。与此同时,他给了他一个新的助手 - ——快乐盒“盒子”帮助她传递美丽,实现美丽兔子的新使命:“为世界上所有女性带来美丽”。 Box被定位为漂亮的包裹监护人和美丽兔子的助手。活跃的气氛,接近用户的距离。
△梅莱兔出场漫画
查看显示
视图的建立有助于促进图像的应用。
△梅拉兔和盒子视图
图像应用
表达设计
当使用半长美丽的兔子图像时,使用面部表情来表达情感,例如“哇”,“多么美丽”,“我是”。在需要传达全身语言的情感时,使用诸如“喜欢”,“萨朗”,“海上购买”等美丽兔子的图像。
△漂亮的兔子表情设计
飞溅设计
假日闪屏设计选择了许多节日中与女性高度相关的节日。
△漂亮的兔子闪屏设计
壁纸设计
壁纸设计使用强大的表达设计,并在Meibo App微博平台上与用户交互。
△漂亮的兔子壁纸设计
V.设计摘要
来自美拉app品牌形象的参与从零开始设计:设计部门的内部司徒达(Situ Zian)提出,美丽的应用程序的旧品牌形象已经过时和年轻,以及美丽app5的设计风格。 0没有匹配。几位设计师联合提出了头脑风暴形象和四个设计方案。与宝宝(黄俊军,现在的魅族高级UI设计师)一起,他们设计了美丽的兔子和Bocks的形象,为他们设定了新的故事背景。 。
在设计部门的内部审查中,选择了初稿,并对女性员工,美丽的appL8高级用户和潜在的女性用户对新旧图像的接受度进行了调查。初稿优化,提案,全公司推广,Meila app加载应用,空白页情感操作,专利申请。
负责与Lenfer(张丽芳,梅丽高级UI设计师)的扩展设计,包括:表情设计,漫画设计,壁纸设计,应用程序应用,贴纸,假日闪屏操作和规格,玩偶材料,公司内部的品牌应用,设计总结,标准梳理,看着美丽的兔子一路成长。
作者:Jenny Huang Jingwen(微信公众号:“Jenny Huang Jingwen”),平安银行愿景&插画。微博设计美学博主,花瓣认证设计师,优优网,设计指导员,深圳插画家协会专业会员,视觉中国合约设计师。
本文最初由@Jenny Huang Jingwen发表。未经许可,禁止复制。
该地图来自Unsplash,基于CC0协议