互聯(lián)網(wǎng)上很多企業(yè)網(wǎng)站,雖然設(shè)計非常精美,但總覺得有點兒美中不足,尤其顏色搭配方面,怎么看怎么怪。事實上對很多網(wǎng)頁設(shè)計師而言,聽到“顏色搭配”這個詞時,便會從潛意識上對此反感,總覺得這個肯定又是一個「坑」!其實,要為網(wǎng)頁設(shè)計搭配顏色并不難,掌握好以下三招就能輕松解決配色方案的問題。
第一招:色不過三
大家都知道,顏色太多會讓界面顯得凌亂,感覺就像牛皮膏藥貼在墻上的感覺;顏色太少,雖然畫面變得和諧統(tǒng)一,但略帶沉悶單調(diào)。
所以,在色彩數(shù)量上,一般我們會遵循「色不過三」的原則。
所謂「色不過三」,指的不是不超過三種顏色的搭配,而是不超過三種色相搭配。想要畫面變得更加豐富,我們可以通過運用改變單個色相的明度或飽和度,增強界面的視覺效果,但記住「色相」一定不能超過三種!
關(guān)于「色不過三」的搭配技巧:
1. 統(tǒng)一的主色彩風(fēng)格的導(dǎo)向,能加深用戶對界面的記憶,也讓操作體驗更舒適自然;
2. 精簡顏色更容易統(tǒng)一和把控,但要保證正確的傳達(dá)出需要表現(xiàn)的功能和元素為前提;
3. 明暗色彩相搭配,才能使畫面顯得層次感豐富而又有朝氣。
第二招:確定主色
色彩功能一般劃分為:主色、輔助色和點綴色。
主色是為網(wǎng)頁設(shè)計奠定的一個基調(diào),這個基調(diào)不僅起到吸引眼球,影響用戶對網(wǎng)站的印象,還影響網(wǎng)站所要傳達(dá)的信息和風(fēng)格。
若說色彩是充當(dāng)網(wǎng)站的重要情感元素,那么主色就是網(wǎng)站的設(shè)計方向。所以在決定網(wǎng)站主色,不妨從以下幾個方面入手考慮:
1. 設(shè)計初期,對項目有明確的了解后,選擇出最為貼切主題的主色進(jìn)行定位。
2. 不同媒介,主色運用的規(guī)律也個不相同,例如:網(wǎng)頁設(shè)計,通常主色會運用在結(jié)構(gòu)和裝飾上。
3. 界面設(shè)計可選擇品牌Logo顏色作為主色彩,并在不同界面中主色彩出現(xiàn)的面積而變化,使網(wǎng)站變得更統(tǒng)一和諧。
4. 使用主色時,要考慮頁面的內(nèi)容關(guān)系,理解界面的層次與功能性質(zhì)。
5. 從視覺出發(fā),選擇飽和度高的色彩做為主色時,要考慮因為顏色面積過多而造成的視覺疲勞。
第三招:從對比色中找輔助色
通常大家會覺得,色彩面積最多就是主色,其實有時候人們在定義界面主色的時候,會選擇飽和度(純度)高的顏色作為主色,而色彩面積較多的作為輔助色。
在網(wǎng)頁設(shè)計中,輔助色的作用就是在強調(diào)和突出主色同時,完成網(wǎng)站需要傳達(dá)的信息,以及使整個畫面變得更加飽滿。所以在決定網(wǎng)站輔助色時,可以從以下幾個方面入手考慮:
1. 選擇主色的互補色作為輔助色,能讓網(wǎng)站的視覺效果產(chǎn)生強烈的刺激,情感濃烈,給人留下鮮明的印象。
2. 主色和輔助色搭配時,需要控制使用的位置和信息面積,避免造視覺疲勞,或出現(xiàn)讓人不安定的感覺。
3. 在設(shè)計中大量使用冷暖色搭配,能使界面非常舒服平和,卻不單調(diào)。
以上三點就是廣州網(wǎng)站建設(shè)總結(jié)色彩搭配中常用且重要的技巧,如果你對色彩的運用并不是很熟練,不妨嘗試以上方式,或許你會有意想不到的驚喜。