品牌元素融合在界面中的具体应用

版权申明：本文出自“吾其其”原创，感谢“吾其其”的原创经验分享！

写在前面的话

这是我在设计网站发布的第一篇文章，都是工作中总结出来的经验——抛砖引玉。

如果有不对的地方，还希望多多指出，也好帮助我更好的成长。

花了很多时间去找案例（而且还是要找有品质的案例），文章中多有配图都附有"原图链接"方面大家仔细查看好的品牌设计是怎么进行品牌基因的融合的。希望能对大家有所帮助，也希望大家多多点赞支持。

本文主要介绍：已有的品牌元素如何更好的融入界面设计中，产品界面差异化设计，凸显自己品牌的性格、情绪、定位（此方法网页与手机界面通用）。

不再做同质化界面设计，让界面设计活起来。

什么是品牌基因？品牌基因也就是品牌的DNA，它包括品牌核心价值和品牌的个性。不同的品牌基因，是各品牌之间形成差异化的根本原因——本句引自网络。

什么是品牌融合？在差异化设计下的前提下，成功的延用品牌基因在产品不同场景中，能让用户一眼就能看出这是你的产品（融合目标是用户在遇到相应问题或者需要相应产品的时候能迅速想起你的品牌，并进行购买，最终实现价值转化）。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

下面为具体解释

塑造品牌差异：

界面设计要区分于竞品的差异化设计（现在市面上的产品界面同质化太严重，很多产品与竟品没有任何差异化，没有自己的特色）。

增强品牌感知：

用户使用平台之后印象深刻，形成记忆点。即便是不看品牌标识，从界面中也能快速进行品牌识别。

强化品牌定位：

用户使用中能轻松清楚的知道平台是做什么的，与竞品产品定位上的差异点、功能上的差一点。

引起用户共鸣：

在用户心中召唤出相应的情感，引起用户共鸣。比如：keep的"自律给我自由"及其在页面中传达出的这种情绪。

提升价值转化 — 也是品牌融入的最终目的：

因为前面几个步骤的铺垫，在用户想解决一些问题的时候，或需要相应产品的时候，能迅速想起你的产品，并进而购买，完成价值上转化。

下面为具体解释

产品整体梳理：

梳理现有产品的所有可以进行品牌基因融入的场景。

应用场景收集：

产品界面整体梳理完成后，进行应用场景的提取（如：版式、banner、图标等）。

品牌元素提取：

从产品品牌设计中提取可融合的元素，包括（logo元素：色彩、弧度等品牌故事：定位、性格等）。

具体场景融合：

将以上提取的品牌元素具体应用到的梳理出来的场景当中，下文会做具体解释。

以下分三个维度来具体举例说明

——以下仅做应用方式的举例说明，不做具体设计。

一：应用广度

通过对产品现有页面整体梳理，得到如下场景：

• 情绪/性格

• 色彩

• 版式

• banner

• 可点击元素

• icon

• 情感化设计（异常页面、缺省页面等）

• 页面悬浮

• 页面配图

• 动效设计

• 字体设计（本文暂不做字体融入的分析）

二：品牌元素

品牌元素融合，遵循大统一，局部战略调整的原则，进行如下元素的提取。

• logo元素提取

# 色彩 —— 品牌色

# 弧线 —— logo中应用的弧线：弧形、方形等

# 关键符号 —— logo中应用的图形：圆形、星型、菱形等

• 品牌定位提取

# 品牌定位 —— 例如：你的产品如果主打便宜（拼多多），界面中中就要凸显出便宜、划算等。

# 品牌故事 —— 例如：考拉主打自营，品质保证+货源保障，界面中就凸显了高端、品质感。

# 品牌情绪/性格 —— 例如：keep传达的自律、坚持不懈，界面中凸显了硬朗、炫酷等感觉。

三：应用深度

通过前面的应用广度和品牌元素的融合，这部分将通过举例介绍，品牌元素如何融入到具体的场景中。

1、情绪/性格的融入——品牌想要传达给用户什么理念、情绪、性格等

原图网址：http://www.behance.net/gallery/43253181/Fivecell-Architects