APP設計 | 加強品牌感知的5種方式

本文筆者將與大家講述:什麼是APP品牌感知?APP為什麼需要品牌感知?以及,如何設計以加強APP的品牌感知?

什麼是APP品牌感知?

只有被用戶感知,“品牌”才有可能形成

感知只是用戶對品牌信息在感官層面(視、聽、觸、嗅等)上的接收,而認知是用戶大腦對品牌各種信息加工處理后的結果。所以,就算你設計了一套完整的品牌VI,不代表你就有了品牌。只有在用戶心智中形成了認知后,品牌才開始形成

APP的品牌設計就是以視覺形式(有APP開始重視聲音或點擊的物理反饋設計,也是加強品牌設計的形式,本文主要討論視覺)加強用戶對品牌的感知,讓品牌能夠潛入用戶心智形成認知。

APP為什麼需要品牌感知?

審美升級,設計趨同:沒有品牌個性就沒法打動用戶

大眾審美升級,對美的標準已經改變,從追捧網紅臉轉向超模高級臉,時尚從甜美性感等女人味轉向西裝白T爸爸褲的中性風。看似開始反傳統,其實是對個性和認同有更熱烈的追求。

這個包寫了我的名字、這個廣告很杜蕾斯、這個年度歌單很網易雲,看到有東西特別符合自己氣質、代表自己獨特的品味的,必須馬上翻牌子。那些品牌名字成了形容詞,它們成為某一種氣質風格的典型深入人心。這就是成功建立起認知的品牌的影響力。

而現在市場上很多的APP,尤其是同類產品,在滿足相同需求的前提下,從框架到表現層的設計都高度同質化。我們需要至少一個亮點去吸引挑剔的目標用戶,APP的視覺作為用戶對品牌最直接的感知,是打動用戶的有力武器。

形而上的東西說完了,實際到底怎麼操做?

如何設計以加強APP的品牌感知?

STEP 1. 品牌調性定位

品牌調性由產品定位決定,產品視覺風格也直接反映品牌定位,在定調這一步就看設計師功力了。經驗豐富的設計師能夠準備把握產品定位,並通過視覺設計將這種定位強化。

以下幾個APP是個人覺得品牌風格非常獨特且符合產品定位的,比如:最右塗手是主打塗鴉的產品,限制黑白兩色來突出想法本身,APP的設計也採用了黑白和手繪形式,用戶通過這種設計也能感受到產品的這種定位。

STEP 2. 品牌視覺DNA提煉

品牌視覺基因是品牌設計語言的凝練和核心,是和競品區隔的關鍵。

可能有人會說因為自己的產品定位很普通,品牌沒有特別之處,挖不出什麼亮點。在這裡我提供一種比較具體的思路——從品牌的視覺資產切入。

但是,需要強調的是,這僅僅是一種方式,主要供大家練習找找感覺,大家不要局限於這種形式。

通過分析你的品牌VI,得到較為明確的設計語言,可以從形、色、質、字、版式等多種維度去分析歸納設計特徵。

接下來就以品牌5種常見的視覺資產——品牌LOGO、品牌色、品牌吉祥物、插畫和品牌圖案為例,結合具體設計給大家說明。

STEP 3. 品牌視覺DNA在APP設計中的應用

1)LOGO

從品牌Logo就可以得到很多可應用的元素,比如:造型特點、風格、質感。常見的做法是將logo直接作為tab icon使用。但飛豬做得更多,設計師提取了Logo豬的髮型形狀,作了簡化(提取輪廓)和添加修飾(首頁icon的豬鼻子),再應用到Search bar 和 Tab icon中,有很高的識別度。

(將品牌logo特點融入到圖標設計的更多方法可以參考之前的一篇文章《APP圖標風格與創意設計的方法分享》

2)品牌色

色彩是一個非常重要的品牌基因。從品牌色延展的色彩方案貫穿應用到產品中,是最為常用的建立品牌印象的方法。

品牌色在APP設計中具體的應用場景:

場景一:界面背景

引導註冊頁:品牌主色用在引導頁和註冊等界面背景。因為這些是用戶初次使用產品的時候,在這種場景用大量品牌色能讓用戶快速形成初步的品牌感知。

