網站知識
     搜索引擎 / Search
     推廣文庫 / SEO
     推薦工具 / Tools
     網站教程 /Tutorial
  
  我們做什么
  網站建設·網頁設計 (
  網站策劃·網站推廣 (
  雅虎口碑壹推廣 (ko
  谷歌搜索競價 (Goo
  網站評估診斷 (Goo
  全站動畫·創意設計 (
 
   您的位置在:首頁 > 內蒙古巴彥淖爾市力天網絡科技有限公司 > 網站知識
   網站知識
網站配色:創建屬于自己的網站配色方案
[ 來源:新睿網   發布日期:2012-3-29 20:16:02 ]
收藏到: Del.icio.us Google書簽 Digg Live Bookmark Furl Yahoo書簽 Facebook 百度搜藏 新浪ViVi 365Key網摘 天極網摘 和訊網摘 博拉網 POCO網摘 添加到飯否 QQ書簽 Digbuzz我挖網

在顏色論系列的前兩部分,我們主要討論了 顏色背后的意義 和關于 顏色的術語。盡管這些信息非常重要,但我相信很多人都非常想知道什么時候才開始進入討論創建一些實質的配色方案。

好吧,本文,也就是本系列的第三部分將介紹這個問題。我們將從頭開始討論創建屬于你自己的配色方案的方法。我們還將討論傳統的配色方案模式(例如單色設計,類比設計,互補設計等),以及如何創建自定義的并不嚴格基于一種模式的方案。在本文最后,你將學會使用工具和技巧為自己的設計項目創建漂亮的調色板。提高技能的最好方法是實踐,因此為自己設定一個目標,每天創建一個新的配色方案是個好主意。

快速回顧

讓我們先回顧一下第一部分和第二部分的內容。在第一部分,我們談到了不同的國家和文化,所有的顏色都具有傳承而固有的不同意義。這些含義對于網站訪客對網站是如何理解的有直接影響,即使這種影響只是潛意識層面的。 你所選擇的顏色對你試圖創建的品牌標識既有可能起到促進作用,也可能妨礙其發揮作用。

在第二部分,我們討論了顏色術語:色相(是什么顏色,如藍色或紅色),色度(色彩中包含的單種標準色成分的多少,缺乏白色,加入黑色或灰色),飽和度(顏色的鮮艷程度是強還是弱),明度(顏色是亮還是暗);色調(通過在純的色相中加入灰色創建);陰影色(通過在純的色相中加入黑色創建);以及淺色(通過在純的色相中加入白色創建) 。對于要繼續學習創建屬于我們自己的配色方案來說,熟悉這些術語是非常重要的。

傳統的配色方案類型

有許多使創建新方案更容易的預定義配色方案,對于初學者更是如此。下面是傳統的方案,每一種有幾個例子。


基本的12輻色輪是創建配色方案的重要工具。

單色

單色配色方案由不同的色調構成,是在特定色調內的陰影色和淺色。這是創建配色方案最簡單的方法,因為它們都來自同一色相,因此盡管也有一定的可能,但是很難創建出一個不和諧的或者丑陋的方案。

示例:

這里有三個單色配色方案的例子。對于這些配色方案大部分來說,從左到右的第一個顏色通常被用作標題的顏色。第二個顏色將用于正文,或者也可用作背景。第三個顏色將可能用于背景,如果#2顏色被用作背景的話,那么它將被用于正文。而最后兩種顏色將作為強調,或用在圖形中。

類比

類比配色方案是僅次于單色的一個易于創建的配色方案。類比方案是由在12輻色輪中相鄰的三種顏色創建的。一般來說,類比配色方案都具有相同的色度水平,但通過色調、陰影色和淺色的使用,我們可以增加這些方案的趣味,并且可以適應我們所設計網站的需要。

示例:


這是一個傳統的類比配色方案,雖然它的視覺感染力很強,但是對于設計一個讓人印象深刻的網站來說,顏色的對比度不夠強。


這個一個和上圖有相同色相的配色方案,但是色度上的調整體現出多樣性。 它現在更適合用于網站設計


另外一個傳統類比配色方案的例子。


以上主題經過修正可以用于網站設計。

互補

互補配色方案是通過將色輪上對立面的顏色相融合來創建。這些配色方案最基本的形式是僅由兩種顏色構成,但是可以很容易通過色調,淺色和陰影色的形式擴展。溫馨提示:即使使用彼此相鄰的具有相同色度或者明度而又完全相反的顏色可能看起來會很不和諧,從嚴格意義上來說,它們的邊界看起來會很刺眼。因此最好通過在它們之間留白,或者在它們之間加入另一個過渡色來避免這種情況。

示例:


廣范圍的淺色、陰影色、和色調的應用讓這個配色方案看起來非常具有通用特性。


另一個具有廣范圍色度的互補配色方案。


別忘了米色和棕色其實是橙色的淺色和陰影色。

分列互補

分列互補配色方案和互補配色方案幾乎一樣簡單。這種配色方案使用的顏色是和位于你的基礎色相對角位置的色相相鄰左右的兩種顏色,而非色輪上對角的顏色本身。

示例:


上圖是一個以黃綠色為基礎色相的配色方案。你所選擇的這種類型的配色方案的顏色間擁有足夠的色度和明度差別是非常重要的。


另一個具有廣范圍色度的調色板例子。

三元配色方案

三元配色方案由在12輪輻色輪中具有相等間隔的色相組成。和其他配色方案相比,這種方案稍顯不同。

示例:


在三元配色方案中,使用一種顏色的淺色或深色版本,與另外兩種顏色的兩種陰影色/色調/淺色一起運用,讓這種單一的顏色在配色方案中顯得中立,可作為中和色使用。


或者,使用將一種非常明亮的色相搭配一對柔和的色相使用可以讓這種明亮的色相更加突出。

雙互補(四元)配色方案

四元配色方案可能是最難有效完成的一種方案。

示例:


上圖是非常不起眼四元配色方案。使用這種配色方案最好的方法是在設計中把一種顏色當作主要顏色,其他的顏色僅僅用作突出它。


當使用相似的色度和明度創建配色方案時,四維配色方案的效果非常好。只需添加一個中和色用作文本和強調,如使用暗灰色或黑色。


對于深色配色方案來說,它的效果也非常好。

自定義

自定義配色方案是最難創建的。自定義配色方案并不基于任何正式的規則,而非像上面討論的那樣遵照某種預定義的配色方案。在創建這種類型的配色方案是,請謹記色度、明度和飽和度等等諸如此類的東西。

首頁 | 公司簡介 |聯系方式 |付款方式 |人才招聘 | 域名空間 | 網頁設計案例 | 網站知識 | 解決方案 | 建站指南
Copyright © 2011-2015 內蒙古巴彥淖爾市力天網絡科技有限公司 All rights reserved
地址:內蒙古巴彥淖爾市中興水郡西座212   郵編:015000   E- Mail:981268907@qq.com
咨詢QQ:981268907 聯系電話:13354789303
昨天福建快3开奖结果