網(wǎng)站設(shè)計(jì)缺少層次感怎么解決
視覺(jué)缺少層次感怎么解決?「層次感」是網(wǎng)站設(shè)計(jì)中出現(xiàn)頻率非常高的詞,這主要體現(xiàn)信息層級(jí)關(guān)系和視覺(jué)豐富度亮點(diǎn)。界面如果缺少層次感,會(huì)讓人感到信息雜亂、畫(huà)面打掉,甚至是枯燥、乏味。
網(wǎng)站設(shè)計(jì)缺少層次感怎么解決?
1.視覺(jué)元素差異化
營(yíng)造視覺(jué)元素的差異化,能很好地改變畫(huà)面信息的層次關(guān)系,從而突出網(wǎng)站設(shè)計(jì)的層次感,這與對(duì)比手法非常相似。
虛實(shí)對(duì)比是視覺(jué)元素差異化*經(jīng)典的體現(xiàn)形式之一,能直觀地提升界面整體的視覺(jué)層次感。當(dāng)界面的整體視覺(jué)層次感不夠強(qiáng)烈時(shí),可透過(guò)營(yíng)造視覺(jué)元素差異化的形式進(jìn)行提升和改變。但需注意,一旦使用這種表現(xiàn)手法,對(duì)比效果一定要足夠明顯,否則會(huì)適得其反。
除了虛實(shí)對(duì)比、大小對(duì)比、粗細(xì)對(duì)比等各種對(duì)比關(guān)系都能很好地營(yíng)造視覺(jué)元素的差異化。
2.裝飾性元素
剛才我們說(shuō)到,提升視覺(jué)層次感可從兩點(diǎn)切入,提升信息層次感以及畫(huà)面整體豐富度,而裝飾性元素剛好能很好地展現(xiàn)這兩點(diǎn)。
需要注意:裝飾性元素的使用應(yīng)根據(jù)實(shí)際情況而定,使用過(guò)量很容易在視覺(jué)上形成散亂、不夠整體的情況。
3.使用肌理
使用肌理是設(shè)計(jì)中非常使用的設(shè)計(jì)手法,能很好地豐富畫(huà)面,增加細(xì)節(jié),提升層次感的作用,如下圖:
利用遠(yuǎn)山風(fēng)景圖片透過(guò)透明度調(diào)整作為肌理使用,不僅不會(huì)搶了主體的視線,還能增加的層次感,起到填充和豐富的作用。
另外,主要字體使用肌理,會(huì)讓其形象更加鮮明,與正常文案形成對(duì)比,能間接增強(qiáng)文案信息的視覺(jué)層次感受。
4.改變配色形式
當(dāng)作品視覺(jué)層次感不夠強(qiáng)烈時(shí),改變配色形式能在某程度上提升視覺(jué)豐富度的作用。
以視覺(jué)感受來(lái)看,雖然大小面積一樣,但無(wú)色彩明顯比有色彩顯得更空。這是因?yàn)樯适且环N信息傳達(dá)的媒介,也就是顏色也能傳遞信息。所以當(dāng)畫(huà)面顯得空、缺少層次感時(shí),可通過(guò)顏色調(diào)整增加視覺(jué)層次感。
5.營(yíng)造疊加關(guān)系
尋找元素與元素之間的物理疊加關(guān)系,會(huì)給人一種很強(qiáng)烈的層次變化,而且對(duì)于提升畫(huà)面層次感能起到立竿見(jiàn)影的作用。
當(dāng)文字與主體之間存在著視覺(jué)上的前后疊加關(guān)系,會(huì)給用戶帶來(lái)強(qiáng)烈的視覺(jué)層次感。一般這種前后疊加的用法非常適合標(biāo)題設(shè)計(jì)。
6.**
**可理解為營(yíng)造空間關(guān)系的手法,當(dāng)平面的視覺(jué)元素賦予其**關(guān)系后,會(huì)形成類似三維空間的視覺(jué)干吼,在某程度上起到增強(qiáng)畫(huà)面視覺(jué)層次的效果。
這是因?yàn)楦淖?*會(huì)在視覺(jué)上形成縱向的顏色感,從空間上來(lái)看視覺(jué)層次關(guān)系會(huì)變得更加強(qiáng)烈。但這種形式同樣有一定的局限性。
當(dāng)作品缺少層次感時(shí),除了以上方法,還有投影、倒影、環(huán)境感等手法都能在某程度上增加視覺(jué)層次感,同時(shí)可以豐富畫(huà)面。但這些手法不一定全部體現(xiàn)在同一個(gè)網(wǎng)站設(shè)計(jì)中,手法過(guò)多反而會(huì)使畫(huà)面整體變得凌亂,所以一定要根據(jù)實(shí)際情況而使用。