在如何提高產(chǎn)品競爭力這一點(diǎn)上，除了做好產(chǎn)品功能與設(shè)計(jì)外，我們還可以從體驗(yàn)設(shè)計(jì)的角度入手，給產(chǎn)品打造視覺錘符號，強(qiáng)化產(chǎn)品在用戶心中的記憶點(diǎn)。

現(xiàn)在對產(chǎn)品經(jīng)理的要求越來越高，不但要懂產(chǎn)品，還要懂運(yùn)營、數(shù)據(jù)、還要會看設(shè)計(jì)，給設(shè)計(jì)一些指導(dǎo)。以前討論時候經(jīng)常聽到產(chǎn)品經(jīng)理說，我就畫個框架，具體的設(shè)計(jì)還得設(shè)計(jì)師來。就像UX設(shè)計(jì)師也要具備產(chǎn)品思維一樣。如何提高產(chǎn)品的競爭力，體驗(yàn)設(shè)計(jì)也是很重要的點(diǎn)。

01 三秒原則

大家會想下，有哪些品牌你能馬上想到，印在了你的腦海里；有哪些是你從來沒有見過，但是可以馬上記住的。

通常在三秒內(nèi)能夠被人記住的會被認(rèn)定有品牌認(rèn)知的。比如下圖中的蘋果，不需要任何文字的介紹，這顆被咬了一口的蘋果都已經(jīng)深入人心。

還有小伙伴很喜歡的一個北歐的包品牌：FREITAG包款全部使用的回收集裝箱卡車、防水帆布和汽車安全帶(運(yùn)用在包包背帶)、包包邊緣則使用單車內(nèi)胎包邊做成的，所以每一款包包都有獨(dú)特的紋路，絕對是獨(dú)一無二，沒有人會和你撞包。很多環(huán)保人都是這個品牌的擁護(hù)者。一個好的視覺符號不但能提升品牌價值，同時也能傳遞一種價值觀。

02 好產(chǎn)品的基因

品牌基因的維度太寬泛了，今天聊下視覺的部分。

眼睛接收到圖像區(qū)分出視覺語言的信息和非視覺語言的信息。視覺語言比較好理解就是看到的畫面，非視覺語言更多的是看到畫面后的思維活動。

比如，我們看到可口可樂的logo就會想到炎熱夏天喝口冰可樂來解渴；多次的呈現(xiàn)像視覺的錘子一樣將品牌符號打進(jìn)用戶的內(nèi)心。

03 只有l(wèi)ogo就夠了么？

提到視覺錘，很多人第一個想到的就是logo，因?yàn)榭梢缘谝谎郾豢吹胶陀涀。侵挥衛(wèi)ogo就夠了么？

舉幾個例子：

現(xiàn)在看共享單車，黃色的大家肯定知道是美團(tuán)的，青綠色的一定是滴滴的。

再有大街上跑的汽車一眼就能看出甲殼蟲和minicooper。

再比如天貓的剪影……

這些都是沒有l(wèi)ogo的場景，但是為什么還是能做到一眼辨別呢？

再比如muji的海報(bào)，嘗試下遮蓋品牌還是能知道這個是無印良品，十分的日系。

04 如何找到自己的視覺錘/品牌符號

1. 步驟

• 確定品牌的內(nèi)核（核心價值，用戶群體、屬性）
• 定義品牌價值和品牌的獨(dú)特性格
• 尋找適合自己產(chǎn)品屬性的視覺風(fēng)格
• 衍生出一系列的視覺符號
• 讓符號產(chǎn)生互動連接

2. 方法

使用的方法可以分為兩種元素提取法和品牌故事提取法。（用重復(fù)的元素和結(jié)構(gòu)不斷地向用戶灌輸同一個思想，培養(yǎng)用戶認(rèn)知，用感同身受的故事感染用戶傳達(dá)品牌價值。）

元素提取法：

元素可以拆分為形狀、色彩、文字、質(zhì)感、結(jié)構(gòu)。把logo、輔助圖形、顏色、特殊的文字拿出來定義產(chǎn)品調(diào)性。

比如最近窩在家里用的最多的盒馬。從桌面icon-頁面-動效果都用了元素提取的方法。

統(tǒng)一的藍(lán)色貫穿始終，盒馬的ip形象，以及下拉加載和個人中心頁面的輔助圖形等等。

元素提取更加的像基本法則，如果讓產(chǎn)品更加有靈魂，還需要故事提取法來加持。

品牌故事提取法：

大家都喜歡聽故事，有故事的產(chǎn)品在使用的過程中更容易產(chǎn)生親近感。

比如轉(zhuǎn)轉(zhuǎn)，整體的品牌升級就是一個很美好的故事：

講述了一個二手物品流轉(zhuǎn)的世界，在沒有轉(zhuǎn)轉(zhuǎn)的世界里，大家都是沒有交集的，所以會感覺很冰冷，大家都在尋找自己的自身價值。

有了轉(zhuǎn)轉(zhuǎn)熊來轉(zhuǎn)動發(fā)條，世界開始流轉(zhuǎn)，大家都尋找到了自我，掌控了生活，開始享受生活。特別暖心，讓產(chǎn)品有了靈魂。

通過故事來尋找一些相關(guān)元素，比如轉(zhuǎn)動發(fā)條的動作，IP家族的構(gòu)建，孟菲斯風(fēng)格的界面，復(fù)古的海報(bào)、甚至到公眾號的取名、將品牌立體的呈現(xiàn)給用戶。

