微信H5四大對比色配色方案分析

在製作h5頁面時確定好主色調之後,我們還需要選擇合適的配色,有時候配色的選擇比主色的更加困難。其中,常見的配色法就是對比色,而對比色又可以分為四種類型,也就是接下來我們要介紹的微信H5四大對比色配色方案。

微信H5四大對比色配色方案分析

1.120°或180°的對比

這種對比色包括色相對比、明度對比以及飽和度對比。在色相環中,某個顏色所對應的120°或180°位置的顏色都是它的對比色,比如藍色與黃色,如果再通過明暗度以及飽和度的調控,我們還可以延伸出更多的對比色。

2.任意色彩與黑白灰的對比

任意色彩都可以與黑、白或灰進行對比,這種對比用法是絕對不會錯的,比如黑和紅、白和藍、灰和橘,都是比較經典的對比色配色方案。一般,黑白灰是背景主色調,而其他色彩則用來突出重點內容,讓人一目瞭然。

3.深色與淺色的對比

如果背景是深色的,那麼文字就可以用淺色,這樣可以更好地突出頁面主題,這種對比方法就是深色與淺色之間的對比法,它需要與前面幾種對比法結合起來。但是,這種對比法的視覺衝擊性不強,我們可以再另外加上其他對比色,讓用戶眼前一亮。

4.冷色與暖色的對比

根據人們的心理感受,我們可以將色彩分為冷色、暖色以及中性色,而冷色與暖色的對比就是一種很好的對比方案。在色環中,冷色和暖色是對立的,這個和前面說到的120°或180°的對比色類似,它們可以給人帶來不一樣的視覺衝擊,比如藍色與黃色、紅色與黑色。

5.亮色與暗色的對比

亮色指的是色環中比較明亮、鮮豔的顏色,而暗色則相反,這兩種類型的顏色是相對而言的,有時候只有通過對比才能分辨哪個是亮色,哪個是暗色,比如同時暖色調的紅色與黃色,放在一起的時候,紅色就是暗色,而黃色就是亮色,它們具有明顯的對比效果,能讓頁面的設計感更強。

有了這些對比色配色方案,我們就能為微信H5挑選合適的配色了,大家在製作的時候依次嘗試這些方案,並選出合適的一個。

維本是一家強大的HTML5製作公司,專注於企業H5網站建設。同時提供人才招聘、企業宣傳、產品推廣、會議活動、電商營銷等各類H5創作。維本為企業提供精緻美觀的H5動態展示、強大精準的企業數據監測分析及企業整合營銷方案幫助企業輕鬆實現社交平臺(微信、微博、QQ等)數字化營銷。 湖南維本網絡科技有限公司為中國數字技術型營銷領跑者、中國較早的微信應用開發,HTML5開發公司之一是該行業的風向標,始終保持著一份與時俱進的奮鬥激情,及在行業的領跑者地位。公司總部坐落於長沙,服務全國各地的企業,公司倡導數字技術型營銷理念,致力於為企業提供全方位的數字營銷解決方案,提供多種功能,實現內容傳播,提高轉化率。 http://www.wei-ben.com/


分享到:


相關文章: