• EN
香港:(852)3749 9734
廣州: (020)3834 3713
[email protected]

新聞資料

網頁設計技巧:如何讓配色變得更順暢

如何讓配色變得更順暢?配色,不僅是用來集中用戶的注意力,還是表達情感或傳遞信息的有力工具。想讓網頁設計中的配色更加有效,就要根據每種顏色的獨特意思,並將它們組合起來向用戶傳遞信息。

如何讓配色變得更順暢?

1. 將目的表現出來

網頁設計技巧:如何讓配色變得更順暢

在進行網頁設計之前,首先要明確設計目的和設計理念,所以有着含義的調色板就是很好的設計要素之一。

2.明確目標用戶

網頁設計技巧:如何讓配色變得更順暢

雖然顏色能反映網站的「情緒」,但由於每個人的個性、文化背景、經驗等的不同,顏色所產生的效果同樣不同。所以一些顏色的含義,在世界的任何地方都是通用,有些則不是。例如:綠色,代表植物的顏色,所以看到綠色就會聯想到自然。紅色則不同,在西方文化中,紅色可能代表活力、暴力、紛爭,亦可能代表愛或熱情;而在中國,紅色則表示繁榮和幸福。

由於顏色有着不同的含義,所以創建調色板時,了解目標用戶的感情是非常重要的。

3.了解配色方案的基本要素

網頁設計技巧:如何讓配色變得更順暢

選擇顏色時,首先要了解關於配色的基本知識,即配色組合的基本理論和構造。這具有實踐性的指南,無論是使用色輪還是設計上的細節都總結得十分全面。

4.試着去尋找靈感

網頁設計技巧:如何讓配色變得更順暢

如果走不到好的配色法案,可以嘗試從別的設計師作品中獲得靈感,例如:Dribbble 和 Behance。接下來就參考一下不同設計所產生的效果,例如室內設計、包裝設計等,這些都可以讓你創建有意思的調色板。

如果你想創建與眾不同的配色方案,可以利用其它文化的設計,例如:韓國的音樂MV,其實用多彩的調色板或許會給你的靈感提供參考。

最後我們還可以從日常生活中獲得靈感啟發。

5.製作屬於自己風格的指南

網頁設計技巧:如何讓配色變得更順暢

風格指南,指的是將所有設計要素放在統一的設計框架中,這包含按鈕或字體等設計要素,我們在設計時應該考慮哪些按鈕或導航菜單才是應該被選用。

網頁設計時,調色板要有「KISS」(越簡單越好)的思路,所以要儘可能減少界面的顏色。

6.選擇調色板

網頁設計技巧:如何讓配色變得更順暢

最基本的調色板,通常是將相近的顏色排列在一起。另外,在挑選配色方案時,為了明確傳遞怎樣的信息和情感給用戶,可以嘗試了解一下幾個問題:

· 這個配色用起來很簡單嗎?

· 用什麼顏色影響力最大,最能引人注目?

· 使用的這個顏色有必要讓他更亮/更暗一點嗎?用戶在什麼時候使用商品或者設計?

· 你想通過設計傳遞什麼樣的信息?

可以說是,顏色在網頁設計中擔任的工作不同,顏色的重量也是不同,例如強調色會比背景色所使用的次要要多些。

可以這麼說,因為風格指南,顏色在設計中所擔任的工作不同,各種各樣的顏色的重量也是不同的(英: Weight)。舉個例子、強調色比背景色所使用的次數就要多一些。

7.應用調色板

網頁設計技巧:如何讓配色變得更順暢

確定後調色板後,就要開始考慮視覺的層次感。考慮什麼樣的要素,什麼樣的顏色與設計才是最匹配的。舉個例子,鼠標在要素上懸停和點擊時的動作的響應,你可以考慮利用不同的顏色。

美麗的配色,需要不斷的嘗試,所以決定網頁布局和設計的功能之後,不妨多多去嘗試各種各樣的配色,考慮什麼樣的顏色組合能通過視覺化的效果表現出來,就可以選擇更好的顏色眼進行設計了。