设计 - 教程分享 - 第17页

用 Figma 搭建可复用组件库：命名、变体与发布的实用流程

从命名规则、组件拆分、Variants 组织到发布复用，这篇教程用一套可落地的流程，教你在 Figma 里快速搭建稳定可维护的组件库。

教程分享 5天前 0

Photoshop 常用快捷键速查：选区、画笔、图层与视图

把常用的 Photoshop 快捷键按使用场景整理成一张速查清单：选区与移动、画笔与橡皮、图层与蒙版、撤销与视图缩放等。适合新手快速上手，也方便老手随时复习。

值得一看 5天前 0

UI 设计里「一致性」不是死板：6 个你能立刻用上的规则

很多团队把“一致性”理解成所有页面长得一模一样，结果牺牲信息层级与效率。本文用 6 条可落地的规则解释：什么时候该一致，什么时候该刻意变化，并给出快速自检清单。

设计经验 5天前 0

8个常被忽略的排版细节，让版面立刻更高级

从行距、字距到网格、对齐，8个可立即上手的排版检查清单，帮你把“看起来差一点”的版面快速拉回到专业水准。

设计经验 5天前 0

TTF 和 OTF 差在哪：字体格式、兼容性与排版要点一次讲清

从技术结构、字体特性、跨平台兼容到实际使用场景，梳理 TTF 与 OTF 的核心差异，并给出设计与印刷屏显选型建议。

值得一看 5天前 0

Figma 自动布局 + 变量：做一个可扩展的按钮组件（从0到可复用）

用一个“按钮组件”把自动布局、变体、变量三件事串起来：从命名、结构到交互状态，最后得到可扩展、可维护、能直接落到设计系统里的按钮规范与组件做法。

教程分享 5天前 0

从零搭建设计文件命名与版本管理：5个步骤避免返工

设计文件命名乱、版本丢、交付返工？这篇教程用5个步骤搭建可复制的命名规则与版本流转：目录结构、命名模板、版本号策略、评审节点与归档清理，让团队协作更顺畅。

教程分享 5天前 0

TTF 和 OTF 有什么区别？从轮廓到字库功能一次讲清

TTF 与 OTF 不只是“文件后缀不同”。它们在曲线表达、字形提示、OpenType 特性与兼容性上各有侧重。本文用设计师视角把差异与选用建议讲清。

值得一看 5天前 0

从零搭建可复用的设计组件库：命名、约束与交付清单

一份可直接照做的组件库搭建流程：从命名与层级、组件约束、变量 Token、到交付清单与维护机制，帮助团队减少返工、提升一致性。

教程分享 5天前 0

12个你可能不知道的字体小常识

字体不是越多越好，关键在于层级清晰与节奏统一。本文用12个常见却容易忽略的小常识，帮你从字重、字距、行距到数字与标点的细节，把排版做得更稳更耐看。

设计经验 5天前 0

从零搭建一套可复用的设计交付清单（含文件命名与标注规范）

一篇可直接照抄的设计交付清单：从文件命名、图层结构、导出切图、标注到自检流程，把“交付一次就返工”变成可复用的标准。

教程分享 5天前 0

TTF 与 OTF 字体格式差异与选用指南

用通俗语言讲清 TTF 与 OTF 的结构差异、兼容性与实际选用建议，帮助设计师在项目交付与字体管理中快速决策。

设计经验 5天前 0

零基础用 Figma 做一套可复用的按钮组件：Auto Layout + Variants 全流程

从创建基础按钮到 Variants 属性配置，手把手搭一套可复用的 Figma 按钮组件，便于团队统一规范与批量替换。

教程分享 5天前 0

为什么同样的颜色在不同屏幕上不一样：色彩一致性排查指南

同一张图在不同设备上颜色差异明显，通常与色彩空间、ICC配置、软件预览和导出设置有关。按固定顺序排查，可快速定位根因并让交付更一致。

设计经验 5天前 0

配色不脏不灰：从对比到饱和度的 7 个快速修正方法

配色看起来发灰、发脏，往往不是颜色选错，而是对比关系、饱和度分配、材质与光照逻辑没统一。本文用 7 个可直接套用的修正方法，帮助你把界面与海报的颜色拉回干净、清晰、有层次的状态。

设计经验 5天前 0

8个免费高清插画网站清单：风格、授权与下载建议

整理8个常用免费插画资源网站，附网址并说明授权与下载格式选择，适合做海报、落地页与产品插画。

设计经验 5天前 0

12个免费图标网站清单：可商用资源与使用要点

整理12个常用免费图标网站，附网址，并说明授权与下载格式要点，适合UI 海报产品设计快速取用。

设计经验 5天前 0

Figma变量(Variables)入门：用颜色与间距做一套可切换主题

用Figma Variables建立颜色与间距变量，快速切换浅色深色或品牌主题，让组件在不同主题下自动更新。

教程分享 6天前 0

12个好用的AI设计工具清单：从抠图到海报一站式

整理12个常用AI设计工具与网站，并给出各自的用途、适用场景与使用注意点，附可访问网址，方便直接收藏使用。

设计经验 6天前 0

设计评审别只说像不像：用问题把方案打磨得更稳

评审时只说“像不像、好不好看”很难让方案变好。本文提供一套以问题为中心的评审方式，从目标、路径、信息层级、状态与边界条件出发，让讨论更聚焦、更可落地。

设计经验 7天前 0

#设计

用 Figma 搭建可复用组件库：命名、变体与发布的实用流程

Photoshop 常用快捷键速查：选区、画笔、图层与视图

UI 设计里「一致性」不是死板：6 个你能立刻用上的规则

8个常被忽略的排版细节，让版面立刻更高级

TTF 和 OTF 差在哪：字体格式、兼容性与排版要点一次讲清

Figma 自动布局 + 变量：做一个可扩展的按钮组件（从0到可复用）

从零搭建设计文件命名与版本管理：5个步骤避免返工

TTF 和 OTF 有什么区别？从轮廓到字库功能一次讲清

从零搭建可复用的设计组件库：命名、约束与交付清单

12个你可能不知道的字体小常识

从零搭建一套可复用的设计交付清单（含文件命名与标注规范）

TTF 与 OTF 字体格式差异与选用指南

零基础用 Figma 做一套可复用的按钮组件：Auto Layout + Variants 全流程

为什么同样的颜色在不同屏幕上不一样：色彩一致性排查指南

配色不脏不灰：从对比到饱和度的 7 个快速修正方法

8个免费高清插画网站清单：风格、授权与下载建议

12个免费图标网站清单：可商用资源与使用要点

Figma变量(Variables)入门：用颜色与间距做一套可切换主题

12个好用的AI设计工具清单：从抠图到海报一站式

设计评审别只说像不像：用问题把方案打磨得更稳

大家都在看

设计笔记