武林網(m.survivalescaperooms.com)文章簡介：DIV CSS制作前網頁美工圖設計要點.

這里為大家介紹一下DIV CSS制作前網頁美工圖設計要點：

引入
1、如果是網頁美工設計與CSS切圖不是同一人需要先出美工網頁精確清晰的效果圖
2、美工設計需要注意什么呢？接下來由CSS5為大家介紹

這里講解基于PS（Photoshop）設計前新建文件設置：

1、新建網頁美工文件時，寬度與高度以像素為單位
2、分辨率是72像素
3、顏色模式為RGB 8位
4、背景內容一般為透明

計設置時候注意事項：

1、使用作為網頁背景、網頁圖標的要清晰

2、細節一定要對齊

3、在做成網頁后可改變的文字，需要使用宋體、黑體即可無需修飾

4、注意網頁內容寬度，在做的時候一定要做好網頁寬度的設置設計，一般網頁寬度有760PX、900PX、1000PX、等最好不要超過1200PX的寬度，至于高度不限制 有多少內容就設置多高無所謂

5、有特效地方，有必要設計出特效樣式，如按鈕圖標的鼠標經過有變化的需要設計好變化的，以便DIV CSS制作的時候切圖使用

最后設計好的美工圖注意：

1、千萬不要合層，盡量保持，每個文字、圖標圖片的獨立圖層，以便DIV CSS切圖時候隱藏顯示切圖

2、可以導出JPGGIFPNG等格式觀察效果。

以上是在DIV CSS切圖前對網頁美工圖設計注意事項！