柔和的照片
照片上的柔和遮罩層,或是在恰當的光照環(huán)境中拍攝的照片,可以成為精妙絕倫的網(wǎng)站背景。照片的色調越淡雅,設計師就有越多的區域可以放置其他元素。
使用柔和的照片同樣有助于與其他元素產(chǎn)生反差,比如logo或按鈕。請注意Solasie的logo與柔和色調的照片搭配得多么完美。這種思想也能突出幽靈按鈕。
柔和的背景色
柔和的背景色是個(gè)好主意,使用多種顏色卻不會(huì )咄咄逼人。由于柔和色調更加淡雅,畫(huà)布上可以使用更大面積的顏色,卻不會(huì )感覺(jué)太強烈。
處理柔和背景色的一個(gè)常見(jiàn)的趨勢,就是像Dear Mum這樣,使用單色調的配色方案,對一種顏色進(jìn)行深淺變化。單色調能夠與白色的文字元素產(chǎn)生美妙的視覺(jué)對比。搭配合適的字體,這種技巧也能打造時(shí)髦的現代感。
鮮明的柔和色
盡管你通常不會(huì )把“鮮明”和“柔和”相提并論,這類(lèi)配色可以幫你創(chuàng )造出大膽的設計。因為柔和色容易退居幕后,所以如果你要在它附近有所動(dòng)作,這是非常棒的選擇。
Marie Catrib's在這方面做得很好。這里的柔和色相當鮮明,但似乎沒(méi)有喧賓奪主,你能看到這個(gè)從色塊層探出頭偷瞄的女人。鮮明的柔和色幫助你發(fā)現并聚焦在圖片上,完全柔和的背景沖擊力就會(huì )稍顯遜色。
柔和色調營(yíng)造氛圍
你希望網(wǎng)站的訪(fǎng)客產(chǎn)生怎樣的感覺(jué)?柔和色很擅長(cháng)營(yíng)造平靜、放松、緩和的感覺(jué)。如果這些情緒可以描述你的網(wǎng)站或公司,它或許就是正確的選擇。
Sweez做得很棒,通過(guò)顏色創(chuàng )造了這樣的情感鏈接。圖中的一切都帶著(zhù)淡雅柔和的色調。它讓你想到坐在安靜平和的地方,享受一杯溫暖美妙的卡布奇諾??匆?jiàn)沒(méi),這種簡(jiǎn)單的色彩多么有效。
柔和色的插畫(huà)
柔和色也是插畫(huà)的絕佳選擇。運用這種色彩理念創(chuàng )造出令用戶(hù)駐足觀(guān)賞的作品。
柔和色調的插畫(huà),將帶有某種平靜的繪畫(huà)作品與色彩結合起來(lái)。它讓繪畫(huà)的運用出人意料。
與柔和色產(chǎn)生對比
柔和色并不一定要憑空創(chuàng )造。它是一種很好地與其他設計元素產(chǎn)生對比的手段。
Kinder Fotografie在這方面做得非常好,運用了柔和色和明亮的照片、文字。設計中的柔和色部分包含了大量小細節,但你首先看到的兒童照片和文字“smiles”。然后用戶(hù)才開(kāi)始注意這些精致的細節。
柔和色的導航
柔和色調也是創(chuàng )造優(yōu)秀導航的手段。通常情況,設計師會(huì )給網(wǎng)站設計黑白色的導航條,但彩色在這里也有用武之地。
柔和色可以作為導航的手段,是因為它們避讓了其他部分的設計。比如,Wonderfully Wild中,用戶(hù)最先看見(jiàn)照片并做出反應。導航元素與主要內容融合地很好,但由于顏色的選用,它并沒(méi)有妨礙主要視覺(jué)內容。
扁平化設計中的柔和色調
我們今天看到的柔和色調大多都沒(méi)有采用扁平化設計。設計師們喜歡的各種亮色,都變成了扁平設計興起之初那些超級亮色的淡雅版。
在扁平化設計項目中使用柔和色調,好處是顏色仍然保有相同的感覺(jué)和整體外觀(guān),這種方式卻不會(huì )為了吸引注意而過(guò)于壓迫用戶(hù)。在網(wǎng)站中運用柔和色與扁平風(fēng)格色彩,更容易通過(guò)顏色引導用戶(hù)到屏幕的特定區域,或是強調重要的文字元素。
柔和色文字
設計師們不止是在圖片和背景上使用柔和色調。這種配色風(fēng)格也可以運用在文字上。(雖然這會(huì )很微妙)
柔和色最好以粗大字體的方式使用,與更加樸實(shí)的背景相襯來(lái)創(chuàng )造鮮明對比。使用帶有粗描邊的大字體,可以確保屏幕上有更多柔和色。這個(gè)概念通常用于少量的字母或文字組合,不適用于正文。
柔和色調的界面元素
將柔和色用作界面元素的一部分,是個(gè)有趣的概念。這是扁平設計理念孕育出的又一個(gè)“花樣”,按鈕和其他元素可以使用柔和色。
Duy Tran的網(wǎng)站中,每塊柔和色 區域實(shí)際上是個(gè)超大的按鈕。這些柔和色告訴用戶(hù)哪塊是哪塊,讓每個(gè)都易于點(diǎn)擊(或觸摸)。這些色調很突出,因為與極簡(jiǎn)的主圖區域形成鮮明對比。(輪播圖中的每一張與這些柔和色調的按鈕區別開(kāi))