1. 首页
  2. 运营

APP运营 | 提升品牌感知的5种方式

本文作者将与大家分享:何为APP品牌感知?APP为何需要品牌感知?以及,怎样设计以增强APP的品牌感知?

APP运营 | 提升品牌感知的5种方式

 

何为APP品牌感知?

唯有被用户感知,“品牌”才有可能产生

感知只不过是用户对品牌讯息在感官层面(视、听、触、嗅等)上的接收,而认知是用户大脑对品牌多种信息加工处理后的結果。因此,纵然你设计了整套完整的品牌VI,不意味着你就有了品牌。只有在用户心智中建立了认知后,品牌才開始形成。

APP的品牌设计就是以視覺形式(有APP开始注重声音或点击的物理反馈设计,也是增强品牌设计的方式,本文关键讨论视觉)提升用户对品牌的感知,让品牌可以潜入用户心智树立认知。

 

APP运营 | 提升品牌感知的5种方式

APP为什么需要品牌感知?

审美升级,设计趋同:没有品牌个性就没法打动用户

大众审美升级,对美的标准已经改变,从追捧网红脸转向超模高级脸,时尚从甜美性感等女人味转向西装白T爸爸裤的中性风。看似开始反传统,其实是对个性和认同有更热烈的追求。

这个包写了我的名字、这个广告很杜蕾斯、这个年度歌单很网易云,看到有东西特别符合自己气质、代表自己独特的品味的,必须马上翻牌子。那些品牌名字成了形容词,它们成为某一种气质风格的典型深入人心。这就是成功建立起认知的品牌的影响力。

而现在市场上很多的APP,尤其是同类产品,在满足相同需求的前提下,从框架到表现层的设计都高度同质化。我们需要至少一个亮点去吸引挑剔的目标用户,APP的视觉作为用户对品牌最直接的感知,是打动用户的有力武器。

形而上的东西说完了,实际到底怎么操做?

如何设计以加强APP的品牌感知?

STEP 1. 品牌调性定位

品牌调性由产品定位决定,产品视觉风格也直接反映品牌定位,在定调这一步就看设计师功力了。经验丰富的设计师能够准备把握产品定位,并通过视觉设计将这种定位强化。

以下几个APP是个人觉得品牌风格非常独特且符合产品定位的,比如:最右涂手是主打涂鸦的产品,限制黑白两色来突出想法本身,APP的设计也采用了黑白和手绘形式,用户通过这种设计也能感受到产品的这种定位。

APP运营 | 提升品牌感知的5种方式

STEP 2. 品牌视觉DNA提炼

品牌视觉基因是品牌设计语言的凝练和核心,是和竞品区隔的关键。

可能有人会说因为自己的产品定位很普通,品牌没有特别之处,挖不出什么亮点。在这里我提供一种比较具体的思路——从品牌的视觉资产切入。

但是,需要强调的是,这仅仅是一种方式,主要供大家练习找找感觉,大家不要局限于这种形式。

APP运营 | 提升品牌感知的5种方式

通过分析你的品牌VI,得到较为明确的设计语言,可以从形、色、质、字、版式等多种维度去分析归纳设计特征。

接下来就以品牌5种常见的视觉资产——品牌LOGO、品牌色、品牌吉祥物、插画和品牌图案为例,结合具体设计给大家说明。

STEP 3. 品牌视觉DNA在APP设计中的应用

1)LOGO

从品牌Logo就可以得到很多可应用的元素,比如:造型特点、风格、质感。常见的做法是将logo直接作为tab icon使用。但飞猪做得更多,设计师提取了Logo猪的发型形状,作了简化(提取轮廓)和添加修饰(首页icon的猪鼻子),再应用到Search bar 和 Tab icon中,有很高的识别度。

(将品牌logo特点融入到图标设计的更多方法可以参考之前的一篇文章《APP图标风格与创意设计的方法分享》

APP运营 | 提升品牌感知的5种方式

2)品牌色

色彩是一个非常重要的品牌基因。从品牌色延展的色彩方案贯穿应用到产品中,是最为常用的建立品牌印象的方法。

品牌色在APP设计中具体的应用场景:

场景一:界面背景

引导注册页:品牌主色用在引导页和注册等界面背景。因为这些是用户初次使用产品的时候,在这种场景用大量品牌色能让用户快速形成初步的品牌感知。

APP运营 | 提升品牌感知的5种方式

APP运营 | 提升品牌感知的5种方式

特殊界面:大面积品牌色用作主界面背景的比较少,因为会干扰用户对内容的吸收。可以应用在需要特别强调氛围感的运营界面或娱乐型产品。

