2010-12-24
頁面設(shè)計過程中經(jīng)常需要根據(jù)不同節(jié)日、不同主題做不同的詳細(xì)設(shè)計。平面設(shè)計中的一些小技巧對類主題界面設(shè)計來說相當(dāng)重要,精巧的細(xì)節(jié)設(shè)計會幫助頁面畫龍點睛,創(chuàng)造與眾不同的視覺效果。
我們經(jīng)常會遇到視覺界面設(shè)計無法衡量好壞的問題,其實簡單來總結(jié)一下,可以從以下6個大方面來判斷:
一、視覺有否正確傳達(dá)出產(chǎn)品/交互意圖
視覺界面設(shè)計,不是單純的圖形設(shè)計,而是整個產(chǎn)品設(shè)計中的一個步驟,要在理解和遵循產(chǎn)品概念的基礎(chǔ)上,參照目標(biāo)群體心理模型和交互意圖進(jìn)行視覺設(shè)計,并且視覺設(shè)計要達(dá)到用戶愉悅的目的。
交互控件的樣式合理準(zhǔn)確性(人對系統(tǒng)默認(rèn)的認(rèn)知和生活常規(guī)認(rèn)知),狀態(tài)(視覺表現(xiàn)樣式和動作過程優(yōu)化),創(chuàng)意。
二、布局
用戶所接觸到的網(wǎng)站/產(chǎn)品的界面,是一個平面,我們通過信息結(jié)構(gòu)組織,主次內(nèi)容歸納和區(qū)分,通過布局,給用戶瀏覽閱讀的線索。
頁面品牌性,基調(diào)元素一致性,復(fù)用性,節(jié)奏感、面積感,視覺第一吸引,引導(dǎo)瀏覽,點線面關(guān)系,素描原理(運用素描的基本規(guī)律來做頁面)。
三、信噪比(SRN)
簡易淺顯來說,是視覺界面上有效信息與干擾信息之比。
信噪比越高,有效信息越突出。
四、風(fēng)格
風(fēng)格是通過一系列視覺元素表現(xiàn)出來的,能體現(xiàn)品牌和產(chǎn)品情感化感受的視覺語言。
同個網(wǎng)站/產(chǎn)品/界面的視覺風(fēng)格要一致,可以通過視覺規(guī)范,DPL,淘斯基等來進(jìn)行規(guī)范。
五、色彩運用
*色彩經(jīng)濟(jì)
—-在同個網(wǎng)站/產(chǎn)品/界面的視覺設(shè)計中,建議主色不超過3種,以保證顏色及其賦予的值能被有效識別和理解。
*色彩賦值
—-把色彩看成資源,嚴(yán)謹(jǐn)賦予他合適的值,并保證統(tǒng)一的運用。
六、字體設(shè)計
同一界面中的字體及樣式不超過3種,賦予每種字體樣式值。
字體的對比度要清晰,便于閱讀。內(nèi)容等級決定字體、字號大小、粗細(xì);狀態(tài)決定顏色(默認(rèn)或者根據(jù)網(wǎng)站特殊統(tǒng)一)