設計師的品牌意識

作者: legene  發布時間: 2011-12-30 16:41  閱讀: 4065 次  推薦: 8   原文鏈接   [收藏]  

為什么要談品牌?

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

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

品牌的作用

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

clip_image001

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

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

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

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

設計師該如何做?

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

clip_image003

1、保證關聯性

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

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

clip_image005

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

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

clip_image007

clip_image009

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

2、力求一致性

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

a 應用內一致

a_1 初次見面三部曲

clip_image011

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

來看一個反例:

clip_image013

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

a_2 衣著品味

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

clip_image015

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

clip_image017

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

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

clip_image019

為了降低風險,在不是很有把握的情況下,盡量使用 iPhone 標準控件。另外當視覺稿完成后,把所有控件統一集中在一個頁面上,來查看風格是否統一,這樣也有利于日后形成界面規范。

clip_image021

a_3 表里如一

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

clip_image023

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

clip_image025

a_4 親密接觸

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

clip_image027

clip_image029

b 平臺內一致

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

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

clip_image031

c 平臺間一致

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

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

clip_image033

clip_image035

3、追求獨特性

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

a 個性的標志

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

clip_image037

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

clip_image039

b 獨特的風格

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

clip_image041

c 亮眼的細節

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

clip_image043

最后,品牌宣傳無處不在

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

clip_image045

總結:

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

8
0
 
標簽:設計師
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()