為什么要談品牌？

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

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

品牌的作用

作為一個普通的設(shè)計師，我對品牌的理解可能還很粗淺。我個人認(rèn)為：好的品牌可以成為一種信仰：對內(nèi)凝聚員工；對外樹立形象

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

為什么設(shè)計師要有品牌意識？

品牌管理其實是個復(fù)雜的工程。logo、slogan、用戶體驗、名譽(yù)等等等等，都和品牌有關(guān)。那么到底該由誰來負(fù)責(zé)對品牌的維護(hù)呢？市場部？公關(guān)部？技術(shù)部？設(shè)計部？……貌似推到哪個部門都有道理。或者專門成立一個部門？也不太現(xiàn)實。

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

設(shè)計師該如何做？

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

1、保證關(guān)聯(lián)性

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

拿 iPhone 應(yīng)用的 logo 來舉例子。logo 要體現(xiàn)這個產(chǎn)品的名稱或者功能或者特色（目標(biāo)群體間接體現(xiàn)了功能或特色），千萬別弄個“三不沾”。

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

接下來舉兩個反例（純屬個人見解）：

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

2、力求一致性

與產(chǎn)品內(nèi)容相關(guān)聯(lián)只是最基礎(chǔ)的一步，是每個合格的設(shè)計師都應(yīng)該做到的，要想成為專業(yè)的設(shè)計師，光有這點還不夠。就像我前面提到的，還要注重對基本規(guī)則的學(xué)習(xí)和研究，融會貫通，使設(shè)計出來的作品不僅正確，并且有很好的易用性，間接提升品牌形象。

a 應(yīng)用內(nèi)一致

a_1 初次見面三部曲

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

來看一個反例：

logo 和啟動畫面風(fēng)格完全不一致。并且，“折”和“掌上優(yōu)惠”，哪個才是它的主標(biāo)識？你可能會使用這樣的應(yīng)用，但它未必會給你留下很深的印象。所以，設(shè)計師在設(shè)計這三個部分時，一定要放在一起對比一下。

a_2 衣著品味

我們都知道，西裝不能配球鞋穿。應(yīng)用的界面也是一樣，不僅內(nèi)外要協(xié)調(diào)，上下也要搭配呼應(yīng)。常見的標(biāo)準(zhǔn)樣式一般有兩種：自定義導(dǎo)航樣式+黑色標(biāo)簽欄；自定義導(dǎo)航樣式+自定義標(biāo)簽欄樣式（上下要呼應(yīng)）

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

控件要盡量保持一致。一個應(yīng)用會有若干個界面，每個界面又會有若干控件。讓這么多的內(nèi)容保持一致的風(fēng)格并不容易，它們可以讓讓你的應(yīng)用顯得更專業(yè)，更有檔次。

舉個例子：對于一般的應(yīng)用來說，導(dǎo)航欄左右的按鈕樣式、風(fēng)格、尺寸要盡量保持一致（這個不是絕對的，但是這么做肯定沒錯）。

為了降低風(fēng)險，在不是很有把握的情況下，盡量使用 iPhone 標(biāo)準(zhǔn)控件。另外當(dāng)視覺稿完成后，把所有控件統(tǒng)一集中在一個頁面上，來查看風(fēng)格是否統(tǒng)一，這樣也有利于日后形成界面規(guī)范。

a_3 表里如一

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

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

a_4 親密接觸

在不同的頁面，針對同一性質(zhì)的操作，應(yīng)保持一致性。比如下面這兩個應(yīng)用在功能上非常的接近。由于列表頁上的細(xì)微差別（上面的需要在下一級頁面執(zhí)行收藏操作；下面的可以在當(dāng)前列表頁執(zhí)行收藏操作），導(dǎo)致兩者在收藏頁面的交互形式有較大的區(qū)別。當(dāng)然，下面的應(yīng)用可采用和上面的同樣的刪除形式，但卻不如現(xiàn)在的方式直觀。

b 平臺內(nèi)一致

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

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

c 平臺間一致

如果你的產(chǎn)品不止有 iPhone 版，還有 Android 版，iPad 版，Web 版等。那么應(yīng)該保證這些平臺間的風(fēng)格是一致的。這樣更容易樹立統(tǒng)一的品牌形象。

網(wǎng)易公開課的口碑不錯，但有一點有些遺憾：Web 版和客戶端風(fēng)格不統(tǒng)一。這點新浪反而做的不錯，體現(xiàn)出大公司的風(fēng)范。

3、追求獨(dú)特性

你真的會認(rèn)真的理解產(chǎn)品，通過設(shè)計貼切的表達(dá)你的產(chǎn)品嗎？你真的熟悉了 iPhone 的界面規(guī)則？在設(shè)計方面已游刃有余？易用性對你來說已不在話下？……好吧，如果你能保證做到這些，那么恭喜你，你有機(jī)會去追求創(chuàng)新，成為一個出色的設(shè)計師了。

a 個性的標(biāo)志

logo 對一個產(chǎn)品的重要性不用多說。logo 應(yīng)該是美的、和諧的；如前面所說，logo 需要正確的表達(dá)你的產(chǎn)品理念，或你的產(chǎn)品名稱；當(dāng)然也可以是你的產(chǎn)品功能和特色。然而對一個優(yōu)秀的 logo 來說，這些還不夠。logo 還應(yīng)該是獨(dú)樹一幟，鶴立雞群的，讓你區(qū)別于、甚至高于你的競爭者。

微博類的產(chǎn)品這方面做的不錯，即使不配文字，也很容易區(qū)分。但是閱讀類的就有些問題了。你能一眼區(qū)分出來這些 logo 分別代表哪些應(yīng)用嗎？

b 獨(dú)特的風(fēng)格

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

c 亮眼的細(xì)節(jié)

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

最后，品牌宣傳無處不在

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

總結(jié)：

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

it知識庫：設(shè)計師的品牌意識，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。