18个图标与插画资源网站｜免费商用素材清单

整理了 18 个常用的图标与插画素材网站，覆盖开源图标、矢量插画、3D 插画与 UI 图标库。每条都给出直达链接，并标注可否免费商用，方...

设计经验 6个月前 164 0

Figma 网格与自动布局：做出可复用的响应式卡片组件（从 0 到交付）

这是一篇可以直接照做的 Figma 教程：用 8pt 网格 + Auto Layout，从零搭出一套可复用的响应式卡片组件，并把约束、变体、排版、导...

教程分享 6个月前 176 0

几何纹理工具清单｜10个免费可商用图案生成与素材站

做视觉时最耗时间的往往不是排版，而是反复找图案、纹理、背景素材。下面这份清单整理了常用的图案生成器与纹理素材站点，直接给到链接与使...

设计经验 6个月前 917 0

After Effects 三种高级文字入场动效：无插件可直接套用

这篇教程教你在 After Effects 里做 3 种常用又高级的文字入场动效：遮罩推进、弹性回弹、逐字渐显。全程无插件，参数可直接照抄，适...

教程分享 6个月前 195 0

12个插画与图标资源站｜覆盖常用场景的免费商用清单

这份清单汇总了常用的插画与图标资源网站，按“可免费商用 需看协议”做了标注，适合做海报、PPT、网页与产品界面时快速找素材。

设计经验 6个月前 297 0

Figma 自动布局 + 变量：从 0 搭一套可复用按钮组件（可直接照做）

一步一步教你用 Figma 的 Auto Layout（自动布局）+ Variables（变量）做一套可复用的按钮组件，包含尺寸 圆角 颜色 状态与组件属...

教程分享 6个月前 170 0

可商用设计资源清单｜20个图标字体配色与插画站点

这份清单汇总了常用的设计资源站点，覆盖图标、字体、插画、配色与组件等方向。每个条目都标注了可商用情况提示，便于在做品牌、海报、UI与...

设计经验 6个月前 407 0

Figma Variants + Auto Layout：做一套可复用按钮组件（从0到可交付）

从 Auto Layout 打底，到用 Variants 做出可切换状态的按钮组件，再到组件命名 属性 发布给团队，这篇带你一步一步做出“能直接在项目里用”的按钮库。

教程分享 6个月前 183 0

15 个排版与网格工具清单｜让版式更稳更快

排版做不稳，很多时候不是灵感不够，而是缺少一套好用的网格与版式辅助工具。下面整理了一份排版与网格工具清单：先用它们快速搭好结构，再...

设计经验 6个月前 130 0

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

手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式 间距样式规范命名，并教你如何在组件与 Au...

教程分享 6个月前 287 0