內容區儘量的採用像素(缺省)字,12px~14px宋體。瀏覽器
網頁設計中,除必須用圖片(BANNER設計或者特殊標題)或者FLASH(互動站)製做外,內容一概採用宋體像素字進行設計,企業站字號統一爲12px,門戶站/專題活動站出現部分14px。
通常狀況下,接近字體尺寸的行距設置比較適合正文
12px宋體行距通常爲16~30px,以20px最爲常見佈局
標題區儘量的採用黑體(雅黑),14px~24px。字體
質感的應用應統一而協調網站
咱們網站界面的構成和設計,在很是多的時候,老是會伴隨着各類豐富多彩的背景色或重複圖案的鋪底裝扮。 能夠說很是多的漂亮設計老是離不開界面的一個色彩,質感等方面大表現的!
選用合理的背景色,輔以各類質感體現,或圖案體現等,不光可讓咱們的界面顯得更漂亮!在不少狀況下還能夠體現出商業性質,情感表現等!
例如作咖啡的網頁,使用咖啡色搭配歐式花紋圖案素材,就能夠顯出一種歷史沉澱,品質等情感。也體現出咖啡悠久歷史,高貴品質等商業感。又或是作食品的站點,咱們輔以綠色背景,適當加入綠葉裝扮!就能夠體現出綠色,健康的良好形象。spa
網頁各板塊主次關係按照從上至下、從左至右的原則進行區分設計
尺寸大小與主從關係blog
可視範圍的定義
IE在1024*768分辨率下顯示滿屏寬度爲1003PX,而咱們一般定義的可視範圍爲920px~1000px之間。
最爲常見的是960px、990px、1000px。
高度根據不一樣顯示器的長寬比與瀏覽器設置,沒法對其進行定義。整屏高度通常爲650px。圖片
各板塊的主從關係
LOGO與導航儘量設計在網站的頭部並採用平鋪的形式,須要突出、醒目、方便瀏覽者試用。
背景、內容區儘量簡潔化,顏色選擇上儘量低純度,色相與明度變化不要太大,追求總體性、統一性、協調性。
LOGO、導航、按鈕、標題等須要突出的元素須要設計得明顯一些,顏色選擇上純度調高,各板塊對比增強。但這幾個元素之間一樣要注意協調性,不然各元素相互衝突,整個畫面就雜亂無章。網頁設計
佈局設計與效果打造im
佈局方案
儘量的避免弧線、不對稱效果等不適合作切片的設計。
採用橫平豎直的設計簡約、大方、便於設計與製做、便於瀏覽者閱讀,
*橫平豎直的設計容易形成畫面呆板,在設計上須要適當的調整。
效果風格實現任何風格都能用於網頁設計,一個網站只能出現一個風格。風格的打造與網站自己主題相匹配。避免注重風格忽視內容的設計。