设计工具Figma用户也有羡慕的时候！Sketch自带的「同心圆角」有多香？

细节描述

龙爪槐守望者: 有经验的设计师都知道，当在圆角矩形内部绘制另一个圆角矩形时，内矩形的圆角半径需要调整。如果内外部使用相同的圆角半径，可能会出现视觉上的间隙或不连续。这是因为内矩形的圆角需要「嵌套」在外矩形内，类似于嵌套圆圈，内圆的半径必须小于外圆。为了让界面更和谐，内圆角半径 = 外圆角半径 - 间距。 你看做设计还得会点数学，如果是在Figma，可以找插件代劳计算。而Sketch更进一步，内置了同心圆角功能。你可以将图层的圆角设置为「自动」，这样它们就能在视觉上与最近的具有圆角属性的容器的圆角对齐。Sketch会根据图层到该容器的距离来计算这个效果——如果容器是堆栈布局，则基于容器的内边距来计算。 「同心圆角」其实是计算性设计（Computational Design）思维在UI工具中应用的一个缩影。它标志着设计工具正在从一个纯粹的「绘图板」向一个智能的「设计伙伴」转变。像 Figma 的自动布局（Auto Layout）和变量（Variables）功能，都属于同一范畴——设计师不再是手动绘制每一个状态，而是定义一套规则和逻辑，由工具来生成最终结果。未来，我们可能会看到更多这样的智能特性，比如能根据层级关系自动调整阴影深度、能根据品牌调性智能推荐配色等等。这让设计师能从重复性的像素工作中解放出来，将更多精力投入到更宏观的策略和体验创新上。