品牌在UI设计中的遗传与进化（案例分享）

1. / 工作思考 - 品牌与UI的关系 /

现在的互联网产品已步入趋同化阶段，如何在同类产品中突出自家产品，是摆在UI设计师面前的问题。在我的工作经历中，我有幸接触过品牌设计、运营设计和UI设计。我发现品牌和UI这两者存在互通互惠的联系。

但是，在实际项目中设计师需要考虑诸多因素，比如：用户痛点、产品诉求、技术壁垒等等，这些因素将导致产品线上效果与品牌出现割裂情况。我们希望产品除了满足自身与用户诉求外，还能达到品牌基因遗传至产品、产品又通过内部解构重组最终优于源基因的进化状态

2. / 如何做 - 四步走+五技法 /

那么，设计师要如何做呢？通过长期的项目积累，我总结了四步走思维方法，再通过五项设计技法来实现最终效果

四步走：思考问题、确定目标、培育提取和遗传进化

五技法：图形、颜色、版式、字体和动画

3. / 项目实践 - QQ空间黄钻官网 /

通过研究《2016互联网增值服务报告》，我们发现用户在“吸引用户开通黄钻特权“问题中，“黄钻等级"和“身份特权”的数据较低，说明黄钻给用户的尊贵感和成就感弱，违背了用户购买黄钻炫耀身份的诉求，同时也直接影响了黄钻收益。

体现在官网界面上就是黄钻小、数据弱、层级平、低龄化

总结官网存在的问题有三个：尊贵感弱、收益瓶颈和品牌感弱；针对这三个问题，确定相应目标：强化身份、提高收益和完善品牌。具体如何实施呢？分产品内容和视觉设计两大类

头两步做完后，接下来要完成后两步的任务，即品牌基因的培育和遗传进化

先来看下目前黄钻对外发布的品牌形象。黄钻和豪华黄钻形象多样，颜色多彩，品牌及其不统一，显然重新梳理品牌迫在眉睫。新的品牌系统规定了标准logo、标准色、标准版式和标准字体

品牌VI系统梳理完成后，设计师要考虑如何把品牌基因遗传到UI设计中，在同类产品中做到差异化。在进行UI设计前，我们先要解决旧版官网信息杂乱，层级扁平的逻辑问题。首先，把官网上需要展示出来的用户数据由优先级重新调整归档；其次，将官网调整为“2大模块+常驻按钮”形式，即身份模块和特权模块。层级梳理完成后，将等级LOGO和标准版式遗传至UI界面中，突出身份模块。

虽然到此步，界面基本完成了，但设计师觉得尊贵感仍然不够，如何再进一步提升黄钻尊贵感呢？设计师采用把2D钻进化到3D动态钻的表现形式，加强用户身份和强化尊贵感，最终完成品牌基因的进化。

品牌与产品紧密相连，UI设计师在日常工作中，除了关注用户体验、产品迭代、数据研究之外，也要多思考品牌的注入，多在其中扮演品牌与产品的粘合剂角色。