357
次閱讀

網頁配色關乎了閱覽的感受，從一個空白的網頁不只是要有文字，也要有顏色的輔助，讓顏色可以幫助閱讀。

哪一個區塊需要用到什麼顏色、文字要怎麼搭配，這都是常常令網頁設計前端設計師感到苦惱的一部分。

其實也不只可以運用在網頁，平時商業簡報、各種海報設計都需要配色。

  

網頁配色要注意

 

1.盡量避免使用與背景太相似的文字顏色

這樣會使文字閱讀不易，整篇糊再一起

  

2.主色要清楚，不要東一個顏色西一個顏色

雖然網頁視覺豐富沒有錯，但是變成七彩的也就變得很俗了

有種反效果，盡量在網頁設計前就決定好顏色的搭配

不知道怎麼搭配，底下有好用的顏色工具推薦給你

 

• Colordot

有夠簡單的工具，只要進到網頁裡面透過滑鼠左右上下移動就可以使用

喜歡的顏色就點，就可以配下一個顏色，直到你喜歡為止

colordot都會顯示色碼，不用擔心無法套用

使用教學請見: 配色工具 Colordot 只靠鼠標就能靠直覺配色!

 

• Klart Colors

如果你不太相信自己的美感，colors有好幾種幫你配好的顏色

就像動態牆一樣，挑選喜歡的配色

裡面也會附上色碼，對於美感不足的人非常方便

使用教學請見:配色工具 Klart Colors 沒靈感救星! 動態牆展示配色馬上使用

  

• Color Lisa

若你追求藝術感的配色，這個網站有許多有美感的配色

都是藝術家的配色或是有名公司所採用的顏色搭配

相信出於大師之手的配色放到自己網頁上一定質感大提升

使用教學請見: 配色工具Color Lisa 擁有藝術家的配色網頁質感大提升

 

喜歡文章，就分享出去吧!

合作邀約請洽:

請註明出處:https://www.cadch.com/modules/news/article.php?storyid=90