您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

出色的交互設(shè)計(jì)師:設(shè)計(jì)一個(gè)偉大的品牌(2)

 

2、力求一致性

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

 

 

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

 

a_1 初次見面三部曲

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

 

來看一個(gè)反例:



logo和啟動畫面風(fēng)格完全不一致。并且,“折”和“掌上優(yōu)惠”,哪個(gè)才是它的主標(biāo)識?你可能會使用這樣的應(yīng)用,但它未必會給你留下很深的印象。所以,設(shè)計(jì)師在設(shè)計(jì)這三個(gè)部分時(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)一。我們常聽人說,身上的服裝顏色不要超過三種。界面也是一樣,太過花哨的界面讓人找不到重點(diǎn),更記不住你的品牌。比如下面這個(gè)應(yīng)用,以黑白為主色調(diào),需要強(qiáng)調(diào)的部分用橙色突出。底部標(biāo)簽欄上有一個(gè)橙色的窄條,與上面很好的呼應(yīng)。

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

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

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


[教程作者:圖趣]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id981.html
Web2.0中流行的網(wǎng)頁設(shè)計(jì)元素
網(wǎng)頁設(shè)計(jì)中浮窗的使用實(shí)例
×