龍爪槐守望者: 有經驗的設計師都知道，當在圓角矩形內部繪制另一個圓角矩形時，內矩形的圓角半徑需要調整。如果內外部使用相同的圓角半徑，可能會出現視覺上的間隙或不連續。這是因為內矩形的圓角需要「嵌套」在外矩形內，類似于嵌套圓圈，內圓的半徑必須小于外圓。為了讓界面更和諧，內圓角半徑 = 外圓角半徑 - 間距。 你看做設計還得會點數學，如果是在Figma，可以找插件代勞計算。而Sketch更進一步，內置了同心圓角功能。你可以將圖層的圓角設置為「自動」，這樣它們就能在視覺上與最近的具有圓角屬性的容器的圓角對齊。Sketch會根據圖層到該容器的距離來計算這個效果——如果容器是堆棧布局，則基于容器的內邊距來計算。 「同心圓角」其實是計算性設計（Computational Design）思維在UI工具中應用的一個縮影。它標志著設計工具正在從一個純粹的「繪圖板」向一個智能的「設計伙伴」轉變。像 Figma 的自動布局（Auto Layout）和變量（Variables）功能，都屬于同一范疇——設計師不再是手動繪制每一個狀態，而是定義一套規則和邏輯，由工具來生成最終結果。未來，我們可能會看到更多這樣的智能特性，比如能根據層級關系自動調整陰影深度、能根據品牌調性智能推薦配色等等。這讓設計師能從重復性的像素工作中解放出來，將更多精力投入到更宏觀的策略和體驗創新上。
