如何只決定一個顏色,就能輕鬆的決定適合網站的整體配色?下面便將這個方法介紹給大家。這一次,究竟會出現什麼樣的配色技巧,不妨一起來嘗試一下。令人驚奇的簡單,在短時間內,您可以建立和您的專案相匹配的美麗的配色方案。

目錄

1 、決定基色。

2 、決定強調色

3 、決定深色

4 、讓我們應用配色方案。

5 、配色方案的總結。

01. 先決定基色

先,來決定網站的基色吧!雖然說您可以使用任何您喜歡的顏色,但為了讓別人理解您的設計意圖和理念,儘量還是需要注意以下幾點。

善於使用手邊的資料

客戶端的標誌上常用的顏色,往往是成功的。

避免使用競爭對手的顏色

品牌顏色的差異性是非常重要的。

瞭解您的多使用者層所喜歡的顏色

不管面對的是怎樣的多使用者,您都要知道他們適合什麼樣的顏色。

不要使用千篇一律的顏色

少女向的設計並不意味著就是粉紅色,要將您的創意展現出來。

決定一個關鍵字

為了展現出品牌和專案的氛圍、將關鍵字塗上顏色,在配色遇到困難時是非常便利的方法。

為您的作品設計一個良好的配色方案,參考別人的優秀的設計是非常有必要的!透過在下列網站上點選【color】按鈕,您可以根據您的直覺來選擇一個顏色。

Dribbble

Designspiration

選擇喜歡的顏色之後點選 Update 、與之相關聯的就以設計列表的形式表現出來了。這個時候您再來建立一個配色版,再選取顏色時我想應該會更加順利。

在 Designspiration 這可以選擇五種顏色相互組合、在形象更相符的作品中選擇合適的配色作為參考。舉個例子,在這裡選擇淡藍色和粉紅色。

點選 Search 按鈕、與之相關聯的作品就顯示出來了。

在調色盤中選擇顏色作為參考時、調色盤的上段顯示的作品是新的,設計思維活躍的作品。而下面的,則是更值得信賴的,給企業的配色作為參考的作品。

如果您找到了喜歡的作品、可以用 Chrome 的拓展程式將顏色抽出、您也可以也可以用 Photoshop 直接將顏色選取出來(在吸管工具的狀態下,先按住滑鼠左鍵,然後按住鍵盤上的 Option 鍵,就可以將【如果是 Windows 請按 ALT 鍵 CS5 以上版本可以使用】將滑鼠拖動到螢幕外面選取顏色了。)