规范 - 设计经验 - 第2页

Photoshop 批量切图提效教程：切片、导出为、动作批处理与命名规范

教你用 Photoshop 把多张图多尺寸素材一次性批量导出：三种主流方法（导出为、切片、动作+批处理），并给出命名规范、路径设置、常见报错排查与发布前检查清单。

教程分享 2个星期前 0

LOGO 与品牌规范资源清单｜标志生成矢量编辑品牌手册模板

整理一份围绕 LOGO 设计、矢量绘制、品牌规范与品牌手册制作的工具清单，覆盖在线生成、图形编辑、色彩与字体搭配、规范文档与资源管理等关键环节。

设计经验 2个星期前 0

设计交付与标注工具清单｜切图标注设计 Token 一键交付

做完设计只是开始，真正的效率来自“交付可用、标注清晰、规范一致”。这份清单整理了常见的设计交付、标注检查与设计 Token 管理工具，适合在设计与开发之间建立更稳定的协作流程。

设计经验 2个星期前 0

Logo 与品牌规范工具合集｜标志检索商标查询品牌手册模板

做一套靠谱的品牌视觉，不止是画一个 Logo：标志资产、配色与字体、可下载的图形素材、以及商标检索与品牌手册模板，都决定了落地质量。下面整理一批常用工具与资源入口，适合做前期调研、规范整理和交付物补齐。

设计经验 2个星期前 0

字体排印与字体搭配资源清单｜字距行距工具字体配对排版规范一站收齐

一套好用的字体排印工作流，往往从“找对字体”开始，到“字距行距与层级”落地，再到“规范与可用性校验”收尾。下面这份清单按「灵感参考字体选择配对与层级字距行距与比例识别与检测...

设计经验 2个星期前 0

LOGO与品牌标识资源清单｜灵感图库规范样例可用素材一站收齐

做标志与品牌视觉时，最浪费时间的往往不是画图，而是找参考、找规范、找可用的矢量素材与应用场景样例。下面整理了一份偏“清单型”的资源导航，覆盖灵感图库、品牌规范库、LOGO检索与下载等方向，方便需要时快...

设计经验 2个星期前 0

Figma 组件变体 + 自动布局：从按钮到可复用导航栏（含命名规范）

一篇可以直接照做的 Figma 教程：用自动布局 + Variants 做出可复用按钮与导航栏组件，包含命名规范、属性设计、交互与落库建议。

教程分享 2个星期前 0

Figma 组件变体实战：30 分钟做一套可复用按钮系统

这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件：包含尺寸状态主题变体、Auto Layout 约束、组件属性命名与发布到团队库的流程，照着做即可落地。

教程分享 2个星期前 0

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

一篇可直接照做的 Figma Auto Layout 教程：从框架到组件、约束与响应式间距设置，最后整理成可复用的卡片组件与规范检查清单。

教程分享 2个星期前 0

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

这篇教程用一套可直接照做的步骤，带你在 Figma 从零搭建可交付的组件库：先定颜色文字样式，再做按钮基础组件，最后用变体和交互状态把组件做成“能直接给开发用”的规范库。

教程分享 2个星期前 0

Figma 海报网格系统实战：10 分钟搭好栅格、排版样式和导出规范

这篇教程用一套可复用的海报网格系统做例子，带你在 Figma 里快速建立栅格、文本样式、间距规范与组件，并给出导出与交付的检查清单。照着做一次，下次做海报活动页会快很多。

教程分享 2个星期前 0

Figma 自动布局实战：用组件+变体做一套可复用按钮与卡片

从0到1用自动布局搭建按钮与卡片组件，掌握padding 间距对齐、约束与填充、组件属性和变体命名，让同一套组件适配多尺寸与多状态，快速落地小型设计系统。

教程分享 2个星期前 0

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

这篇教程教你在 Figma 里用 Variables（变量）+ Text Styles（文本样式）搭一套可维护的配色与字号体系，并实现一键切换主题。按步骤做，10-20 分钟就能落地到组件库。

教程分享 2个星期前 0

Figma 组件变体从零到可复用：命名、属性、交互三步走

