教科书级别的徽章设计!

   教科书级别的徽章设计!


PART 01

___


背景


飞行足迹是什么?响应携程集团G2的「以服务为核心」的战略,飞行足迹是一款为机票用户打造的可以回溯以往飞行记录的产品。在项目的前期我们已经为用户打造了一个有探索欲望,有情怀的飞行记事本。


教科书级别的徽章设计!

做到这样就够了吗?当然不!对于一个体验类产品而言,我们希望能带给用户更多惊喜与成就感,由此我们打造了飞行足迹的徽章体系。


PART 02

___


详细介绍


徽章体系由飞行城市,飞行大洲,飞行次数3个维度构成,划分为任务类和指标类两大类型。

「哇!」是我们想为用户打造的,看见徽章就感到惊喜的视觉感受,由此提升其飞行荣誉感。除此之外我们还要保证徽章的体验一致与延续品牌印记。而徽章的构成,我们由上至下分为辅助层、主体层、中间层、背景层4个层次结构。


教科书级别的徽章设计!


城市徽章

城市徽章的主体层上,我们采用了各个城市的特色建筑或自然名胜,如杭州的三泉映月,上海的东方明珠。


教科书级别的徽章设计!


以上海城市徽章为例,根据背景层的型与主体层的名胜相结合,一个徽章的基础型构建就基本完成了。


教科书级别的徽章设计!


设计过程中,主体层挑选了符合建筑真实的颜色,并提升其饱和度,利用渐变、光影的手法提升细节;中间层根据建筑的特色分为现代城市剪影和古典风光更搭配的山峦剪影,使画面更有层次;辅助层上,借用星光点缀,提升画面丰富度;背景层则采用轻拟物的质感,使徽章整体饱满而不显单薄。


教科书级别的徽章设计!


如何保证体验统一?

如何保证徽章的体验统一是一个难点。我们通过保证视角一致,主题层体量一致,以及规范用色规范的方式,来保证城市徽章各有特色,体验感知又能一致。


教科书级别的徽章设计!


如何体现等级徽章的价值差距?

对于飞行次数徽章这种彰显荣誉感的徽章,在遵循一致的用色规范的同时,通过色调由冷到暖的变化,以及高价值徽章破型的手法,拉开各价值属性差异,强化不同飞行次数的等级和价值感知,由此提升用户的满足感。


教科书级别的徽章设计!


延展

通过以上的设计过程我们完成徽章体系的设计,这样的体系是具有延展性的,可随业务的扩展和更多场景细分共同成长。


教科书级别的徽章设计!



基于徽章的色彩体系我们还设计了2020年的飞行年报插画,用于向用户分析2020年的飞行记录,并由此衍生了各个插画场景,通过冷暖色调的冲击提升视觉冲击力,同时将寓意温暖与希望的太阳元素作为因子串联整个插画体系。在2020这样一个特殊的年份中,传递我们对用户的关爱与旅行的希望


教科书级别的徽章设计!



PART 03

___


最后


“保持热爱,奔赴山海”是飞行足迹的口号,未来的日子里,我们将继续丰富用户的使用场景,为携程用户带来更多飞行数据分析,更多惊喜!

教科书级别的徽章设计!


教科书级别的徽章设计!

     教科书级别的徽章设计!



教科书级别的徽章设计!

本篇文章来源于微信公众号: TripDesign

UI/UX

Booking 营销味太浓遭反感,设计师改出人性化的方案

2021-7-13 8:20:00

UI/UX

设计万花筒|浅谈设计与音乐的结合

2021-7-13 10:33:17

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索