05 在哪里用

上邊已經(jīng)講了很多品牌元素作為視覺錘來影響用戶的地方了，下邊就說下產(chǎn)品中用的比較多的地方以及自己在梳理過程中的一些方法。

在接觸一款產(chǎn)品之前習(xí)慣把自己當(dāng)小白用戶，從第一次接觸到產(chǎn)品到完成使用的全部過程先梳理一下做成腦圖，哪些是緊急重要的，哪些是緊急不重要的先劃分出來。

能夠用到的地方基本上就是如下的幾個方向：

1. 色彩

顏色的刺激直接影響人的情緒——微信的綠色，支付寶的藍(lán)色，美團(tuán)的黃色，滴滴的橙色，網(wǎng)易的紅色等等。

比如之前云音樂頭部是紅色的，進(jìn)行了改版后整體頁面清爽了很多，但是依舊在金剛區(qū)使用了網(wǎng)易的紅色。包括他們在使用線下的一些活動，線上的h5推廣都會優(yōu)先選擇自己的品牌色。

雖然ofo的退款體驗(yàn)很差，但是他們的視覺錘做的還是挺好的，之前ofo的小黃人和厲害了我的國的推廣，無論是從logo-app-月卡的封面-宣傳圖-車體的變更都在不斷放大品牌色和車輪形狀的圓環(huán)（ofo）。

never的綠色使用的特別精彩，除了logo、線段，數(shù)字的標(biāo)記，icon，連按鈕都使用了這個綠色，品牌色貫穿了集團(tuán)所有的產(chǎn)品，感興趣的同學(xué)可以下載相關(guān)的產(chǎn)品看看。

2. 排版（字體/布局）

看多了注重屏效比的軟件，覺得所有產(chǎn)品千篇一律。通過布局和字體也能體會到產(chǎn)品傳達(dá)給用戶的信息，告訴用戶“我”是什么樣的。

島讀在排版上沒有延續(xù)常規(guī)的信息排布，標(biāo)題豎排列，大面積的留白，字體也選用文藝屬性的襯線體，就像一個文藝的女孩子在向大家講故事。

下邊這款音樂軟件排版風(fēng)格就更加強(qiáng)烈，無論從字體的強(qiáng)對比，還是顏色的搭配，都要更加炫酷一些。（網(wǎng)上沒有找到桌面icon，所以圖有點(diǎn)虛）

4. 圖形（輔助圖形/icon）

圖形的設(shè)計(jì)在頁面中的發(fā)揮空間很大，這也是很多設(shè)計(jì)師都喜歡做icon的原因之一。馬蜂窩logo下邊有一條微笑曲線，他們將這條曲線用在了產(chǎn)品的方方面面，比如導(dǎo)航切換的時和底部的icon設(shè)計(jì)上都有使用。

5. 空白狀態(tài)（空頁面/缺省圖）

空白狀態(tài)包括了空頁面還有一些圖片的缺省狀態(tài)，一般是在網(wǎng)絡(luò)異常或者沒有傳輸圖片的情況下才會出現(xiàn)，好的空白頁面不但能緩解焦慮情緒，也是宣傳品牌的好時候。

有ip的大多會選擇IP融入，沒有IP的會選擇特有的圖形或者某一個能強(qiáng)化用戶心智的點(diǎn)來進(jìn)行設(shè)計(jì)。

躺平的空白頁面使用的自己logo的形象，文字描述也很慵懶，很好的傳達(dá)除了品牌的氣質(zhì)，符合這個氣質(zhì)的人就會成為重度用戶。

6. 動效

動態(tài)圖比靜態(tài)圖的情感傳達(dá)更加強(qiáng)烈，在網(wǎng)絡(luò)加載速度越來越快的今天，動態(tài)的使用場景也越來越多，常見的加載，下拉刷新，頭像甚至空白頁，都會加入一些好玩的動態(tài)效果，動態(tài)圖的張力更大，動效的選擇也多種多樣，有的使用IP形象進(jìn)行在設(shè)計(jì)的，也有l(wèi)ogo進(jìn)行變形的，還有一些基本圖形的或者顏色變化（比如抖音和優(yōu)酷的加載）。

雖然動效很好玩，代入感也更強(qiáng)，但是使用的時候要控制度，盡量不要讓過多的動效打擾用戶，舍本逐末。

7. IP

我們似乎進(jìn)入了一個高度萌化的時代，從動漫，盲盒的大賣，到line friends門店爆棚，ACGN的興起，讓越來越多的品牌通過暖萌的形象來傳遞品牌價值，讓品牌更加有溫度（后期會專門寫一期品牌IP如何設(shè)計(jì)）。幾乎每個產(chǎn)品都有自己的專屬IP形象，而且家族的情況也越來越常見，提供了人們多元化的選擇。

8. 圖片（商品圖片/宣發(fā)圖）

圖片包含的很多，比如App store上的下載圖，開屏圖片，還有特殊節(jié)日的海報(bào)等等也會延續(xù)品牌的基因。很多開屏是和自己的logo結(jié)合，或者用自己的IP來做代言人，亦或者是選擇一套專屬的顏色定制的素材。QQ音樂在特殊節(jié)日的開屏使用的logo變形。

是不是有一種終于看完的感覺，其實(shí)還有很多想說的，但是看了下篇幅太長了，感謝大家能看完。

圖片來源于網(wǎng)絡(luò)

作者：張咩咩；公眾號：咩咩設(shè)計(jì)筆記

本文由 @張咩咩? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議