特殊界面:大面積品牌色用作主界面背景的比較少,因為會幹擾用戶對內容的吸收。可以應用在需要特彆強調氛圍感的運營界面或娛樂型產品。

場景二:頂部欄或banner背景

雖說現在頂部欄用品牌色的設計已經不如過去流行,但對於初創期產品、或需要和競品區隔的品牌來說,頂部品牌色還是可以考慮使用的。

場景三:組件和高亮色

用品牌色作為組件和高亮色自然是不用多說的了,這裡分享一種比較特別的設計(右圖快手電丸)。

電丸和nice的APP Icon都是黃黑配色,但是在產品中的配色思路卻不同。nice採用了大多數產品的做法,即沿用icon的黃色和黑色,電丸則是選用了對比色紫色作為組件和高亮色。可能是因為產品本身調性定位在可愛和有趣,所以配色方案也大膽地採用對比配色,來豐富視覺營造氛圍

針對色彩的應用這裡補充幾個TIPS:

  1. 色彩並非總是越豐富越好,根據產品調性控制好色彩數量,有候單色或者雙色的配色方案能形成更為突出的風格印象(比如:same和塗手);
  2. 使用多彩的配色方案時,要保持色調一致;
  3. 大面積的色彩雖然能刺激用戶的視覺感知,但是也可能分散用戶注意力,因此資訊閱讀類的產品不適合用過多的色彩,會破壞用戶的沉浸體驗。

3)吉祥物

吉祥物作為有形的擬人化形象,能夠更直觀地為品牌代言,表現出產品的性格和氣質。一般有吉祥物的品牌都會把形象作為產品的logo,並應用到產品設計中。需要注意的是吉祥物的畫風和性格要始終保持一致,是萌是丑還是賤。要像管理你自己的人設一樣經營你的吉祥物形象。

吉祥物在APP設計中可發揮的空間很多:

  1. 運營配圖:以插畫的形式應用到banner、瓷片等運營模塊;
  2. Tab:一般作為主頁或者個人主頁的icon;
  3. List Icon:same從吉祥物延展出系列同風格的人物設計作為列表圖標;
  4. 空狀態:吉祥物在空頁面可以有更多情感化和個性的表達;
  5. 彈窗:吉祥物以插畫的形式出現,更多的是豐富視覺,同時提高品牌的友好度;
  6. 動畫:如bilibili的下拉刷新loading,可愛的形象讓人更願意等待。

4)插畫

在各種設計趨勢的報告中都可以看到品牌插畫的影子,插畫設計已經成為越來越重要的品牌視覺資產:

運營插畫:

在瓷片、banner中應用插畫,需要統一插畫的表現形式和風格。

空白頁插畫:

空白頁的設計不再是一個簡單的灰色圖標,很多產品嘗試用更豐富的色彩、故事性的插圖來渲染氛圍,並引導用戶操作。

5)紋理圖案

和插畫類似,圖案是從品牌屬性發散的相關聯的小元素,構成無縫銜接的圖案設計,或是從品牌VI延展的輔助圖形和紋理。多使用在:界面背景、圖片加載態、運營模塊、個人主頁的背景圖。

再次強調:不要直接一一套用

前面也有說過,以上分享的思路和例子只是為了幫助大家更快找到感覺打開思路,不能局限於這種形式。

實際上還有很多靈活操作的優秀設計,比如:黃油相機,名字就情懷滿滿,據說出自“你是我麵包上的黃油,生命里的呼吸”,意指產品主打的“圖和文字”的關係。

設計師是直接從“黃油”這個具體的物出發,結合產品的調性定位,提煉出黃油的柔和色調和圓角方形的造型,設計出可愛的黃油小人、以及黃油和麵包的icon。

總結

  1. 鮮明的品牌形象能讓產品更快地潛入用戶心智,和競品區隔,建立品牌感知;
  2. 品牌色彩的應用要統一且克制;
  3. 擬人的吉祥物形象能讓你的品牌個性更容易被用戶理解;
  4. 插畫是品牌重要的視覺資產,插畫的風格和表現形式需要規範;
  5. 在細節處運用品牌圖案設計,打造更精緻的品牌視覺;
  6. 要確保設計語言是統一的。

(文中部分圖片採集自網絡未標註出處,如設計師本人看到請和我聯繫補充出處或刪除。謝謝!)

 

发表评论