APP运营 | 提升品牌感知的5种方式

场景二:顶部栏或banner背景

虽说现在顶部栏用品牌色的设计已经不如过去流行,但对于初创期产品、或需要和竞品区隔的品牌来说,顶部品牌色还是可以考虑使用的。

APP运营 | 提升品牌感知的5种方式

场景三:组件和高亮色

用品牌色作为组件和高亮色自然是不用多说的了,这里分享一种比较特别的设计(右图快手电丸)。

电丸和nice的APP Icon都是黄黑配色,但是在产品中的配色思路却不同。nice采用了大多数产品的做法,即沿用icon的黄色和黑色,电丸则是选用了对比色紫色作为组件和高亮色。可能是因为产品本身调性定位在可爱和有趣,所以配色方案也大胆地采用对比配色,来丰富视觉营造氛围

APP运营 | 提升品牌感知的5种方式

针对色彩的应用这里补充几个TIPS:

  1. 色彩并非总是越丰富越好,根据产品调性控制好色彩数量,有候单色或者双色的配色方案能形成更为突出的风格印象(比如:same和涂手);
  2. 使用多彩的配色方案时,要保持色调一致;
  3. 大面积的色彩虽然能刺激用户的视觉感知,但是也可能分散用户注意力,因此资讯阅读类的产品不适合用过多的色彩,会破坏用户的沉浸体验。

3)吉祥物

吉祥物作为有形的拟人化形象,能够更直观地为品牌代言,表现出产品的性格和气质。一般有吉祥物的品牌都会把形象作为产品的logo,并应用到产品设计中。需要注意的是吉祥物的画风和性格要始终保持一致,是萌是丑还是贱。要像管理你自己的人设一样经营你的吉祥物形象。

吉祥物在APP设计中可发挥的空间很多:

  1. 运营配图:以插画的形式应用到banner、瓷片等运营模块;
  2. Tab:一般作为主页或者个人主页的icon;
  3. List Icon:same从吉祥物延展出系列同风格的人物设计作为列表图标;
  4. 空状态:吉祥物在空页面可以有更多情感化和个性的表达;
  5. 弹窗:吉祥物以插画的形式出现,更多的是丰富视觉,同时提高品牌的友好度;
  6. 动画:如bilibili的下拉刷新loading,可爱的形象让人更愿意等待。

APP运营 | 提升品牌感知的5种方式

4)插画

在各种设计趋势的报告中都可以看到品牌插画的影子,插画设计已经成为越来越重要的品牌视觉资产:

运营插画:

在瓷片、banner中应用插画,需要统一插画的表现形式和风格。

APP运营 | 提升品牌感知的5种方式

空白页插画:

空白页的设计不再是一个简单的灰色图标,很多产品尝试用更丰富的色彩、故事性的插图来渲染氛围,并引导用户操作。

APP运营 | 提升品牌感知的5种方式

5)纹理图案

和插画类似,图案是从品牌属性发散的相关联的小元素,构成无缝衔接的图案设计,或是从品牌VI延展的辅助图形和纹理。多使用在:界面背景、图片加载态、运营模块、个人主页的背景图。

APP运营 | 提升品牌感知的5种方式

再次强调:不要直接一一套用

前面也有说过,以上分享的思路和例子只是为了帮助大家更快找到感觉打开思路,不能局限于这种形式。

实际上还有很多灵活操作的优秀设计,比如:黄油相机,名字就情怀满满,据说出自“你是我面包上的黄油,生命里的呼吸”,意指产品主打的“图和文字”的关系。

设计师是直接从“黄油”这个具体的物出发,结合产品的调性定位,提炼出黄油的柔和色调和圆角方形的造型,设计出可爱的黄油小人、以及黄油和面包的icon。

APP运营 | 提升品牌感知的5种方式

总结

  1. 独特的品牌形象能让产品快速地潜入用户心智,和竞品区隔,构建品牌感知;
  2. 品牌色彩的运用要一致且克制;
  3. 拟人的吉祥物形象可以使你的品牌个性更易于被用户了解;
  4. 插画是品牌关键的视觉资产,插画的风格和表现形式需要规范化;
  5. 在细节处应用品牌图案设计,塑造更精巧的品牌视觉;
  6. 要确保设计语言相一致。

(文中部分图片采集自网络未标注出处,如设计师本人看到请和我联系补充出处或删除。谢谢!)

作者:REMY

本文由运营大叔发布,不代表运营大叔立场,转载联系作者并注明出处:http://www.yunyingdashu.com/yunying/11462.html

联系我们

18205969981

在线咨询:点击这里给我发消息

邮件:jay@opp2.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code