Web+設計的黃金則 - Web Color 配色虎之卷

?本邦夫 著 / iku 譯

顏色決定了網站帶給瀏覽者的視覺印象
配色不對、感覺就會不對
傳遞的訊息也會失真

光靠感覺配色僥倖存活的時代已經過去
身為網頁設計師必須要能掌握配色的黃金法則
才能正確傳遞訊息、設計出具高商業價值的網頁

 

搶先試讀 ──重視網頁圖像的色彩

 

Good
影像放再黑色背景上時,由於明度上的對比,影像看起來會較明亮。
 
Bad
當影像周圍有高彩度色存在,影像容易顯得渾濁,而且觀賞者的視線容易被周圍的色彩搶走。
 
若是以影像或插畫等圖像為主的網站, 就要考慮其呈現方式,要以能充分表現圖像美的配置方式來設計。

使用不影響圖像美感的背景色

背景色為有彩色時, 不論是色相或是彩度都會與圖像產生對比效應。色相一旦產生對比, 會影響到圖像本身的色彩, 使圖像色彩看來與原來製作時不同;而彩度對比會是影響色彩鮮明度的關鍵,所以若是食品等的圖像, 彩度過於混濁會是很大的致命傷。

依據以上種種理由, 在設計重視圖像美感的網頁時, 要盡量避免使用高彩度的背景。

此外, 將 LOGO 等元件放到不同的背景色上時, 顏色當然看起來就會不同。這樣還會對企業或網站的品牌形象帶來負面影響, 因此, 在企業或網站的LOGO 使用規則中, 往往就已包含關於背景色的規定。

但是, 當圖像中的白色部份較多時, 為了加上一點對比色, 以暗色做為背景色比較能讓圖像顯示得更清晰。 ........more

 

 
延伸閱讀

現今的網頁設計工作比以前要更競爭, 外觀除了要能吸引人外, 版面的閱讀舒適性高不高, 配色對不對, 能不能引起瀏覽者的共鳴…..都是設計師必須面對的問題。

在 Web 中無論是圖像、文字或設計都是與瀏覽者溝通的重要管道。為了創作出更符合瀏覽者需求的設計, 網頁設計工作者對基本的網頁設計理念有更清楚的認知, 才不會做出雖然很炫, 但閱讀起來卻令人很痛苦的網頁版面。

"網頁人人會做", 但唯有熟知並能靈活運用版面設計基礎理論的網頁設計師, 才能一再突破自我, 設計出精彩多變、且符合瀏覽者需要的網頁版面。 .....more


向著作+設計得獎雙人組蘿賓•威廉絲和約翰•托列特請益, 學習設計理論和實用秘技!

蘿賓•威廉絲曾在她的《Non-Deisnger's》暢銷系列叢書中, 介紹了設計與文字編排的原則。現在蘿賓和設計師/共同作者約翰•托列特將透過實用的建議、構圖練習和設計挑戰, 帶領你更上層樓, 進入創意設計的殿堂。

本書以上百幅全彩設計範例和淺顯易懂的文字, 討論了設計、視覺理論, 以及實際案件的排版和圖片規劃。任何設計師都會愛上蘿賓和約翰的創意手法和精選範例。 .........more