痛點與解決方案

高清圖片縮小為圖標時細節慘不忍睹，專業圖標卻能在極小尺寸保持銳利。關鍵在於 像素對齊網格 與 次像素 微調。PS CS6 引入的像素自動對齊網格功能，配合正確設置，能從根源解決邊緒模糊、鋸齒問題。

一、像素對齊網格設置與應用

1. 繪制時對齊

• 預設下僅 100% 視圖下繪制不模糊，放大縮小輔助網格無效，因網格單位預設為毫米。
• 設置：編輯 > 首選項 > 參考線、網格和切片，網格線間隔單位改「像素」，數值設 1，子網格同 1（或按喜好如 10/10）。
• 開啟 視圖 > 顯示 > 網格 (Ctrl+') 並勾選 視圖 > 對齊 > 網格。
• 自此，任意縮放比例下繪制矩形/圓角矩形/橢圓等常規形狀，邊緣自動吸附像素網格，銳利無虛邊。

2. 變換時對齊

長寬同奇/同偶 90° 旋轉可自動對齊；奇偶混合則會模糊。解決：旋轉後不退出自由變換，開啟網格，拖動圖層邊緣吸附對齊網格即可修正。

二、次像素讓圖形更飽滿

次像素（Sub-pixel）即半透明過渡像素，用於平滑鋸齒、增加飽滿度。

案例：下拉菜單三角箭頭

• 方案 A：鉛筆逐像素畫 → 清晰但生硬、有鋸齒。
• 方案 B：路徑對齊網格畫 → 無鋸齒但體量感弱、單薄。
• 方案 C：次像素微調 → 無鋸齒且體量飽滿（最佳）。

操作方法

1. 放大畫布至 3200% 等高倍率。
2. 用直接選擇工具 (A) 選中路徑錨點。
3. 方向鍵微移錨點（每次 1 像素），使原本淡的次像素變深，直到視覺體量與方案 A 一致但邊緒平滑。

總結

• 像素對齊網格 解決「銳利」問題，適用常規幾何形狀繪制與變換。
• 次像素微調 解決「飽滿」問題，適用斜線、曲線、小尺寸圖標細節優化。
• 兩者結合，實現專業級高清圖標/界面元素繪制標準。