設(shè)計(jì)師的品牌意識(shí)
為什么要談品牌?
這是源于一件讓我印象非常深刻的事情:有一個(gè)大公司的設(shè)計(jì)師,在公司官方博客上發(fā)表了一篇有關(guān)iPhone的文章,由于他在文章中把“iPhone”拼成了“iphone”,遭到了一個(gè)讀者憤怒的指責(zé)。這名讀者激動(dòng)的斥責(zé)作者以及他所在的公司,是多么多么的不專業(yè)。
這件事讓我很愧疚,因?yàn)槿绻?dāng)時(shí)讓我去拼,我也一定會(huì)拼錯(cuò)。從這件事情里,我總結(jié)出了三點(diǎn):1.蘋果的品牌做的非常好 2.我們作為大公司的設(shè)計(jì)師,也許并沒有別人想象中專業(yè) 3.只有懂得尊重品牌,別人才會(huì)尊重你的品牌
品牌的作用
作為一個(gè)普通的設(shè)計(jì)師,我對(duì)品牌的理解可能還很粗淺。我個(gè)人認(rèn)為:好的品牌可以成為一種信仰:對(duì)內(nèi)凝聚員工;對(duì)外樹立形象
品牌怎樣凝聚員工?好的品牌會(huì)吸引專業(yè)人士加盟,好的品牌會(huì)提高員工的忠誠度;品牌怎樣樹立形象?好的品牌讓用戶更容易信任,好的品牌給用戶帶來更大的附加價(jià)值(為什么很多人喜歡買名牌包?其實(shí)更重要的是擁有這個(gè)品牌給自己帶來的滿足感)。
為什么設(shè)計(jì)師要有品牌意識(shí)?
品牌管理其實(shí)是個(gè)復(fù)雜的工程。logo、slogan、用戶體驗(yàn)、名譽(yù)等等等等,都和品牌有關(guān)。那么到底該由誰來負(fù)責(zé)對(duì)品牌的維護(hù)呢?市場部?公關(guān)部?技術(shù)部?設(shè)計(jì)部?……貌似推到哪個(gè)部門都有道理?;蛘邔iT成立一個(gè)部門?也不太現(xiàn)實(shí)。
其實(shí)塑造、維護(hù)品牌靠的是所有人的努力,更是自覺。對(duì)于我們設(shè)計(jì)師來說,我們確實(shí)不是專門做品牌的。但我們可以通過做好本職工作,為品牌建設(shè)添磚加瓦。是什么讓你與別人不同?就是每一個(gè)細(xì)小的閃光點(diǎn)。
設(shè)計(jì)師該如何做?
很多設(shè)計(jì)師都希望自己的作品獨(dú)樹一幟,精美絕倫。但作為產(chǎn)品設(shè)計(jì)中的一員,有時(shí)候正確的表達(dá)比美觀的設(shè)計(jì)更重要?!队|動(dòng)人心——設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用》中說到:創(chuàng)意的真諦,是在保證可用的情況下,尋求更好的表達(dá)方式。優(yōu)秀的設(shè)計(jì)遵循規(guī)則,而又不會(huì)被規(guī)則所束縛。以下就是我近期總結(jié)出來的提升品牌形象的一些設(shè)計(jì)規(guī)則:
1、保證關(guān)聯(lián)性
首先,你要保證你設(shè)計(jì)的東西是和產(chǎn)品相關(guān)的,做不到這點(diǎn)就不算一個(gè)合格的作品。這看起來很簡單,但做起來并不容易。因?yàn)樵O(shè)計(jì)師未必能真正的了解產(chǎn)品定義:產(chǎn)品功能、目標(biāo)群體、產(chǎn)品特色。這樣就有可能設(shè)計(jì)出外表華麗,但卻和產(chǎn)品方向相差甚遠(yuǎn)的作品。所以,要正確的理解產(chǎn)品。
拿iPhone應(yīng)用的logo來舉例子。logo要體現(xiàn)這個(gè)產(chǎn)品的名稱或者功能或者特色(目標(biāo)群體間接體現(xiàn)了功能或特色),千萬別弄個(gè)“三不沾”。
借鑒產(chǎn)品在Web版(Facebook)、實(shí)體店(星巴克)的logo、通過圖片描述產(chǎn)品名稱(地窖鼠);直接把功能(不太容易用圖片表現(xiàn)出來的)寫出來(布丁優(yōu)惠券)、通過圖片描述產(chǎn)品性質(zhì)(手電筒、可愛MM記事本);借鑒應(yīng)用界面的樣式和材質(zhì)(Cellar)……這些方法,均可提高產(chǎn)品的識(shí)別度及用戶的忠誠度。
接下來舉兩個(gè)反例(純屬個(gè)人見解):
每次點(diǎn)擊京東的logo,我都會(huì)不由自主的想到淘寶(和京東Web版的風(fēng)格不太像,和淘寶的倒是很像)……至于第二個(gè)logo,你能猜出來這個(gè)應(yīng)用是做什么的嗎?
2、力求一致性
與產(chǎn)品內(nèi)容相關(guān)聯(lián)只是最基礎(chǔ)的一步,是每個(gè)合格的設(shè)計(jì)師都應(yīng)該做到的,要想成為專業(yè)的設(shè)計(jì)師,光有這點(diǎn)還不夠。就像我前面提到的,還要注重對(duì)基本規(guī)則的學(xué)習(xí)和研究,融會(huì)貫通,使設(shè)計(jì)出來的作品不僅正確,并且有很好的易用性,間接提升品牌形象。
a 應(yīng)用內(nèi)一致
a_1 初次見面三部曲
中國人常說:一而再,再而三;事不過三;一鼓作氣,再而衰,三而竭……可見“三”這個(gè)數(shù)字對(duì)于人的記憶、認(rèn)知、影響起到重要的作用。初次見面,憑借這三輪轟炸,想不記住這個(gè)應(yīng)用都難啊?!癠SA TODAY”給我留下深刻的印象,騰訊的產(chǎn)品在這方面做的也不錯(cuò)。
來看一個(gè)反例:
logo和啟動(dòng)畫面風(fēng)格完全不一致。并且,“折”和“掌上優(yōu)惠”,哪個(gè)才是它的主標(biāo)識(shí)?你可能會(huì)使用這樣的應(yīng)用,但它未必會(huì)給你留下很深的印象。所以,設(shè)計(jì)師在設(shè)計(jì)這三個(gè)部分時(shí),一定要放在一起對(duì)比一下。
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)一。我們常聽人說,身上的服裝顏色不要超過三種。界面也是一樣,太過花哨的界面讓人找不到重點(diǎn),更記不住你的品牌。比如下面這個(gè)應(yīng)用,以黑白為主色調(diào),需要強(qiáng)調(diào)的部分用橙色突出。底部標(biāo)簽欄上有一個(gè)橙色的窄條,與上面呼應(yīng)。
控件要盡量保持一致。一個(gè)應(yīng)用會(huì)有若干個(gè)界面,每個(gè)界面又會(huì)有若干控件。讓這么多的內(nèi)容保持一致的風(fēng)格并不容易,它們可以讓讓你的應(yīng)用顯得更專業(yè),更有檔次。
舉個(gè)例子:對(duì)于一般的應(yīng)用來說,導(dǎo)航欄左右的按鈕樣式、風(fēng)格、尺寸要盡量保持一致(這個(gè)不是絕對(duì)的,但是這么做肯定沒錯(cuò))。
為了降低風(fēng)險(xiǎn),在不是很有把握的情況下,盡量使用iPhone標(biāo)準(zhǔn)控件。另外當(dāng)視覺稿完成后,把所有控件統(tǒng)一集中在一個(gè)頁面上,來查看風(fēng)格是否統(tǒng)一,這樣也有利于日后形成界面規(guī)范。
a_3 表里如一
同樣性質(zhì)的東西表里必須如一;不同性質(zhì)的東西表里必須不一。左邊的“網(wǎng)易閱讀”,首頁的logo樣式和實(shí)際的logo是一致的;右邊的“網(wǎng)易樂得惠”,首頁的logo樣式和實(shí)際的logo不一致(少了外沿部分)。
首頁的logo樣式(不可點(diǎn))和其他頁面的“返回”按鈕(可點(diǎn))做成了同樣的樣式,使用戶極容易誤操作(以為首頁的logo可點(diǎn))。
a_4 親密接觸
在不同的頁面,針對(duì)同一性質(zhì)的操作,應(yīng)保持一致性。比如下面這兩個(gè)應(yīng)用在功能上非常的接近。由于列表頁上的細(xì)微差別(上面的需要在下一級(jí)頁面執(zhí)行收藏操作;下面的可以在當(dāng)前列表頁執(zhí)行收藏操作),導(dǎo)致兩者在收藏頁面的交互形式有較大的區(qū)別。當(dāng)然,下面的應(yīng)用可采用和上面的同樣的刪除形式,但卻不如現(xiàn)在的方式直觀。
b 平臺(tái)內(nèi)一致
應(yīng)用內(nèi)部要保持一致,同時(shí)還要和該平臺(tái)上其他產(chǎn)品的通用規(guī)則盡量保持一致。因?yàn)橛脩舨皇侵挥媚愕膽?yīng)用,他會(huì)下載、使用很多很多的應(yīng)用。所以請盡量遵循iPhone界面的規(guī)范,同時(shí)考慮大家的使用習(xí)慣。很多設(shè)計(jì)師鄙視使用iPhone自帶的圖標(biāo)、控件和樣式等,認(rèn)為這樣的話就不需要設(shè)計(jì)師了。其實(shí)創(chuàng)新的設(shè)計(jì)永遠(yuǎn)是受歡迎的,只是不要挑戰(zhàn)基本規(guī)則。建議每一個(gè)參與iPhone應(yīng)用設(shè)計(jì)的人,都好好讀一下iPhone的人機(jī)界面指南,研究iPhone的原生應(yīng)用,在熟悉規(guī)則的基礎(chǔ)上創(chuàng)新。
下面這兩個(gè)例子,左邊的界面明顯更有設(shè)計(jì)感,但你覺得比右邊的更好用嗎?
c 平臺(tái)間一致
如果你的產(chǎn)品不止有iPhone版,還有Android版,iPad版,Web版等。那么應(yīng)該保證這些平臺(tái)間的風(fēng)格是一致的。這樣更容易樹立統(tǒng)一的品牌形象。
網(wǎng)易公開課的口碑不錯(cuò),但有一點(diǎn)有些遺憾:Web版和客戶端風(fēng)格不統(tǒng)一。這點(diǎn)新浪反而做的不錯(cuò),體現(xiàn)出大公司的風(fēng)范。
3、追求獨(dú)特性
你真的會(huì)認(rèn)真的理解產(chǎn)品,通過設(shè)計(jì)貼切的表達(dá)你的產(chǎn)品嗎?你真的熟悉了iPhone的界面規(guī)則?在設(shè)計(jì)方面已游刃有余?易用性對(duì)你來說已不在話下?……好吧,如果你能保證做到這些,那么恭喜你,你有機(jī)會(huì)去追求創(chuàng)新,成為一個(gè)出色的設(shè)計(jì)師了。
a 個(gè)性的標(biāo)志
logo對(duì)一個(gè)產(chǎn)品的重要性不用多說。logo應(yīng)該是美的、和諧的;如前面所說,logo需要正確的表達(dá)你的產(chǎn)品理念,或你的產(chǎn)品名稱;當(dāng)然也可以是你的產(chǎn)品功能和特色。然而對(duì)一個(gè)優(yōu)秀的logo來說,這些還不夠。logo還應(yīng)該是獨(dú)樹一幟,鶴立雞群的,讓你區(qū)別于、甚至高于你的競爭者。
微博類的產(chǎn)品這方面做的不錯(cuò),即使不配文字,也很容易區(qū)分。但是閱讀類的就有些問題了。你能一眼區(qū)分出來這些logo分別代表哪些應(yīng)用嗎?
b 獨(dú)特的風(fēng)格
有些應(yīng)用確實(shí)是不按牌理出牌的,它們不完全遵循iPhone的基本樣式,但照樣有模有樣。這些應(yīng)用也成為一些設(shè)計(jì)師“創(chuàng)新”的借口。其實(shí)絕大多數(shù)的易用性問題都是源于不專業(yè)的“創(chuàng)新”。而創(chuàng)新的設(shè)計(jì)一定是在真正領(lǐng)悟了用戶體驗(yàn)、界面設(shè)計(jì)原則的基礎(chǔ)上所做的令人眼前一亮的改變。
c 亮眼的細(xì)節(jié)
最近讓我印象比較深刻的是“去哪兒”應(yīng)用,因?yàn)槔锩嬗幸粋€(gè)小細(xì)節(jié)我很喜歡。點(diǎn)擊首頁的欄目時(shí),上面會(huì)相應(yīng)的顯示一個(gè)手印,這種感覺很接近真實(shí)生活。當(dāng)然,iPhone應(yīng)用中細(xì)節(jié)出眾的實(shí)在是太多了,這里限于篇幅,就不一一列舉了。大家有心的話會(huì)發(fā)現(xiàn)很多有意思的地方。
最后,品牌宣傳無處不在
頁面加載時(shí),不要白白的浪費(fèi)時(shí)間和空間哦(如左圖),利用這個(gè)機(jī)會(huì)宣傳你的品牌吧(如右圖)。這樣不會(huì)讓用戶感到反感,還會(huì)讓他覺得加載時(shí)間變短了呢(基本已成為一種常規(guī)的做法)。
總結(jié):
只要有心,我們每個(gè)人都會(huì)成為出色的設(shè)計(jì)師。既是在設(shè)計(jì)一個(gè)偉大的作品,也是在設(shè)計(jì)一個(gè)偉大的品牌。
源地址:http://blog.sina.com.cn/s……010103l1.html
- 目前還沒評(píng)論,等你發(fā)揮!