「描邊」看似簡單,實則是圖層樣式中最基礎也最常用的功能之一。它沿著圖層非透明像素邊緣描繪邊框,無論是為圖標加邊、製作標籤、還是設計描邊字體,都離不開它。本文將系統拆解描邊面板的三大核心選項——大小、位置、填充類型,並配合動態演示圖,助你徹底吃透每一項參數的視覺影響。

本質上就是設定描邊的寬度(像素)。數值越大,邊框越粗;設為 0 則無描邊。配合「位置」不同,視覺寬度會有細微差異(見下文)。
三個選項對應三種幾何關係,直接影響邊框與原圖層像素的重疊方式:
| 位置選項 | 幾何含義 | 典型應用場景 |
|---|---|---|
| 居中 | 邊框以選區邊緣為中心,向內外各延伸一半寬度 | 通用描邊、雙色邊框基礎層 |
| 內部 | 邊框完全向選區內部延伸,不佔外部空間 | 按鈕內邊框、保持外輪廓尺寸不變 |
| 外部 | 邊框完全向選區外部延伸,圖層尺寸實際變大 | 外發光前置邊框、標籤外輪廓 |



三種模式可任意切換,甚至疊加使用(如:底層色填 + 上層漸變疊加):


搞懂這三大選項與組合技,描邊就不再只是「加個框」,而是你構建視覺層次、強化資訊架構的利器。下次做圖標、橫幅、名片時,試著把描邊參數當成設計語言去推敲吧!