網(wǎng)頁柔和色調(diào)設(shè)計(jì)的實(shí)用方法
網(wǎng)頁中的柔和色調(diào)的使用，不止是近來的趨勢(shì)，這是一項(xiàng)設(shè)計(jì)師使用多年的技巧，用來創(chuàng)造有沖擊力的視覺效果。以下是小編搜索整理的關(guān)于網(wǎng)頁柔和色調(diào)設(shè)計(jì)的10個(gè)實(shí)用方法，供參考借鑒，希望對(duì)大家有所幫助!想了解更多相關(guān)信息請(qǐng)持續(xù)關(guān)注我們考試網(wǎng)!
柔和的照片
照片上的柔和遮罩層，或是在恰當(dāng)?shù)墓庹窄h(huán)境中拍攝的照片，可以成為精妙絕倫的網(wǎng)站背景。照片的色調(diào)越淡雅，設(shè)計(jì)師就有越多的區(qū)域可以放置其他元素。
使用柔和的照片同樣有助于與其他元素產(chǎn)生反差，比如Logo或按鈕。請(qǐng)注意Solasie的logo與柔和色調(diào)的照片搭配得多么完美。這種思想也能突出幽靈按鈕。
柔和的背景色
柔和的背景色是個(gè)好主意，使用多種顏色卻不會(huì)咄咄逼人。由于柔和色調(diào)更加淡雅，畫布上可以使用更大面積的顏色，卻不會(huì)感覺太強(qiáng)烈。
處理柔和背景色的一個(gè)常見的趨勢(shì)，就是像Dear Mum這樣，使用單色調(diào)的配色方案，對(duì)一種顏色進(jìn)行深淺變化。單色調(diào)能夠與白色的文字元素產(chǎn)生美妙的視覺對(duì)比。搭配合適的字體，這種技巧也能打造時(shí)髦的現(xiàn)代感。
鮮明的柔和色
盡管你通常不會(huì)把“鮮明”和“柔和”相提并論，這類配色可以幫你創(chuàng)造出大膽的設(shè)計(jì)。因?yàn)槿岷蜕菀淄司幽缓螅匀绻阋谒浇兴鶆?dòng)作，這是非常棒的選擇。
Marie Catrib’s在這方面做得很好。這里的柔和色相當(dāng)鮮明，但似乎沒有喧賓奪主，你能看到這個(gè)從色塊層探出頭偷瞄的女人。鮮明的柔和色幫助你發(fā)現(xiàn)并聚焦在圖片上，完全柔和的背景沖擊力就會(huì)稍顯遜色。
柔和色調(diào)營造氛圍
你希望網(wǎng)站的訪客產(chǎn)生怎樣的感覺?柔和色很擅長(zhǎng)營造平靜、放松、緩和的感覺。如果這些情緒可以描述你的網(wǎng)站或公司，它或許就是正確的選擇。
Sweez做得很棒，通過顏色創(chuàng)造了這樣的情感鏈接。圖中的一切都帶著淡雅柔和的色調(diào)。它讓你想到坐在安靜平和的地方，享受一杯溫暖美妙的卡布奇諾。看見沒，這種簡(jiǎn)單的色彩多么有效。
柔和色的插畫
柔和色也是插畫的絕佳選擇。運(yùn)用這種色彩理念創(chuàng)造出令用戶駐足觀賞的作品。
柔和色調(diào)的插畫，將帶有某種平靜的繪畫作品與色彩結(jié)合起來。它讓繪畫的運(yùn)用出人意料。
與柔和色產(chǎn)生對(duì)比
柔和色并不一定要憑空創(chuàng)造。它是一種很好地與其他設(shè)計(jì)元素產(chǎn)生對(duì)比的手段。
Kinder Fotografie在這方面做得非常好，運(yùn)用了柔和色和明亮的照片、文字。設(shè)計(jì)中的柔和色部分包含了大量小細(xì)節(jié)，但你首先看到的兒童照片和文字“smiles”。然后用戶才開始注意這些精致的細(xì)節(jié)。
柔和色的導(dǎo)航
柔和色調(diào)也是創(chuàng)造優(yōu)秀導(dǎo)航的手段。通常情況，設(shè)計(jì)師會(huì)給網(wǎng)站設(shè)計(jì)黑白色的導(dǎo)航條，但彩色在這里也有用武之地。
柔和色可以作為導(dǎo)航的手段，是因?yàn)樗鼈儽茏屃似渌糠值脑O(shè)計(jì)。比如，Wonderfully Wild中，用戶最先看見照片并做出反應(yīng)。導(dǎo)航元素與主要內(nèi)容融合地很好，但由于顏色的選用，它并沒有妨礙主要視覺內(nèi)容。
扁平化設(shè)計(jì)中的柔和色調(diào)
我們今天看到的柔和色調(diào)大多都沒有采用扁平化設(shè)計(jì)。設(shè)計(jì)師們喜歡的各種亮色，都變成了扁平設(shè)計(jì)興起之初那些超級(jí)亮色的淡雅版。
在扁平化設(shè)計(jì)項(xiàng)目中使用柔和色調(diào)，好處是顏色仍然保有相同的感覺和整體外觀，這種方式卻不會(huì)為了吸引注意而過于壓迫用戶。在網(wǎng)站中運(yùn)用柔和色與扁平風(fēng)格色彩，更容易通過顏色引導(dǎo)用戶到屏幕的特定區(qū)域，或是強(qiáng)調(diào)重要的文字元素。
柔和色文字
設(shè)計(jì)師們不止是在圖片和背景上使用柔和色調(diào)。這種配色風(fēng)格也可以運(yùn)用在文字上。(雖然這會(huì)很微妙)
柔和色最好以粗大字體的方式使用，與更加樸實(shí)的背景相襯來創(chuàng)造鮮明對(duì)比。使用帶有粗描邊的大字體，可以確保屏幕上有更多柔和色。這個(gè)概念通常用于少量的字母或文字組合，不適用于正文。
柔和色調(diào)的界面元素
將柔和色用作界面元素的一部分，是個(gè)有趣的概念。這是扁平設(shè)計(jì)理念孕育出的又一個(gè)“花樣”，按鈕和其他元素可以使用柔和色。
Duy Tran的網(wǎng)站中，每塊柔和色區(qū)域?qū)嶋H上是個(gè)超大的按鈕。這些柔和色告訴用戶哪塊是哪塊，讓每個(gè)都易于點(diǎn)擊(或觸摸)。這些色調(diào)很突出，因?yàn)榕c極簡(jiǎn)的主圖區(qū)域形成鮮明對(duì)比。(輪播圖中的每一張與這些柔和色調(diào)的按鈕區(qū)別開)
結(jié)論
使用柔和色的關(guān)鍵，在于讓它看起來清新，而不是褪色。將柔和色調(diào)與你期望的深色、更鮮明的圖片或白色元素對(duì)比搭配，有助于創(chuàng)造帶有沖擊力的柔和配色。
柔和色調(diào)天生就帶有令人放松和冷靜的理念。網(wǎng)頁設(shè)計(jì)時(shí)使用這種配色方案對(duì)你有利。要牢記顏色與整體設(shè)計(jì)的其余部分如何相互影響。
【網(wǎng)頁柔和色調(diào)設(shè)計(jì)的方法】相關(guān)文章：
網(wǎng)頁柔和色調(diào)設(shè)計(jì)10個(gè)實(shí)用方法09-16
網(wǎng)頁設(shè)計(jì)中如何運(yùn)用柔和色調(diào)09-14
在網(wǎng)頁設(shè)計(jì)中運(yùn)用柔和色調(diào)08-16
網(wǎng)頁設(shè)計(jì)色彩搭配之清淡柔和的蠟筆色11-19
自學(xué)網(wǎng)頁設(shè)計(jì)的方法12-19
axure網(wǎng)頁設(shè)計(jì)的方法10-02