網(wǎng)頁設(shè)計(jì)中非常細(xì)節(jié)的東西,比如就一個(gè)描邊,有時(shí)就造成了用戶心理感受上的差別,進(jìn)而影響用戶的使用偏好,直至對(duì)整個(gè)設(shè)計(jì)的成功與否以及作品的商業(yè)價(jià)值產(chǎn)生非常大的影響。類似于”千里之堤毀于蟻穴”和”蝴蝶效應(yīng)”的感覺。夸大其詞嗎?絕對(duì)不!細(xì)節(jié)的力量我認(rèn)為在網(wǎng)頁設(shè)計(jì)中有著無窮的魅力。認(rèn)真想想那些你個(gè)人認(rèn)為優(yōu)秀的設(shè)計(jì)作品,其中是什么東西打動(dòng)了你?真的很多時(shí)候就是一種描述不出來的顏色,一些1像素的高光,或者是一種質(zhì)感。例如下面的這20個(gè)網(wǎng)頁視頻播放器的界面設(shè)計(jì),似乎一眼看上去差別并不大,但是如果讓你必須從中選擇一個(gè)最偏愛的,并且要付費(fèi)購(gòu)買的話,我想每個(gè)人都能做出自己的選擇。然后你再想想為什么選擇的是這個(gè)而非其他?所以我這里想要說的是,作為網(wǎng)頁設(shè)計(jì)師,或者是UI設(shè)計(jì)師,我們需要不斷的努力,常問自己一個(gè)問題”我是否有了掌控視覺設(shè)計(jì)的細(xì)節(jié)到比較準(zhǔn)確的實(shí)現(xiàn)目標(biāo)設(shè)計(jì)方案,從而引導(dǎo)用戶的心理感受的能力?”我想,這是我們可以從這20個(gè)設(shè)計(jì)中學(xué)到的一點(diǎn)東西。
一、鋒利的邊緣
細(xì)微的淺灰色漸變、邊緣2個(gè)像素的內(nèi)發(fā)光、各控制按鈕內(nèi)陰影、1像素的邊緣高光的組合是最常見到的設(shè)計(jì)方案之一,很經(jīng)典,并且讓這個(gè)播放器看上去感覺邊緣鋒利,能劃破手指一般。