木子素材 首页 大神 手绘插画 查看内容

实战深度总结!如何设计和运营品牌形象?

2018-2-24 22:48| 发布者: admin| 查看: 201| 评论: 0

摘要: @Jenny黄静雯 :分享美啦兔形象设计及运营的详细记录,从项目背景、形象更新、形象规范到设计应用的深度总结记录。 一. 项目背景 美啦App形象萌兔,设计于2013年,当时设计了萌兔三视图及2个表情。由于萌兔形象自设 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

实战深度总结!如何设计和运营品牌形象?

@Jenny黄静雯 :分享美啦兔形象设计及运营的详细记录,从项目背景、形象更新、形象规范到设计应用的深度总结记录。

一. 项目背景

美啦App形象萌兔,设计于2013年,当时设计了萌兔三视图及2个表情。由于萌兔形象自设计之初一直没有优化,我们对当前形象提出一个疑问:萌兔的视觉形态,是否符合美啦App的产品调性。基于这个问题,我们开启这次形象更新的设计。

现有版本的视觉问题

萌兔形象与市面的兔子类形象相似度较高,个性不够突出,无法给用户留下深刻印象。

实战深度总结!如何设计和运营品牌形象?

△ 兔子形象设计集合

​萌兔形象的设计风格、表现手法较为陈旧,仍是2013年的设计风格。同时也比较低龄化、性别不明显,缺乏美观度。

实战深度总结!如何设计和运营品牌形象?

△ 萌兔形象问题分析

​设计内部的几次探索设计也暂时不能满足美啦的产品调性。

实战深度总结!如何设计和运营品牌形象?

△ 设计内部形象探索

形象更新目标

美啦兔定位美啦App5.0的形象代言人,与用户情感化沟通,引发用户对美啦品牌的好感。去掉萌兔的「萌」,改名为美啦兔更便于用户记忆,也将形象从侧重低龄可爱转变到侧重女性个性化的设计方向。符合美啦App5.0升级后的产品调性。

二. 形象更新

美啦兔需要更个性女性化美观,创意过程中对兔子元素进行不同尝试。色彩方面,美啦兔使用「美啦」的品牌色、女性代表的粉红色作为主色。

设计角色设定提出了2个方向,对美啦兔形象的拟人化或拟动物化进行探索。过于拟人化的设计,由于形象太具体难以引起用户共鸣,拟动物化的设计由于局限于兔子的固有形态,与市面现有的兔子形象难以区分,于是最终选择介于拟人与拟物的设计表达形式,进行了15稿设计尝试。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔设计方案探索

介于拟人与拟物的设计表达形式。

实战深度总结!如何设计和运营品牌形象?

△ 初稿形象

​设计优化

介于拟人与拟物的设计表达形式得到了大家的认可,于是开始了一系列的微调。美啦兔对身体形态比例,脸型,发型,五官位置,眼睛,腿型,脚等方面调整,最终输出了16个调整形象。博克斯从盒子比例和配色,五官,眼睛,发型等方面进行调整,最终输出18个形象。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔形象优化方案

实战深度总结!如何设计和运营品牌形象?

△ 博克斯形象优化方案

​最终输出美啦兔和小助手博克斯。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔和小助手博克斯终稿

设计提案

把方案放在移动端的场景中,使方案更清晰呈现上线效果,便于决策判断。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔形象界面应用

三. 形象规范

形象确定后,梳理了美啦兔的形象,制定了美啦兔基本形象年龄性格特征爱好、出场故事背景及视图等。

故事背景

萌兔接到了美啦星的讯息,被召唤返回美啦星,美啦星女王为萌兔升级了造型,添加女性化特征——白皙的脸蛋,纤细的手臂,修长的腿,让她也可以像女性一样妆扮美丽,重新为她取名美啦兔。同时给了他一个新的助手——快递小盒「博克斯」,帮助她传递美丽,实现美啦兔的新使命:「把美带给世界上所有女性」。博克斯定位是帅气的包裹守护者,是美啦兔的助手。 活跃气氛,拉近与用户的距离。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔出场漫画

​视图展示

视图的确立有助于形象的推广应用。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔及博克斯视图

四. 形象应用

表情设计

使用面部表情传递情感时使用半身的美啦兔形象,如「哇塞」、「怎么这么美」、「就你了」。在需要整体肢体语言传递情感时使用了全身的美啦兔形象,如「赞」、「撒浪嘿哟」、「海购」等。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔表情设计

​闪屏设计

节日闪屏设计,在众多的节日中选择了与女性相关度高的节日。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔闪屏设计

壁纸设计

壁纸设计使用了可拓展性强的表情,进行设计,在美啦App微博微信平台,与用户互动。

实战深度总结!如何设计和运营品牌形象?

△ 美啦兔壁纸设计

五. 设计总结

从参与美啦app品牌形象从无到有的设计:设计部内部司徒大大(司徒子安)提出美啦app旧品牌形象过时且低龄化,与美啦app5.0设计风格已不匹配。数名设计师共同小组脑暴出形象定位,4次设计提案,最终与宝宝(黄俊俊,现魅族高级UI设计师)共同设计出美啦兔和博克斯形象,为其设定了全新的故事背景。在设计部内部评审,选定初稿,进行新旧形象在美啦女性员工、美啦appL8资深用户、潜在女用户的接受程度调研。初稿优化,提案,公司范围内推广,美啦app的loading应用、空白页情感运营,专利申请。与Lenfer(张立芳,美啦高级UI设计师)共同负责续延展设计,包括:表情设计、漫画设计、壁纸设计、app内运用、贴纸、节日闪屏运营及规范、公仔物料、公司内品牌应用、设计总结、规范梳理,看着美啦兔一路成长。

欢迎关注作者的微信公众号:「Jenny黄静雯」

实战深度总结!如何设计和运营品牌形象?

「形象设计实战」

  • 《靠着吉祥物,这款闹钟APP成功俘获了用户的心》
  • 《上亿人使用的QQ空间萌宠形象,原来是这么设计出来的!》
  • 《没有美术基础怎么画卡通肖像?来看这个方法!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: https://www.muzisucai.com/

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×