PS 新建文件設置 5 大要點

1. 網頁寬度：常用 760/900/1000px，不超 1200px，高度不限。公司通常有統一標準。
2. 背景/圖標清晰度：切圖效果不可與設計稿相差過大。
3. 特效樣式預留：有特效處必須設計特效樣式，便於 DIV+CSS 切圖使用。
4. 可變文字：用宋體/黑體無修飾，便於後期修改。
5. 像素級對齊：細節必須精準對齊。

美工圖完成後 2 條鐵律

1. 導出 JPG/GIF/PNG 觀察效果。
2. 不合層，保持文字/圖標/圖片獨立圖層，方便 DIV+CSS 隱藏顯示切圖。

設計過程 3 大核心技巧

1. 頁面分塊 — 產生立體感與意境

Web 無實體邊框，分塊極其必要。用色塊、框、細線、整齊英文等混合分塊，但不可過於搶眼，重點在內容。

2. 色彩平衡與呼應

• 平衡：上方顏色較重壓住下方，否則頁面飄浮不穩。需有鎮得住場的色彩。
• 呼應：突出色塊若突兀，需在對稱位置用同色系弱化色呼應，減緩視覺衝擊。

3. 精確到 1 像素

成功設計師腦中已構思完整頁面；寬容 1 像素差別 = 不合格。