想成為設計總監？先學會如何樹立品牌意識

 

 

　　編者按：許多同學在娴熟地掌握了Photoshop、Illustrator、Indesign等設計工具後，仍然無法觸碰大公司的橄榄枝。原因很多，但其中有一點需要單獨挑出來說說——很多設計師都沒考慮過的品牌意識。今天前網易UED主管@劉津legene 親自上陣，教你在設計裡樹立品牌意識。

 

 

　　為什麼要單獨談談品牌呢?這是源於一件讓我印象非常深刻的事情：有一個大公司的設計師，在公司官方博客上發表了一篇有關iPhone的文章，由於他在文章中把“iPhone”拼成了“iphone”，遭到了一個讀者憤怒的指責。這名讀者激動的斥責作者以及他所在的公司，是多麼多麼的不專業。

　　這件事讓我很愧疚，因為如果當時讓我去拼，我也一定會拼錯。從這件事情裡，我總結出了三點：

　　蘋果的品牌做的非常好

　　我們作為大公司的設計師，也許並沒有別人想象中專業

　　只有懂得尊重品牌，別人才會尊重你的品牌。

　　品牌有什麼作用呢?我個人認為：好的品牌可以成為一種信仰：對內凝聚員工;對外樹立形象 。

　　圖1 品牌的作用

　　品牌怎樣凝聚員工?

　　好的品牌會吸引專業人士加盟、會提高員工的忠誠度;

　　品牌怎樣樹立形象?

　　好的品牌讓用戶更容易信任、給用戶帶來更大的附加價值(為什麼很多人喜歡買名牌包?其實更重要的是擁有這個品牌給自己帶來的滿足感)。因此作為一個專業的設計師，一定要具備品牌意識。

　　品牌管理其實是個復雜的工程。logo、slogan、用戶體驗、名譽等等等等，都和品牌有關。那麼到底該由誰來負責對品牌的維護呢?市場部?公關部?技術部?設計部?……貌似推到哪個部門都有道理。或者專門成立一個部門?也不太現實。其實塑造、維護品牌靠的是所有人的努力，更是自覺。對於我們設計師來說，我們確實不是專門做品牌的。但我們可以通過做好本職工作，為品牌建設添磚加瓦，這也是設計師專業度的體現。

　　怎樣才算是做好本職工作?很多設計師都希望自己的作品獨樹一幟，精美絕倫。但作為產品設計中的一員，有時候正確的表達比美觀的設計更重要。前面我們提到過：用戶體驗設計的目標其實就是要解決用戶需求、減少用戶理解和操作的成本、給用戶留下美好而深刻的印象。

　　解決用戶需求是第一位的、也是最基本的要求，達到這個程度可以算是“合格”;讓產品更易用、減少理解和操作成本，這是更進一步的要求，達到這個程度可算是“專業”;讓產品深深的吸引用戶，給用戶留下美好而深刻的印象，達到這個程度可謂“出色”。我們在第五、第六章已經詳細闡述了具體的設計方法。做好這些，其實就已經是為品牌建設貢獻了一份力量。

　　在這一章節，我還想再介紹一些實用的原則，它們對提升品牌形象有著更直接的作用：

　　圖2 提升品牌形象的一些設計規則

　　保證關聯性

　　首先，你要保證你設計的東西是和產品相關的，做不到這點就不算一個合格的作品。這看起來很簡單，但做起來並不容易。因為設計師必須真正的了解產品定位：產品功能、目標群體、產品特色。否則就有可能設計出外表華麗，但卻和產品方向相差甚遠的作品。所以，要正確的理解產品。

　　拿iPhone應用的圖標來舉例子。icon要體現這個產品的名稱、功能或者特色(目標群體間接體現了功能或特色)，千萬別弄個“三不沾”。

　　圖3 一些優秀的移動應用圖標

　　借鑒產品在Web端(Facebook)、實體店(星巴克)的圖標、描述產品名稱(每日壁紙雜志);通過圖片描述產品性質(天氣預報、電池管家、計算器);借鑒應用界面的樣式和材質(Cellar)……這些方法，均可提高產品的識別度及用戶的忠誠度。

　　再來看看下面兩個移動應用圖標，它們有什麼問題呢?

　　圖4 京東和丁丁優惠券的圖標(2011年)

　　每次點擊京東的圖標，我都會不由自主的想到淘寶(和京東Web端的風格不太像，和淘寶客戶端的圖標倒是很像，現已更改)……至於第二個圖標，你能猜出來這個應用是做什麼的嗎?

　　力求一致性

　　與產品內容相關聯只是最基礎的一步，是每個合格的設計師都應該做到的，要想成為專業的設計師，光有這點還不夠。就像我前面提到的，還要注重對基本規則的學習和研究，融會貫通，使設計出來的作品不僅正確，並且有很好的易用性，間接提升品牌形象。

　　應用內一致：

　　我們接觸一款產品，就好像接觸一個人，他的外觀、衣著、談吐、性格都會影響我們對他的印象和判斷。一個相貌堂堂、衣著得體、談吐優雅、表裡一致、溫文爾雅的人一定會給我們留下深刻的印象，對其產生好感，願意與他成為朋友，甚至莫逆之交;相反，;一個外形邋遢、毫無品味、表裡不一的人只會讓我們敬而遠之。

　　初次見面三部曲

　　圖5 風格一致的icon、啟動畫面和首頁

　　中國人常說：一而再，再而三;事不過三;一鼓作氣，再而衰，三而竭……可見“三”這個數字對於人的記憶、認知、影響起到重要的作用。初次見面，憑借這三輪轟炸，想不記住這個應用都難啊。“Etsy”的一致性給我留下深刻的印象。

　　來看一個反例：

　　圖6 風格不一致的圖標、啟動畫面和首頁

　　該例中圖標、啟動畫面、首頁的風格都不一致。圖標中的“100”和啟動畫面中的“100”顏色不同，背景也不同。你可能會使用這樣的應用，但它未必會給你留下很深的印象。所以，設計師在設計這三個部分時，一定要放在一起對比一下。

　　衣著品味

　　我們都知道，西裝不能配球鞋穿。應用的界面也是一樣，不僅內外要協調，上下也要搭配呼應，至少要看起來協調。

　　圖7 配色協調的界面

　　另外，配色要盡量統一。我們常聽人說，身上的服裝顏色不要超過三種。界面也是一樣，太過花哨的界面讓人找不到重點，更難以記住你的品牌。比如下面這個應用，以黑白為主色調，需要強調的部分用橙黃色突出。底部標簽欄上有一個橙色的窄條，與上面很好的呼應。

　　圖8 配色簡練、識別度高的界面

　　表裡如一

　　為了避免用戶在理解上發生歧義，因此同樣性質的元素應該表裡如一;不同性質的元素應該盡量避免樣式相近。

　　比如花田圖標上的這個小元素，有的時候