設計師的品牌意識

發表於2011-12-30

來源:劉津

為什麼要談品牌?

這是源於一件讓我印象非常深刻的事情:有一個大公司的設計師,在公司官方部落格上發表了一篇有關iPhone的文章,由於他在文章中把“iPhone”拼成了“iphone”,遭到了一個讀者憤怒的指責。這名讀者激動地斥責作者以及他所在的公司,是多麼多麼的不專業。

這件事讓我很愧疚,因為如果當時讓我去拼,我也一定會拼錯。從這件事情裡,我總結出了三點:1.蘋果的品牌做的非常好 2.我們作為大公司的設計師,也許並沒有別人想象中專業 3.只有懂得尊重品牌,別人才會尊重你的品牌

品牌的作用

作為一個普通的設計師,我對品牌的理解可能還很粗淺。我個人認為:好的品牌可以成為一種信仰:對內凝聚員工;對外樹立形象

設計師的品牌意識

品牌怎樣凝聚員工?好的品牌會吸引專業人士加盟,好的品牌會提高員工的忠誠度;品牌怎樣樹立形象?好的品牌讓使用者更容易信任,好的品牌給使用者帶來更大的附加價值(為什麼很多人喜歡買名牌包?其實更重要的是擁有這個品牌給自己帶來的滿足感)。

為什麼設計師要有品牌意識?

品牌管理其實是個複雜的工程。logo、slogan、使用者體驗、名譽等等等等,都和品牌有關。那麼到底該由誰來負責對品牌的維護呢?市場部?公關部?技術部?設計部?……貌似推到哪個部門都有道理。或者專門成立一個部門?也不太現實。

其實塑造、維護品牌靠的是所有人的努力,更是自覺。對於我們設計師來說,我們確實不是專門做品牌的。但我們可以通過做好本職工作,為品牌建設添磚加瓦。是什麼讓你與別人不同?就是每一個細小的閃光點。

設計師該如何做?

很多設計師都希望自己的作品獨樹一幟,精美絕倫。但作為產品設計中的一員,有時候正確的表達比美觀的設計更重要。《觸動人心——設計優秀的iPhone應用》中說到:創意的真諦,是在保證可用的情況下,尋求更好的表達方式。優秀的設計遵循規則,而又不會被規則所束縛。以下就是我近期總結出來的提升品牌形象的一些設計規則:

設計師的品牌意識

 

1、保證關聯性

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

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

設計師的品牌意識

借鑑產品在Web版(Facebook)、實體店(星巴克)的logo、通過圖片描述產品名稱(地窖鼠);直接把功能(不太容易用圖片表現出來的)寫出來(布丁優惠券)、通過圖片描述產品性質(手電筒、可愛MM記事本);借鑑應用介面的樣式和材質(Cellar)……這些方法,均可提高產品的識別度及使用者的忠誠度。

接下來舉兩個反例(純屬個人見解):

   設計師的品牌意識
設計師的品牌意識

每次點選京東的logo,我都會不由自主的想到淘寶(和京東Web版的風格不太像,和淘寶的倒是很像)……至於第二個logo,你能猜出來這個應用是做什麼的嗎?

2、力求一致性

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

a 應用內一致

a_1 初次見面三部曲

設計師的品牌意識

 

中國人常說:一而再,再而三;事不過三;一鼓作氣,再而衰,三而竭……可見“三”這個數字對於人的記憶、認知、影響起到重要的作用。初次見面,憑藉這三輪轟炸,想不記住這個應用都難啊。“USA TODAY”給我留下深刻的印象,騰訊的產品在這方面做的也不錯。

來看一個反例:

設計師的品牌意識

 

logo和啟動畫面風格完全不一致。並且,“折”和“掌上優惠”,哪個才是它的主標識?你可能會使用這樣的應用,但它未必會給你留下很深的印象。所以,設計師在設計這三個部分時,一定要放在一起對比一下

a_2 衣著品味

我們都知道,西裝不能配球鞋穿。應用的介面也是一樣,不僅內外要協調,上下也要搭配呼應。常見的標準樣式一般有兩種:自定義導航樣式+黑色標籤欄;自定義導航樣式+自定義標籤欄樣式(上下要呼應)

設計師的品牌意識

 

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

 

設計師的品牌意識

 

控制元件要儘量保持一致。一個應用會有若干個介面,每個介面又會有若干控制元件。讓這麼多的內容保持一致的風格並不容易,它們可以讓讓你的應用顯得更專業,更有檔次。

舉個例子:對於一般的應用來說,導航欄左右的按鈕樣式、風格、尺寸要儘量保持一致(這個不是絕對的,但是這麼做肯定沒錯)。

設計師的品牌意識

 

