美叶学习
  • 最新
  • 主题

      文章主题

    • 规范指南
    • 原理法则
    • 研究方法
    • 控件
    • AIGC
    • 色彩
    • 排版
    • 无障碍
    • 亮点
    • 槽点
    • 对与错
  • 小册
  • 关于

      关于

    • 关于我们
    • 在线支持
    • 投稿
    • 成为作者
    • 寻求合作
    • 使用帮助
目录
设计漫谈
目超
  • 第1章:前言

    第1节

    小册简介

  • 第2章:目录

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    内容层级

    第5节

    多选

    第6节

    预防犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设置

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    错误状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

数值修正
2025年12月20日

在界面与组件的设计过程中,我们几乎无时无刻不在与“数值”打交道,按钮的圆角是多少?栅格的 gutter 要设多宽?卡片之间的间距、文本行高、阴影模糊、透明度……这些看似普通的数字,常常决定了界面的节奏、视觉的呼吸与整体的和谐。

然而,数值永远不应该只是冷冰冰地躺在输入框里。真正优秀的设计,是让数值的调整变得顺手、直观、有“触感”的一种行为,而不仅是不断敲击键盘或刷新预览的机械操作。因此,今天我想和你聊聊数值修改这个话题。

传统手动输入

最原始也是最可靠的数值修正方式,是把焦点放在输入框里,敲入一个又一个数字。它的优势在于无可争议的精确性。比如当你在构建设计系统、设定网格时,需要确保每一个数值都一致、可复用,所以通过手动输入数字依然是最稳妥的选择。

再比如你在绘图软件上做一个按钮,你希望每个按钮的圆角都不一致,这是你可以手动输入“12px / 16px / 8px / 4px”这样的具体数值,


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

支付¥29.90,解锁全部51篇