手把手教你把常用按钮表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的状态切换。按本文流程做完，你的组件库会更统一、替换更快、交付更稳。

教程分享 2个星期前 0

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式间距样式规范命名，并教你如何在组件与 Auto Layout 中快速套用。按步骤做完，你的文件会更好维护，也更容易和开发对齐。

教程分享 2个星期前 0

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

从0搭一个按钮系统：用Auto Layout统一尺寸与间距，用组件属性和变体管理状态（默认悬停按下禁用），并用Tokens变量实现全局换肤。

教程分享 2个星期前 0

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

这是一份可以直接照做的 Figma 排版教程：从布局网格、8pt 间距体系、字体层级到组件化落地，带你把页面对齐与留白一次性整理成可复用的规范。

教程分享 2个星期前 0

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

从 8pt 规则开始，把网格、间距、文字与组件约束统一起来：这篇用一套可落地的参数，让你在 Figma 里快速搭出稳定的栅格与间距体系，并把它变成团队可复用的组件规范。

教程分享 2个星期前 0

Figma 自动布局实战：从卡片到响应式列表的完整步骤

手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表栅格。包含常见坑位（间距塌陷、文本换行、填充规则）与检查清单。

教程分享 2个星期前 0

Figma Auto Layout：做一套可复用的卡片组件（从排版到交付）

这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开发的标注清单，照着做即可直接用于项目。

教程分享 2个星期前 0

#规范

Photoshop 批量切图提效教程：切片、导出为、动作批处理与命名规范

LOGO 与品牌规范资源清单｜标志生成矢量编辑品牌手册模板

设计交付与标注工具清单｜切图标注设计 Token 一键交付

Logo 与品牌规范工具合集｜标志检索商标查询品牌手册模板

字体排印与字体搭配资源清单｜字距行距工具字体配对排版规范一站收齐

LOGO与品牌标识资源清单｜灵感图库规范样例可用素材一站收齐

Figma 组件变体 + 自动布局：从按钮到可复用导航栏（含命名规范）

Figma 组件变体实战：30 分钟做一套可复用按钮系统

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

Figma 海报网格系统实战：10 分钟搭好栅格、排版样式和导出规范

Figma 自动布局实战：用组件+变体做一套可复用按钮与卡片

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

Figma 组件变体从零到可复用：命名、属性、交互三步走

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

Figma 自动布局实战：从卡片到响应式列表的完整步骤

Figma Auto Layout：做一套可复用的卡片组件（从排版到交付）

大家都在看

设计笔记

#规范

Photoshop 批量切图提效教程：切片、导出为、动作批处理与命名规范

LOGO 与品牌规范资源清单｜标志生成 矢量编辑 品牌手册 模板

设计交付与标注工具清单｜切图 标注 设计 Token 一键交付

Logo 与品牌规范工具合集｜标志检索 商标查询 品牌手册模板

字体排印与字体搭配资源清单｜字距行距工具 字体配对 排版规范一站收齐

LOGO与品牌标识资源清单｜灵感图库 规范样例 可用素材一站收齐

Figma 组件变体 + 自动布局：从按钮到可复用导航栏（含命名规范）

Figma 组件变体实战：30 分钟做一套可复用按钮系统

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

Figma 零基础做出可交付的组件库：颜色、文字、按钮到变体一条龙

Figma 海报网格系统实战：10 分钟搭好栅格、排版样式和导出规范

Figma 自动布局实战：用组件+变体做一套可复用按钮与卡片

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

Figma 组件变体从零到可复用：命名、属性、交互三步走

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

Figma 自动布局实战：从卡片到响应式列表的完整步骤

Figma Auto Layout：做一套可复用的卡片组件（从排版到交付）

大家都在看

设计笔记

LOGO 与品牌规范资源清单｜标志生成矢量编辑品牌手册模板

设计交付与标注工具清单｜切图标注设计 Token 一键交付

Logo 与品牌规范工具合集｜标志检索商标查询品牌手册模板

字体排印与字体搭配资源清单｜字距行距工具字体配对排版规范一站收齐

LOGO与品牌标识资源清单｜灵感图库规范样例可用素材一站收齐