一、文件管理

1、合理命名文件名稱（01首頁、02關(guān)于我們等）

2、將用到的圖標(biāo)，素材等和PSD文件放在一起，并命名。（photos/icons 文件、PSD、字體、客戶網(wǎng)站有關(guān)資料）

3、在有條件充足情況下，將UI元素制作成模板， 形成UI元素的統(tǒng)一化

4、將文件同時(shí)保存在網(wǎng)盤，方便隨時(shí)下載使用

二、圖層

1、合理且精確地命名，對(duì)每一個(gè)圖層都要命名；忌使用圖層1、副本、副本2

2、合理使用圖層分組（圖層文件夾）

3、按文檔流給圖層組命名，一般來說就是將頁眉組放最前、頁腳組放最后，其他放中間

4、刪除不必要的圖層

5、合并共同元素

6、使用圖層復(fù)合和智能對(duì)象

三、圖片

1、忌隨意拉伸或者壓扁

2、對(duì)齊一切可對(duì)齊的元素、忌層次過多

3、謹(jǐn)慎使用混合模式，前端小伙伴打開來看到的效果有時(shí)并非自己的原稿

4、多使用蒙版，智能對(duì)象，這樣方便修改；忌裁切圖片

四、字體

1、使用整數(shù)值，最好是雙數(shù)

2、不要隨意拉伸字體，網(wǎng)頁不同于印刷品、除非切成圖片、否則前端不可能實(shí)現(xiàn)

3、使用分開的文本框，標(biāo)題用一個(gè)文本框處理、正文也單獨(dú)使用一個(gè)文本框處理，不要混合在一起

五、特效

1、適當(dāng)?shù)厥褂妙伾B加，最好直接更改顏色，而不是再次進(jìn)行顏色疊加

2、平鋪紋理圖像，忌使用不能通過平鋪重復(fù)的圖片做背景

3、合理的使用描邊，內(nèi)部描邊相對(duì)來說更為精確，而居中描邊和外部描邊就會(huì)形成圓角。

4、背景在運(yùn)用漸變時(shí)，盡量使用上下漸變和左右漸變

六、其他

1、 熟悉瀏覽器的兼容性

2、 在設(shè)計(jì)之前搜索一些相關(guān)信息，看看自己的設(shè)計(jì)是否得到瀏覽器的支持，適當(dāng)時(shí)候要放棄圓角/漸變/陰影等特性。

3、 使用柵格系統(tǒng)

4、溫和地使用投影，忌一打開你的設(shè)計(jì)稿，第一時(shí)間被陰影吸引

5、使用WEB字體（中：微軟雅黑、宋體；英：無限制）

6、設(shè)計(jì)的同時(shí)考慮設(shè)備寬度

7、使用正版的圖標(biāo)、圖片，最好是客戶提供的素材

8、為提升用戶體驗(yàn)、設(shè)計(jì)404頁面、反饋提醒、進(jìn)度條等

9、同一個(gè)記錄的圖片在各處應(yīng)用的尺寸比例應(yīng)一樣。

七、發(fā)稿

1、設(shè)計(jì)稿正式發(fā)出去之前，設(shè)計(jì)師互相校對(duì)

2、當(dāng)線框圖流程開展后，與線框圖比較，確保各元素位置正確

3、設(shè)計(jì)稿風(fēng)格、取色等一致性檢查（選用的輔助色與LOGO色是否一致）

4、將用到的圖標(biāo)，素材等和PSD文件放在一起，并命名，一起發(fā)給前端小伙伴。（photos/icons 文件、PSD、字體、客戶網(wǎng)站有關(guān)資料）