作為一個設計師,當您即將終結一個 WooCommerce 獨立站網頁設計時,您可能會發現您已經陷入困境:選擇一個配色方案。當涉及到設計(任何東西),您是否會選擇正確的顏色?WordPress 網站製作 WooCommerce 網站開發:如何在設計中使用色調和陰影?

  選擇正確的顏色只需選擇兩種顏色:中性色和主色調。為了我們的目的,讓我們在米色/棕色中將中性定義為黑色,白色,灰色。主色調可以是任何您想要的,從海藍寶石到西葫蘆綠。

  那麼,什麼是色調和陰影?

  色調和陰影是單一顏色的較亮和較暗變化的藝術術語。它們是通過將白色(用於色調)或黑色(用於陰影)新增到基色中而建立的。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷、營銷推廣、 WordPress APP/WordPress 微信開發等產品服務,新上線企業 VI 設計套餐和 WordPress 站羣網站營銷推廣系統(強),歡迎新老顧客前來諮詢!

  使用它們作為調色盤的一部分具有許多優點。首先,簡化了顏色選擇過程。您有更少的顏色選擇,而不必擔心您的設計無意中看起來像一個彩虹,它的另一個好處是,它們會自動給您的調色盤一個拋光,內聚的外觀,因為它們是由相同的基色形成的。

  應用色調和陰影的方法

  一旦您有一個調色盤挑出來,是時候應用您的選擇到您的設計。基色的較淺或較深變化可以為您的配色方案增添對比度,視覺效果和多功能性。 需要一些靈感如何應用他們?檢視以下想法和示例:

  01. 建立品牌內聚性

  具有一種顏色的色彩和色調,您可以用於各種目的和效果,將使您的品牌形成一個拋光,統一的外觀。這兩個品牌包由設計工作室 Mast 展示您可以在您的專案中使用色調和陰影實現的靈活性和創造力。

  第一組特徵是其中藍色基色的多種變化,而第二組有效地僅使用基色加一個較暗的陰影。注意這兩個紅色(以及設計中的圖形元素)是如何從品牌的標誌中繪製的。

  02. 新增對比度

  對比度是任何設計中良好的可見性和簡單導航的關鍵。將一個最亮的色調與您最暗的色調配對是建立對比度的一種簡單方法。邁克爾·希爾德布蘭德在這裏與他的活動海報。海報底部的淺粉紅色文字與深色的粉紅色,幾乎是洋紅色的背景很好地對齊。這種對比度在頂部附近説 “第四年度” 的小文字框中相反,兩種顏色的組合也是有效的。

  03. 混合

  顏色可以用來幫助設計元素脱穎而出,但是,應用不同,它也可以導致元素混合在一起或看起來更低調。下面的書籍封面由羅伯特·弗蘭克·亨特(Robert Frank Hunter)設計,其特色是色調和色調,沒有太多的對比度。這使整個背景圖後退一點,所以排版突出。

  04. 簡化和分離

  如果一個設計的所有部分都具有相似的顏色,色調或飽和度,則很難從一個元素中分辨出另一個元素。這就是色調和陰影可以派上用場。當您有很多信息要組織,使用顏色變化可以幫助視覺上分離佈局的不同部分。此外,共享基色的調色盤將防止已經繁忙的設計看起來不必要的混亂或視覺上過多的顏色選擇。