網(wǎng)站配色：創(chuàng)建屬于自己的網(wǎng)站配色方案-在線瀏覽
2024-12-29 14:58本頁面
【正文】 或者，使用將一種非常明亮的色相搭配一對柔和的色相使用可以讓這種明亮的色相更加突出。 示例： 上圖是非常不起眼四元配色方案。 當使用相似的色度和明度創(chuàng)建配色方案時，四維配色方案的效 果非常好。 對于深色配色方案來說，它的效果也非常好。自定義配色方案并不基于任何正式的規(guī)則，而非像上面討論的那樣遵照某種預定義的配色方案。 示例： 上圖的所有顏色都有相同級別的色度和飽和度。 在都是低色度的顏色中使用一種高色度的顏色是另 一種有效的方法，這種高色度的顏色可以用作強調(diào)。但它并沒有很多人認為的那樣復雜。 上文我們已經(jīng)介紹了不同種類的配色方案。有大量的在線工具可以用來協(xié)助創(chuàng)建一個配色方案，但是從現(xiàn)在開始我們暫時摒棄這些工具，僅使用 Photoshop 來完成這項工作。雖然了解不同顏色之間相互作用的方式，以及傳統(tǒng)的配色方案是如何創(chuàng)建的是非常重要的，但是對于你有可能去創(chuàng)建自定義配色方案的大多數(shù)設(shè)計項目而言，無需嚴格遵循任何預定義的模式。我們的虛擬客戶是一個現(xiàn)代建筑設(shè)計的博客和一個深受維多利亞時代風格影響的高檔女性服裝零售商。雖然我曾提到傳統(tǒng)的配色方案模式在設(shè)計中不常用到，但是單色配色方案確實這一規(guī)則的例外。 對于我們的服裝店來說，將加入的白色作為中和色是一個傳統(tǒng)的配色方案。 上圖可以看作類比配色方案，但我們省略了一個顏色。在色輪上這兩個顏色彼此相鄰，看起來效果很好，特別是當它們使用不同級別的明度和飽和度時。 在上圖中，我們不再使用紫色色相，轉(zhuǎn)而使用酒紅色。我們還增加在色輪上位于紫色對角上的淺黃色調(diào)。 雖然這個配色方案乍眼看上去像另一個標準的灰色和紅色調(diào)色板，但是如果更仔細的研究一下，你將會發(fā)現(xiàn)灰色其實是藍色調(diào)。 為什么陰影色、色調(diào)和淺 色都很重要 正如在上文的配色方案中看到的那樣，在你的配色方案中使用淺色、色調(diào)和陰影色是至關(guān)重要的。這導致了配色方案既具有不可替代的壓倒性，同時卻又很枯燥。創(chuàng)建具有專業(yè)外觀配色方案的最簡單方法是為某一 非純色相的特定顏色選用一些色調(diào)、淺色和陰影色，加入到另一個純的、或者接近純的色相中，這些色相是在色輪中至少間隔三個顏色（是三維、四維或分列互補配色方案）用于強調(diào)色。 加入一些中性色 中和色是創(chuàng)建一個配色方案的另一個重要組成部分。褐色，棕褐色，和灰白色往往使配色方案在視覺上有溫暖的感覺（由于它們其實都是橙色和黃色的色調(diào)，陰影色和淺色）。黑色與白色的同樣 可以是暖色或冷色，這取決于周圍的顏色而定。 然而為了加入更多的視覺沖擊力，可以考慮使用稍亮或者稍暗的灰色置于白色或黑色的位置。對于褐色來說，可以考慮在黑色的位置使用一種非常暗的巧克力棕色。和棕褐色也可以取代灰色的位置（通過添加以小額灰色來創(chuàng)建色調(diào)會更容易些）。在線的自動化工具可以為你自動完成這項工作（ Adobe Kuler 是這些工具中我個人最喜歡的一種），或者也可以使用 Photoshop 來完成制作。如果你正在為在網(wǎng)站設(shè)計中使用什么顏色而絞盡腦汁的話，可以嘗試在 Flickr 中搜索相關(guān)的詞。 讓我們嘗試這種使用 Kuler 和 Photoshop 兩種方法。我選擇了這一張： 以下是 Kuler 基于這張圖片創(chuàng)建的原始配色方案： Kuler 上基于圖片
公司管理相關(guān)推薦
鄂ICP備17016276號-1