在界面与组件的设计过程中,我们几乎无时无刻不在与“数值”打交道,按钮的圆角是多少?栅格的 gutter 要设多宽?卡片之间的间距、文本行高、阴影模糊、透明度……这些看似普通的数字,常常决定了界面的节奏、视觉的呼吸与整体的和谐。
然而,数值永远不应该只是冷冰冰地躺在输入框里。真正优秀的设计,是让数值的调整变得顺手、直观、有“触感”的一种行为,而不仅是不断敲击键盘或刷新预览的机械操作。因此,今天我想和你聊聊数值修改这个话题。
最原始也是最可靠的数值修正方式,是把焦点放在输入框里,敲入一个又一个数字。它的优势在于无可争议的精确性。比如当你在构建设计系统、设定网格时,需要确保每一个数值都一致、可复用,所以通过手动输入数字依然是最稳妥的选择。
再比如你在绘图软件上做一个按钮,你希望每个按钮的圆角都不一致,这是你可以手动输入“12px / 16px / 8px / 4px”这样的具体数值,

手动输入方式带来的,是冷静、严谨、可控, 每个数字都有记录,每个布局都能按预期渲染。这对于重视设计系统规范、需要多人复用组件库、要求跨平台一致性的项目尤为重要。