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