百度|轻奢格调｜构建百度直播平台设计语言系统( 二 )

文章插图

文章插图

文章插图
2. 和谐家族感的色彩体系1）标准色
初期直播品牌色继承百度App品牌色，随着业务逐渐中台化，需要专属直播色。运用色彩心理学传递给人不同的情绪及心理感受，寻找直播的专属色相，而活力、温暖的红色色调，更能体现亲和有力的产品气质。

文章插图
红色也有冷暖之分，此时提高色相、饱和度的颗粒度，H色相以350°为起点，以2°递增或递减，S饱和度以5°为阶梯，生成更多色阶（保持相同B明度100），在多界面和真机验证，得出直播专属红（H350 S80 B100），冷暖适中符合平台属性。

文章插图

文章插图
2）协调的辅助色
同时，运用色环建立辅助色彩体系。H色相以350°为起点，以15°递增或递减标准，创建24色相色板（保持相同B明度100、S饱和度80）；选取柔和与协调的类似色和邻近色作为家族色彩主体，调和互补色与对比色，平衡整体色调。因为不同色相的感官明度并不相同，校正每一个辅助色的HSB，达到色彩感官上一致。

文章插图
3）调色版
一般会有2种方法，一种是使用明度差获得统一性佳的调色板，优点是落地成本低，代码可直接实现；另一种则是微调饱和度和色相，获得鲜明的色板，可使用在插图绘制上。

文章插图

文章插图
3. 考究新颖独特材质亚克力，这种具有透明质感、光学品质的材质，在设计领域最早应用在家居设计上，被互联网设计师熟知是在微软的概念视频里，随之逐渐应用到icon绘制上，亚克力1.0版本背景和主体层次没拉开，2.0版本更趋向加大不透明度和模糊值，达到清晰舒适又兼具艺术美感。

文章插图
这种量身打造的稀缺材质运用在运营玩法上，如红包雨玩法，即能凸显平台专业用心的态度，又能强化用户消费行为转化，助力变现增长。

文章插图
用户激励体系，采用3D玉石润泽质感+动态折射光影，体现有内涵不张扬的泛知识调性，凸显用户独特身份感

文章插图

文章插图

文章插图
四、写在最后在每一个小元素的创作中，我们都时刻谨记，无论是项目的主题语言、还是产品的设计语言、甚至是生态的，终点都是传达企业文化以及价值观。从战略层重构业务的认知体系，再将品牌战略人格化，才能够在茫然期产生真正的笃定感，逐步拆解设计目标和构建符合业务气质的设计语言，达到最愉悦的体验。
作者：百度MEUX，百度移动生态用户体验设计中心，负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。
本文由 @百度MEUX 原创发布于人人都是产品经理，未经许可，禁止转载