喜好不同,有人喜歡單色也有人喜歡鮮豔的配色,解決的方法也隨著喜好變化,在挑選顏色時要進行深刻的檢討,並不是因為顏色看起來很棒所以選它、而是要在設計的戰略性上考慮,約束自己的個人情感。

  這個筆記,主要講述的是網頁製作的配色選擇的八個要點。

      01. 決定品牌形象

  在很多建設網站的理由中,傳遞出特定的感情這一資訊是很常見的。所以在這時,選擇好顏色就顯得尤為重要。您想傳遞出什麼樣的感情,不用透過閱讀內容,多使用者都能很好的理解。

  在以生態為基礎的公司的網站上,配色的靈感就來自於自然; 如果是以銷售玩具為主的公司、就需要選擇有趣,鮮豔的配色。每一個被使用的顏色,在它背後所包含的意義是十分重要的。

  在品牌推廣時使用的顏色要和公司 LOGO 設計的顏色要是相同的,這一點非常重要。對於網頁設計師來說,線上銷售的銷售額增加,讓人聯想到什麼樣的傳統或者概念,如何利用有效果的照片都是值得思考的一件事情。

  雖然有很多種方法可以讓多使用者在網頁上進行購買時也能獲得和在實體店一樣的感覺,但網站的運營者則需要讓網頁設計師也注意到這一點,革新的新型網頁也同樣,或者說可以獲得在這之上的購物體驗。

  終的目標、就是給多使用者提供舒適的感覺。因此,在更新新資訊的時候,一定要注意要具有統一的品牌意識。

  02. 決定您要傳遞的資訊

  給資訊使用華美的顏色,或者讓它變得特別有吸引力,在單獨比較的時候又有獨特的魅力,給多使用者提供這樣有趣的體驗。如果您已經知道您面向的是那些多使用者、考慮它們的喜好就不是很難、這也算是一個非常好的資訊了。

  03. 直觀的導航選單欄

  當您看到一個網站的時候,或許您會有很多很棒的點子,但您也需要遵守導航選單的一些規則。多使用者是一個接一個、按照順序直觀的去觀看的,除去基本的動作之外,要防止出現讓多使用者感到迷惑的動作。

  想引導多使用者到達特定的區域,有好幾種視覺效果可供選擇,用配色方案來凸顯出對比效果就是典型的方法。利用對角線上的佈局,被稱為對角線平衡 (英: Diangonal Balance) 、它特別慣用於從上到下的佈局、我們可以在右上角的基本設定選單中找到它,這在歐洲和美國的網頁中經常用到的技術。

  利用相反的配色,讓每個選項的層次感凸顯出來,多使用者在這些專案中就知道可以點選什麼。

  04. 決定什麼是重點

  多使用者可不知道,您有什麼重要的情報和資訊。在這種情況下您就需要在螢幕的中間,使用鮮豔的顏色來告訴它們。這麼做的話,多使用者就會嘗試著優先去看這一部分。

  為了讓多使用者去關注它們,也有用白色背景上使用黑色文字這樣佈局的網站。為了打破單調的外觀,如果您利用了強調色,那將變得非常簡單。也有這樣的原因,為了表現出文字和超連結、使用非常鮮豔的顏色,這也是現在非常流行的設計趨勢。

  05. 考慮資訊的重要性

  在網站中、我們希望將【註冊】或者【購買】這樣的要素突出。而類似【取消】這樣的按鈕則希望多使用者儘可能的不去注意到它,因為它們並不是主要的要素、用一些通常的設定來控制它們就可以了。

  我們可以用字型很小的文字或者和照片顏色相接近的自然的配色來設計按鈕,從而讓多使用者不去注意【取消】。如果將原本在右上角的【註冊】按鈕放在螢幕的正中間,那它所達成的效果也自不必說。透過調整按鈕的大小,以及明確的寫出它們的做用,多使用者就能很準確的理解您所表達的意思。

  同時,為了突出主要要素按鈕,您需要去注意它們的大小和顏色的對比,這樣可以防止多使用者忘記按下按鈕。

  06. 考慮圖片的顏色。 

  為了給多使用者介面提供更加亦可賽艇的體驗,您也可以將配色同圖片相結合。從填滿整個螢幕的背景圖、到您想出售的的產品的縮圖、將它們考慮到構圖之中,將多使用者的視線集中起來。 (例圖的配色和那些 OX□Δ讓我差點將它當成了 PS4 的宣傳網頁)

  事實上,更加、精緻大氣的網站上,紅色和綠色還有藍色知名不要使用。由單色製作出來的網站,資訊的傳遞往往會更好,這也作為一個特殊的效果,被很多網頁設計師所採用。

  07. 限制使用顏色的數量 

  如您所見、有些多使用者的眼睛是弱視的,而有些則是什麼顏色都看不見的。而大多數情況下,色盲中紅綠色盲居多,如果您的設計作品中運用了大量的紅色和綠色,就會讓它們感到混亂。

  從這個設計師可以看出、在這個介面設計中它是以大量的紅色作為主要要素,這樣就可以避免紅色和綠色難以區分這一問題。

  08. 決定什麼是重要的 

  例如代表國家或者宗教的符號,顏色所代表的意思,因為各地的文化不同而不同。作為設計師,先應該瞭解自己所面向的多使用者是那一類、在考慮配色的時候,應當要考慮到這些問題,從而確保傳達出的意思不會被誤解。

  有時、顏色的意思相近 (在紅色代表幸運 (英: Luck),在美國則代表了愛 (英: Love)) 就顯得不是那麼重要,但像白色或者黑色這樣因為宗教的原因而導致的意思不同,就會將您的設計從整體上破壞,這一點請務必注意。