以下是 间距 相关内容,总共有 15 条记录。
整理一份实用的排版与版式检查工具清单,覆盖网格与间距校验、对齐与基线、文本可读性与无障碍对比、导出前的预检与规范化等场景。每个工具给出地址与适用建议,便于按需组合进日常设计工作流。
想做出更稳的版式,关键不是“灵感爆发”,而是把网格、对齐、间距和排版尺度这些基础变量管起来。下面整理一份排版与网格相关工具清单:从网格生成、CSS 布局、字体尺度到版式参考,一次配齐。
一篇可直接照做的 Figma Auto Layout 教程:从框架到组件、约束与响应式间距设置,最后整理成可复用的卡片组件与规范检查清单。
这篇教程带你从零用 Figma 的 Auto Layout 搭一套可复用按钮组件:包含间距 圆角 字号规范、组件变体、状态与可维护的命名方式,照着做就能在项目里直接用。
从画板尺寸、12列网格、文本样式到间距体系,按步骤把一张海报做出“对齐一致、层级清晰、可复用”的版式。每一步都可直接照做,适用于活动海报 课程宣传 产品上新。
手把手在 Figma 里建立“字号+行高+间距”三件套:用变量(Variables)统一数值、用文本样式 间距样式规范命名,并教你如何在组件与 Auto Layout 中快速套用。按步骤做完,你的文件会更好维护,也更容易和开发对齐。
从 8pt 规则开始,把网格、间距、文字与组件约束统一起来:这篇用一套可落地的参数,让你在 Figma 里快速搭出稳定的栅格与间距体系,并把它变成团队可复用的组件规范。
想做一套好维护的设计规范,关键不在“好看”,而在可复用、可扩展、可对齐。本文用一套从零到一的方法,把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清,并给出可直接落地的模板与检查清单。
用Auto Layout快速做出等间距卡片列表,掌握间距、填充、约束与组件化的关键设置,适合新手按步骤复现。
留白的价值不只是高级感,更是信息分组和触达容错。本文从组内组外间距、移动端误触到如何用8px体系落地,讲清楚留白怎么用才有效。
自动布局的核心不是省几次对齐,而是把界面结构做成可复用、可扩展、能适配变化的系统。本文从容器层级、间距规则到组件协作,讲清楚自动布局怎么用得更稳定。
网格的价值不在于把设计做成方块,而在于把间距和对齐变成可复现的规则。本文从8px体系到列网格,讲清楚网格怎么选、怎么用,以及如何在复杂页面里保持稳定。
用最短路径理解 Auto Layout 的三大参数,并给出常见 UI 场景配置示例。
组件怎么摆都不齐,通常不是审美问题,而是缺少统一坐标、间距体系与组件规则。本文总结9个最常见原因,并给出一套可落地的统一方法(含检查清单),适合Figma Sketch等场景。