赞助商
立即赞助

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

品牌设计3年前 (2021)发布 流光
3.1K 0 0

、始,物之极致也。大众点评在经历九个版的迭代之,重新站在变革的字路口。

V10,一次新的品牌蜕变开始…….

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

一、全新定位

消费升级下消费偏好转移,不再以价格导满足基础需求,上升为获更好体验和精神享受。转换到品,定位也正发生改变,从工具到内容,从找优惠到发现品质生活,不仅局限于功能使用,而是含品调性、品品质、附加服务在内所获品认。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

过目标群分析,结合大众评自身业务积累,未来将聚焦打造年轻化、娱乐化、社交化品体系。并在此基础上提出「年轻有品 丰富不失格调」描绘未来希望在用户心映射形象。如何精准诠释「年轻 有品 丰富 格调」并传递用户,即是这品牌升级的键。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

二、调性基因

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

根据对的细化拆解,结合产品的感知径,我们从品牌、内、体验3纬度提炼出产品调性基因,作此次的设目标指导思投射至产品中。即:鲜明的品牌感知、高效优的浏览体验、优质丰富的内呈。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

三、调性辐射

1. 鲜明的品牌感知

作为第眼进入用户视野首页焦导航,兼具传递品风格和业务属性两个使命。标业相似布局,球形感已经难以形成独有品印象,主导航在色和造型质感上做新风格探索。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

色彩

人的五感有相似的惯性和疲劳机制,随着年轻户对色彩的接受逐渐升,我们原本过平缓的渐变色已经勾起视觉记忆。基于牌色,通过拉长色相对、增饱和的取色方式炼渐变色组,作为体现丰富、年轻、娱乐感的基调。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

造型

根据千人千面策略,业务 icon 出导航体系中,需考虑风格的扩展性辨识度。因此尽保留原基础形,打破圆形外框以负形主体,使表意加直观。同时增加柔且相对明确的投影弥散,辅增强导航的点击感。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

风格探索之后,协同业务线设师共同作战,对 icon 兼顾表意/一致性/体感细节打磨,终全级延展线。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

体

们常说 「如其,如其」,个性鲜明体作为视觉语言要组成部分,样影响着品性格。

从点评 Logo 出抽象出笔画特征,组合成简洁现代感的的字库,运用在产品中传递品牌风。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

2. 高效优雅的浏览体验

回顾互网发展,每一次硬件术的革新都给计带来不可忽视的响。

随着 iPhoneX、小米Mix 等全面屏技术逐渐成熟,预示着未来容与屏幕边界将逐渐融合,奢侈的屏幕空间给设计带来更多可。

在保证信息体量时,过卡片、圆容、留白率、互动反馈等视觉优化,使层级更简单明确,降低获取信息视觉压力从而提高效率和愉悦感。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

卡片

对区增投影、封闭边线包裹、与背景色差对、弥散投影等方式形成卡片。增空间利率,区分同纬容,升可操作感。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

圆角容器

息块圆角化,使内容规整统一,屏幕更好的融。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

对于宫格图组,利用视觉动补全做外部圆角,解决衔出现的空心点,使内容更规整。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

留白率

通过削弱页面分割,增加页面负空间,提升页面通透感。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

互动反馈

浏览的同时在细微处增加恰当而情绪化的操反馈,富产品灵获得品牌感。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

△ 界面展示

3. 丰富优质的内容呈现

点历一多内化的探索,后续将扩充图文小视频多元的内形式,每一类内的精致度都将直接影响产品的品质感。

选图优化

原本编辑手选图的基础,引入机器智能选图。对万张图片通过「清晰度/构图/主体匹配」指标判断筛选,优化取图算法,使逐呈优质的图片内。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

图文版式优化

通增大字号梯度、加大对比提高图文内容的品质,

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

△ 界展示

三、传播

版本发布作为品诠释部分样要。继承品调性版本加以装,可以使品更加立体传递用户。

简,即更大的想象空间和包罗万象的气度,预示我们逐步富的内容量。受包豪斯系列品和未来艺术的灵感启,朴抽象的几何图形令人印象深刻,也许以为呈现包容和时尚感的方式。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

以 V10 为基础元素,做抽象几何变化向圆形扩展,同时延续产品中的颜质感为主视元素。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

并从中提取「 V 」和「 0 」的造型组合,合撞营造缤纷的时尚年轻感,延展至宣传页面。

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

点击链接观看完整视频:https://v.qq.com/x/page/e1339zlqkxd.html

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

结语

至此,成了大众点评牌升级的开篇。

从品策略到设计执,从案探索到动落地,其不乏案反复和弈。时也引发我们自身价值思考:保持商业关注、潮流敏感嗅觉、与新技术互、才能突破「看起来好看」小情怀真正影响品和用户,体现更大商业价值。时与上下游和业务团队日夜奋斗,保持高效团队互,也促进了彼此凝聚力。

续的品牌完善和传播还有很力点,需要结合数据深打磨,程中的思考和沉淀也将逐一梳理,敬请期待。

对于好活的呈方式我们将持续探索,希望能吃喝玩乐的给源源不断的惊喜,Eat better,Live better。

欢迎关注大众点评UED队公众号:「DPUX」

长文揭秘!全新的大众点评V10版本是如何做品牌升级的?

图片素材来源:大众点评

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

王M争:我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏配色,后来我索性就针对移动端...
Tab
UI界面是否设计得足够清晰,各种元素之间是否协调、平衡,用户能否轻松感知到屏幕上的信息,交互是否顺畅舒适,这些因素决定...
Tubik Studio
编者按:Google 旗下有很多不同的设计项目,他们会到每年年底的时候,评估出每年最值得关注的设计项目,这些设计项目中大多有...
Google
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的...
交互设计
网易UEDC :「网易考拉」 不仅是网易倾注全力打造的电商产品,更是致力为中国用户提供更高品质生活的海购平台。本次品牌体验...
品牌升级
为什么会有语音交互?它适用于什么场景?不适用于哪些?文章为你解读。 一. 什么是语音交互 在没有机器之前,人类最早的交互...
界面设计
生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这...
App设计
在设计的过程中,占位符是一个很重要的存在。尤其是在网页设计项目当中,需要图片素材填充特定的位置来呈现当前设计的效果,...
占位符