1. 程式人生 > >web設計規範

web設計規範

內容區儘可能的採用畫素(預設)字,12px~14px宋體。

網頁設計中,除必須用圖片(BANNER設計或者特殊標題)或者FLASH(互動站)製作外,內容一律採用宋體畫素字進行設計,企業站字號統一為12px,門戶站/專題活動站出現部分14px。
一般情況下,接近字型尺寸的行距設定比較適合正文
12px宋體行距一般為16~30px,以20px最為常見

標題區儘可能的採用黑體(雅黑),14px~24px。

質感的應用應統一而協調

我們網站介面的構成和設計,在非常多的時候,總是會伴隨著各種豐富多彩的背景色或重複圖案的鋪底裝扮。 可以說非常多的漂亮設計總是離不開介面的一個色彩,質感等方面大表現的!
選用合理的背景色,輔以各種質感體現,或圖案體現等,不光可以讓我們的介面顯得更漂亮!在很多情況下還可以體現出商業性質,情感表現等!
例如做咖啡的網頁,使用咖啡色搭配歐式花紋圖案素材,就可以顯出一種歷史沉澱,品質等情感。也體現出咖啡悠久歷史,高貴品質等商業感。又或是做食品的站點,我們輔以綠色背景,適當加入綠葉裝扮!就可以體現出綠色,健康的良好形象。

 

網頁各板塊主次關係按照從上至下、從左至右的原則進行區分

 

 

 

 

 

 

 

尺寸大小與主從關係

可視範圍的定義
IE在1024*768解析度下顯示滿屏寬度為1003PX,而我們通常定義的可視範圍為920px~1000px之間。
最為常見的是960px、990px、1000px。
高度根據不同顯示器的長寬比與瀏覽器設定,無法對其進行定義。整屏高度一般為650px。

 

各板塊的主從關係
LOGO與導航儘可能設計在網站的頭部並採用平鋪的形式,需要突出、醒目、方便瀏覽者試用。
背景、內容區儘可能簡潔化,顏色選擇上儘可能低純度,色相與明度變化不要太大,追求整體性、統一性、協調性。
LOGO、導航、按鈕、標題等需要突出的元素需要設計得明顯一些,顏色選擇上純度調高,各板塊對比加強。但這幾個元素之間同樣要注意協調性,否則各元素相互衝突,整個畫面就雜亂無章。

佈局設計與效果打造

佈局方案
儘可能的避免弧線、不對稱效果等不適合做切片的設計。
採用橫平豎直的設計簡約、大方、便於設計與製作、便於瀏覽者閱讀,
*橫平豎直的設計容易造成畫面呆板,在設計上需要適當的調整。

效果風格實現
任何風格都能用於網頁設計,一個網站只能出現一個風格。
風格的打造與網站本身主題相匹配。
避免注重風格忽視內容的設計。