台南美食雞蛋貓異想世界(中餐技術士、數位電子技術士及格)

常常問老師

要如何  設計網站才能

和老師一樣看起來很專業ㄟ

在網頁上，色彩應用並不像想像中那麼容易，

在顯示器畫面看到的色彩會隨著用戶的顯示器廠牌環境變化而變化。

真頭痛ㄟ

特別是在網頁這個特殊環境，色彩的使用就更加困難。

但是又必要做到能夠自由低使用色彩做出漂亮網頁。

首先必須理解網頁的特殊環境，在了解色彩原理的基礎上掌握配色技巧，才能製作出美輪美奐的網站畫面。

原來是這樣ㄚ

設計要領與規範

l          網頁色彩必須為R.G.B

盡量使用網頁安全色設計：扣除Macintosh的窗口和網頁瀏覽器中表現的40種顏色，

剩下216個色彩。可以在任何螢幕上看起來相近顏色。

原來如此

配色的基本方法：

如果想要把各式的顏色有效的調和起來，那麼訂下一個規則，在按照他去做會比較好。

比如用同一色系的色彩製作網頁顏色，

按照種類只要變換背景色和明度或者飽和度，

或維持一定的明度和飽和度只變換顏色，

利用色彩三要素：顏色、飽和度和明度來配色是比較容易的。

哇！我終於掌握到要領了

那正妹試試看

使用同樣的顏色，變換飽和度的差異或明暗的差異，真的ㄟ~~簡單又有效的配色。

但是文字ㄟ~~字太多 感覺就很擠ㄟ

文字配色需要更強的可讀性與可識別性。

所以文字的配色、背景的對比度問題，

就需要費些腦筋，很顯然，文字的顏色和網頁背景色有明顯差異，

其可讀性和可識別性就強。

這時主要使用的配色是明度的對比配色或者利用補色關係的配色。

使用灰色和白色等無色彩背景，其可讀性高，和別的顏色容易配合，

如果想要使用一些比較有個性的顏色的話就要注意顏色對比問題。

正妹測試過後~~結論是.........

多試驗幾種顏色，要努力尋找那些熟悉的、適合的顏色。

另外，在文字背景下使用的圖像，如果使用對比高的圖像，那麼可識別性就降低。

這種情況底下就要考慮降低圖像的對比度和使用只有顏色得背景。

這是正妹學習心得

希望對格友~~有幫助ㄡ