如何构建设计语言系统？来看百度直播平台的实战案例！

2021-12-4 10:36| 查看: 1277| 评论: 0

摘要: 什么是设计语言？设计语言是把设计作为一种“沟通的方式”，在特定的场景中进行内容与信息的传达。设计是介于科学与美学之间的一种艺术，是需要理性的去解决感性的问题。它和艺术之间的差别就在于“解决问题”。设 ...

什么是设计语言？

设计语言是把设计作为一种“沟通的方式”，在特定的场景中进行内容与信息的传达。设计是介于科学与美学之间的一种艺术，是需要理性的去解决感性的问题。它和艺术之间的差别就在于“解决问题”。

设计语言有哪些？

设计语言最底层是项目设计语言，具有典型特征和主题，比如医疗项目凸显专业冷静，节日项目凸显热闹氛围。往上一层是产品设计语言，强调个性品牌，比如小视频的设计深色更沉浸，电商从结构到色彩都凸显热闹。很多产品随着发展，形成一些系列平台服务，平台设计语言确保服务“统一规范”。最顶层是生态设计语言，跨设备跨平台和硬件呈现的设计语言。

百度直播业务，从单一业务形成系列平台服务，囊括的不只是 B 端和 C 端用户产品，还有 8 大垂类蓬勃发展，以及跨业务多宿主的呈现。庞大的平台业务，特别需要建设平台设计语言。

如何构建设计语言？

所有的设计语言，都是服务于业务顶层战略发展。制定设计策略前，需对业务所在的行业背景、品牌战略、用户群体、流行趋势有充足的认知。当返工无数次还是没方向时，说明以下前四点需要再深入明确。

建立设计原则时（设计语言的标准），不妨尝试把品牌战略人格化，由所有人解决所有人问题的愿景，得出产品是一个解决问题的行业专家的身份，Ta 传达的气质是简洁大方的仪表，亲和有力的仪态，和专业权威的素养。

设计语言以现代轻奢风格为基调，它大简至美、配色和谐、材质考究，以独具特色的现代格调，构筑起一个充满质感又十分舒适的直播间，给用户一致、友好、有品的体验。

设计动手前，按照风格基调具象化拆解分析必不可少，每一个元素的表达手法都要定位清晰。

1. 至简光影艺术图标体系

在图标的设计中，我们基于专业亲和的品牌理念延展出 2 个不同的方向。方案一以直线折纸与光影为视觉元素，呈现一个用心专业的态度。方案二以曲线雕刻艺术展现专业亲和的魅力。

图标体系化，多场景验证一致性，发现方案一不够极致，造型复杂；方案二具备良好的一致性，但破坏了物体固有的结构，影响识别度。

在一致性的前提下，尝试简化、提高识别度。巧妙的将光影和结构交汇，极简到 2 个图层呈现主体；语义清晰识别度高；角度渐变光影带来舒适亲和感，15°x 角度的精准把控传达专业的品牌特性。因此总结出图标绘制要遵循的法则为识别性、品牌性、愉悦性、一致性。

2. 和谐家族感的色彩体系

a）标准色

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

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

b)协调的辅助色

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