製作網頁時網頁背景與前景的字型配色比較麻煩的。如果背景顏色與字型顏色的搭配不合理,就會使網頁效果大打折扣。如果背景色與字型色的對比度太大,就會顯得太刺眼;如果對比度太小,就會使網頁風格變得過於沉悶。要達最佳配色實在是麻煩之至,自定義-〉觀看效果-〉不合適-〉從頭來……,
黃金分割法的基本原理是這樣的:把顏色的對比度(背景與前景)調節在0.618比例附近的位置上。下面我以FrontPage 2000為例來講解一下具體操作。
1.選擇背景色(記住顏色的亮度值)。打開FrontPage後單擊滑鼠右鍵,選擇"網頁屬性",彈出"網頁屬性"對話框後選擇"背景"單元(或"格式"選單下的"背景"選項),然後在背景色選項中選取你想要的任意背景色,然後確定(本例中選取橄欖綠RGB:0,128,0 亮度:60)。
2.選擇前景色。選擇格式-〉字型,在字型顏色中選取"其他顏色"。彈出顏色對話框後選擇"自定義",彈出Windows的標準顏色對話框(如圖):
3.計算亮度值。若背景色的亮度值為0-92時,將上述對話框中的亮度確定為X+148;若在148-240之間則定為X-148。然後選擇任何你認為搭配合理的顏色(亮度值不變)作為前景色。選擇原理如下:亮度的最大值是240,黃金分割值為240×0.618≈148,即亮度差為148為最佳對比度,因此選取的前景色與背景色亮度值至少有一位於0-92或148-240之間,其他亮度值不一選取(強烈建議)。
前景色或背景色亮度值位於0-92或148-240之間,則相對應的亮度值取值為X+148或X-148
相關詞條
-
Fireworks網頁元素與網頁效果圖設計
《Fireworks網頁元素與網頁效果圖設計》是2008年人民郵電出版社出版的圖書,作者是劉濤。
內容簡介 作者簡介 編輯推薦 目錄 -
色彩構成[美學名詞]
色彩視覺 色彩構成[美學名詞] 光與色光色並存,有光才有色。色彩感覺是離不開光的。(1)光與可見光譜。光在物理學上是一種電磁波。...
色彩視覺 色立體 色彩對比 紋理對比 色彩推移 -
設計
服藥,密因酖毒,重相設計。” 元尚仲賢《氣英布》第一折:“運籌設計,讓之張良;點將出師,屬之韓信。”明馮夢龍《喻世明言》第一卷:“假如牆花路柳...界面設計 (Interface Design) 圖形設計影視動畫設計網頁易...
基本含義 詞語概念 主要聯盟 常見類型 設計方法
