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