在設(shè)計(jì)中,情緒的傳達(dá)和氛圍的營(yíng)造通常是要看設(shè)計(jì)項(xiàng)目的目的是什么,而不同的配色和不同的元素組合,往往能夠呈現(xiàn)出截然不同的風(fēng)貌。相比之下,深色系網(wǎng)站常常會(huì)呈現(xiàn)出更為獨(dú)特的氛圍,傳達(dá)出更為復(fù)雜多樣的情緒。雖然這樣的情緒并不一定是正面和向上的,但是好設(shè)計(jì)總歸是讓人過目難忘的。
想要借助深沉的色調(diào)來創(chuàng)造情緒相對(duì)獨(dú)特的網(wǎng)站設(shè)計(jì),是有一些可供遵循的常見的設(shè)計(jì)技巧,今天的文章,我們來分享一下這方面的內(nèi)容。
首先這一點(diǎn)必須明確,深色并不一定是黑色。
在選取配色的時(shí)候,網(wǎng)明亮的色彩當(dāng)中添加黑色或者灰色所得出的色彩,通常會(huì)顯得更加深沉濃重,這樣的色彩中往往會(huì)包含之前的色調(diào)。
在上面的 Hooligan 這個(gè)網(wǎng)站當(dāng)中,設(shè)計(jì)師不僅采用了深沉的黑色背景,而且采用了和黑色背景相當(dāng)匹配的暗金色,兩種深色之間色彩明暗依然存在對(duì)比,和白色的標(biāo)題文本構(gòu)成了三個(gè)層次,不僅富有視覺吸引力,而且創(chuàng)造出了沉穩(wěn)厚重的氛圍。
陰影和光線往往是相伴出現(xiàn)的,而陰影所帶來的舞臺(tái)劇般的效果則充滿了戲劇感和神秘感,這也是設(shè)計(jì)師喜歡它的原因,這樣的設(shè)計(jì)會(huì)讓用戶心中產(chǎn)生興趣和好奇心。
在上面的 Clear Motion 這個(gè)網(wǎng)站當(dāng)中,車輛周圍被陰影所包圍,文本內(nèi)容很容易吸引用戶的注意力。同時(shí),用戶會(huì)好奇這輛車有什么特殊的地方,有什么地方看起來不太一樣,黑暗的氛圍下,用戶的好奇心會(huì)身不由己地高漲起來。
用黑色的半透明層疊加到圖像上,也是制造深色系背景的一種常見手法。在圖片的選取和不同的透明度之下,背景圖片所呈現(xiàn)出來的效果和氛圍,是非常不同的。
透明度較低的情況下,黑色疊加圖層會(huì)讓用戶看不清背景中的信息,這使得背景信息在整個(gè)設(shè)計(jì)中參與度較低。透明度較高的情況下,更多的背景元素會(huì)透過疊加層呈現(xiàn)出來,和前景元素產(chǎn)生交叉和互動(dòng)。但是總的來說,黑色疊加層讓元素之間產(chǎn)生對(duì)比,也使得行為召喚元素更容易發(fā)揮作用。
在上面的 Fhoke 這個(gè)網(wǎng)站當(dāng)中,透明疊加層讓背景中的場(chǎng)景適當(dāng)?shù)赝嘎兑稽c(diǎn)出來,但是真正吸引人注意力的,還是在標(biāo)題和左側(cè)的行為指引上。
細(xì)節(jié)較多的背景讓人覺得信息豐富,而粗陋的畫布則更容易創(chuàng)造出一種虛無的感覺,相應(yīng)的,后者是會(huì)讓人更有探索的欲望。粗陋甚至赤裸的深色系畫布很好地將神秘感和探索的欲望結(jié)合到了一起。
Dubois 這個(gè)網(wǎng)站的背景同樣非常的簡(jiǎn)單,沒有紋理,只是通過均勻分布的小圓點(diǎn)來進(jìn)行裝飾,如果你仔細(xì)觀察會(huì)發(fā)現(xiàn)這些點(diǎn)的分布、色彩其實(shí)是有微妙變化的,會(huì)引導(dǎo)你去注意位于整個(gè)頁面底部的文本標(biāo)題,雖然絕大多數(shù)的網(wǎng)站并不會(huì)把標(biāo)題放在這樣的位置上。