為了降低風險,在不是很有把握的情況下,儘量使用iPhone標準控制元件。另外當視覺稿完成後,把所有控制元件統一集中在一個頁面上,來檢視風格是否統一,這樣也有利於日後形成介面規範。

 

設計師的品牌意識

 

a_3 表裡如一 

同樣性質的東西表裡必須如一;不同性質的東西表裡必須不一。左邊的“網易閱讀”,首頁的logo樣式和實際的logo是一致的;右邊的“網易樂得惠”,首頁的logo樣式和實際的logo不一致(少了外沿部分)。

 

設計師的品牌意識

 

首頁的logo樣式(不可點)和其他頁面的“返回”按鈕(可點)做成了同樣的樣式,使使用者極容易誤操作(以為首頁的logo可點)。

設計師的品牌意識

a_4 親密接觸

在不同的頁面,針對同一性質的操作,應保持一致性。比如下面這兩個應用在功能上非常的接近。由於列表頁上的細微差別(上面的需要在下一級頁面執行收藏操作;下面的可以在當前列表頁執行收藏操作),導致兩者在收藏頁面的互動形式有較大的區別。當然,下面的應用可採用和上面的同樣的刪除形式,但卻不如現在的方式直觀。

設計師的品牌意識

設計師的品牌意識

b 平臺內一致

應用內部要保持一致,同時還要和該平臺上其他產品的通用規則儘量保持一致。因為使用者不是隻用你的應用,他會下載、使用很多很多的應用。所以請儘量遵循iPhone介面的規範,同時考慮大家的使用習慣。很多設計師鄙視使用iPhone自帶的圖示、控制元件和樣式等,認為這樣的話就不需要設計師了。其實創新的設計永遠是受歡迎的,只是不要挑戰基本規則。建議每一個參與iPhone應用設計的人,都好好讀一下iPhone的人機介面指南,研究iPhone的原生應用,在熟悉規則的基礎上創新。

下面這兩個例子,左邊的介面明顯更有設計感,但你覺得比右邊的更好用嗎?

設計師的品牌意識

c 平臺間一致

如果你的產品不止有iPhone版,還有Android版,iPad版,Web版等。那麼應該保證這些平臺間的風格是一致的。這樣更容易樹立統一的品牌形象。

網易公開課的口碑不錯,但有一點有些遺憾:Web版和客戶端風格不統一。這點新浪反而做的不錯,體現出大公司的風範。

設計師的品牌意識

設計師的品牌意識

 

3、追求獨特性

你真的會認真的理解產品,通過設計貼切的表達你的產品嗎?你真的熟悉了iPhone的介面規則?在設計方面已遊刃有餘?易用性對你來說已不在話下?……好吧,如果你能保證做到這些,那麼恭喜你,你有機會去追求創新,成為一個出色的設計師了。

a 個性的標誌

logo對一個產品的重要性不用多說。logo應該是美的、和諧的;如前面所說,logo需要正確的表達你的產品理念,或你的產品名稱;當然也可以是你的產品功能和特色。然而對一個優秀的logo來說,這些還不夠。logo還應該是獨樹一幟,鶴立雞群的,讓你區別於、甚至高於你的競爭者。

設計師的品牌意識

微博類的產品這方面做的不錯,即使不配文字,也很容易區分。但是閱讀類的就有些問題了。你能一眼區分出來這些logo分別代表哪些應用嗎?

設計師的品牌意識

b 獨特的風格

有些應用確實是不按牌理出牌的,它們不完全遵循iPhone的基本樣式,但照樣有模有樣。這些應用也成為一些設計師“創新”的藉口。其實絕大多數的易用性問題都是源於不專業的“創新”。而專業的創新一定是在真正領悟了使用者體驗、介面設計原則的基礎上所做的令人眼前一亮的改變。

設計師的品牌意識

c 亮眼的細節

最近讓我印象比較深刻的是“去哪兒”應用,因為裡面有一個小細節我很喜歡。點選首頁的欄目時,上面會相應的顯示一個手印,這種感覺很接近真實生活。當然,iPhone應用中細節出眾的實在是太多了,這裡限於篇幅,就不一一列舉了。大家有心的話會發現很多有意思的地方。

設計師的品牌意識

最後,品牌宣傳無處不在

頁面載入時,不要白白的浪費時間和空間哦(如左圖),利用這個機會宣傳你的品牌吧(如右圖)。這樣不但不會讓使用者感到反感,還會讓他覺得載入時間變短了呢(基本已成為一種常規的做法)。

 設計師的品牌意識

總結:

只要有心,我們每個人都會成為出色的設計師。既是在設計一個偉大的作品,也是在設計一個偉大的品牌。

相關文章