赞助商
立即赞助

长文揭秘!全新的大众点评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版本是如何做品牌升级的?

图片素材来源:大众点评

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

相关文章

我们总在说,复古一直流行,确实如此。回想一下我们小时候,许多设计似乎比现在的还要酷。最近两年,Nexflix 的美剧《怪奇物...
2018设计趋势
唱吧来到了2018年,已经积累了大量的各年龄层的用户。设计团队在之前的版本设计语言保持中性,以展示内容和功能为主。 作为...
App改版
插画是网页当中最常见的设计元素之一,无论是用是强化视觉,还是传达信息,都是非常不错的,这也是为什么它越来越受到设计师...
插画技巧
编者按:定价页面中,具体的设计细节其实对于用户购买和销售的转化有着直接的影响,怎样设计才会更有有效?今天这篇来自Proof...
定价策略
随着移动智能终端和云计算的快速发展,人工智能的浪潮正在悄然颠覆着我们生活的点点滴滴,VUI(Voice User Interface,语音用...
交互设计
前段时间把谷歌语音交互设计规范看完了,整个设计规范比较长,初看的时候比较懵,但是回过头看还是蛮干货满满的。 为了自我...
对话式交互
网易UEDC – 徐恺 :相信不少同学都尝试过建立自查表,但最后是否有真正利用起来呢?这一次就和大家分享一下,我们团队所用的...
团队协作
编者按:最新一期的设计圈干货来了!这次的干货是来自 prototypr.io 的整理。 对于设计师而言,这是一个越来越好的时代,每...
前端干货