设计 - 教程分享 - 第2页

免费商用素材站点清单｜图标插画 Mockup 一次收齐

整理了一份常用设计素材站点清单，涵盖图标、插画、矢量素材与 Mockup 等方向。每个条目都给出直达链接，并在描述开头标注授权提示，方便你在做项目时快速筛选可用资源。

设计经验 7小时前 0

设计资源导航｜免费商用图标插画字体与模型清单

整理了一份偏实用的设计资源清单，覆盖图标、插画、字体、配色与 3D 模型等常见需求。每个条目都附上直达链接与使用提示，方便你按项目类型快速挑选合适素材来源。

设计经验 7小时前 0

After Effects 实战：30分钟做一个无缝循环的漂浮文字动效（零基础可照做）

这篇教程用一个“漂浮文字卡片”案例，带你从零做出可无限循环播放的 AE 动效：包含构图设置、关键帧节奏、缓动、时间重映射、常用表达式与导出注意事项。照着步骤做即可复用到短视频字幕、封面动效与 UI 演示。

教程分享 8小时前 0

可商用插画与图标资源清单｜20个高质量网站

这是一份“可直接收藏”的插画与图标资源清单：每个条目都给出官网链接与授权提示，便于你快速找到适合项目的可商用素材。

设计经验 8小时前 0

Figma 实战：用 Variables（变量）快速做可切换的浅色/深色主题

用 Figma Variables（变量）把颜色字号等设计 Token 管起来，并把组件属性绑定到变量上，几分钟就能做出可切换的浅色深色主题。本文按“新建变量 → 建集合与模式 → 绑定样式 → 组件落地 → 一...

教程分享 8小时前 0

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

手把手教你在 Figma 用 Variables 建立“设计 Token + 主题色”体系：从创建变量集合、绑定颜色样式、在组件中引用，到一键切换浅色深色主题，按步骤操作即可复现。

教程分享 9小时前 0

设计师素材网站清单｜图标插画配色灵感一站式收藏

把图标、插画、配色、样机与素材库分门别类整理成一份收藏清单：每个站点都附上链接，并提示可商用授权需要注意的点，方便你在做品牌、UI、海报与社媒物料时快速找到合适资源。

设计经验 9小时前 0

Figma 组件变体实战：做一套可复用按钮（含尺寸/状态/图标）

用一套按钮组件把尺寸、状态、图标三类变化收进 Variants：从命名规范到交互原型，一步步照做即可复用到任何项目。

教程分享 9小时前 0

Illustrator 实战：用形状生成器做一套可扩展的几何图标（网格到导出SVG）

用 Illustrator 的“形状生成器”把基础几何形状快速组合成一套风格统一的图标，并用网格、描边与对齐规则保证可扩展与易改稿。最后批量导出 SVG PNG，直接用于 UI 或海报排版。

教程分享 9小时前 0

Figma 实战：用变量 + 组件一键切换浅色/深色主题（可复用模板）

手把手教你在 Figma 里用 Variables（变量）+ Components（组件）搭一套可复用的主题系统：同一套组件在浅色深色模式之间一键切换，适合做 App Web 的 UI 规范与组件库。

教程分享 10小时前 0

设计素材版权与免授权资源清单｜常用网站与工具导航

做设计离不开素材，但版权和授权条款经常被忽略。这份清单按类型整理常见可用资源与辅助工具，包含访问入口与简要说明，便于快速比对和自查。

设计经验 10小时前 0

10个免费商用设计资源网站清单｜图标、插画、字体一站配齐

整理了一份常用的设计资源网站清单，覆盖图标、插画、字体、配色与UI组件等方向，方便在不同项目里快速补齐素材。

设计经验 10小时前 0

Figma 零基础：用 Auto Layout 做一套可复用的按钮组件库（含间距/约束/变体）

这篇教程手把手教你在 Figma 里用 Auto Layout 做一套可复用的按钮组件库：从尺寸与间距规则、约束与对齐，到 Variant 变体与组件属性，让按钮在不同文案长度、图标组合和状态下都能自动适配。

教程分享 10小时前 0

设计师常用的免费商用素材站清单｜图标插画字体一站式

整理了一份设计师常用的素材资源清单，覆盖图标、插画、照片、字体与 mockup 等方向，便于你在不同项目场景下快速找到合适的素材来源。以下条目按站点工具列出，并标注是否可免费商用或需要查看协议。

设计经验 11小时前 0

Figma 自动布局实战：用 Auto Layout 做可复用卡片组件（含响应式技巧）

手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件：从层级整理、间距与填充、内容自适应，到变体与响应式规则设置，最后附一份可直接照做的练习清单，照着做就能做出可扩展的组件库。

教程分享 11小时前 0

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

用 Figma 的 Auto Layout + Variables + Variants 快速搭一套按钮组件：从尺寸间距、状态（默认悬停禁用）到主题色切换，最后整理成可交付的组件集，团队可直接复用。

教程分享 11小时前 0

设计素材收集清单｜高质量图标插画纹理配色网站导航

整理一份常用设计素材获取清单，覆盖图标、插画、照片、纹理、配色、字体等方向。每个站点都附上链接与简要说明，便于快速收藏与检索。

设计经验 12小时前 0

Photoshop：用智能对象+调整图层做一张可反复改稿的质感海报（可直接照做）

用一套“智能对象 + 调整图层”的固定流程做海报：先把版式和主视觉做成可替换的智能对象，再用渐变映射曲线噪点做质感。本文按步骤写到位，做完后替换图片和文字即可快速改稿。

教程分享 12小时前 0

12个设计素材网站清单｜图标插画字体一次配齐

做视觉或UI时，最耗时间的往往不是画，而是找“能用、好用、版权清晰”的素材来源。下面这份清单把常用的图标、插画、照片、字体与配色等资源按工具列出来，打开就能直接取用。

设计经验 12小时前 0

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

从 0 到 1 用 8pt 网格规则建立 Figma 设计系统：定义间距、做组件变体、用自动布局组合模块，并用样式与变量保证后续扩展不崩。按步骤照做即可落地到真实项目。

教程分享 12小时前 0

#设计

免费商用素材站点清单｜图标插画 Mockup 一次收齐

设计资源导航｜免费商用图标插画字体与模型清单

After Effects 实战：30分钟做一个无缝循环的漂浮文字动效（零基础可照做）

可商用插画与图标资源清单｜20个高质量网站

Figma 实战：用 Variables（变量）快速做可切换的浅色/深色主题

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

设计师素材网站清单｜图标插画配色灵感一站式收藏

Figma 组件变体实战：做一套可复用按钮（含尺寸/状态/图标）

Illustrator 实战：用形状生成器做一套可扩展的几何图标（网格到导出SVG）

Figma 实战：用变量 + 组件一键切换浅色/深色主题（可复用模板）

设计素材版权与免授权资源清单｜常用网站与工具导航

10个免费商用设计资源网站清单｜图标、插画、字体一站配齐

Figma 零基础：用 Auto Layout 做一套可复用的按钮组件库（含间距/约束/变体）

设计师常用的免费商用素材站清单｜图标插画字体一站式

Figma 自动布局实战：用 Auto Layout 做可复用卡片组件（含响应式技巧）

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

设计素材收集清单｜高质量图标插画纹理配色网站导航

Photoshop：用智能对象+调整图层做一张可反复改稿的质感海报（可直接照做）

12个设计素材网站清单｜图标插画字体一次配齐

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

大家都在看

设计笔记

#设计

免费商用素材站点清单｜图标 插画 Mockup 一次收齐

设计资源导航｜免费商用图标 插画 字体与模型清单

After Effects 实战：30分钟做一个无缝循环的漂浮文字动效（零基础可照做）

可商用插画与图标资源清单｜20个高质量网站

Figma 实战：用 Variables（变量）快速做可切换的浅色/深色主题

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

设计师素材网站清单｜图标 插画 配色 灵感一站式收藏

Figma 组件变体实战：做一套可复用按钮（含尺寸/状态/图标）

Illustrator 实战：用形状生成器做一套可扩展的几何图标（网格到导出SVG）

Figma 实战：用变量 + 组件一键切换浅色/深色主题（可复用模板）

设计素材版权与免授权资源清单｜常用网站与工具导航

10个免费商用设计资源网站清单｜图标、插画、字体一站配齐

Figma 零基础：用 Auto Layout 做一套可复用的按钮组件库（含间距/约束/变体）

设计师常用的免费商用素材站清单｜图标 插画 字体一站式

Figma 自动布局实战：用 Auto Layout 做可复用卡片组件（含响应式技巧）

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

设计素材收集清单｜高质量图标 插画 纹理配色网站导航

Photoshop：用智能对象+调整图层做一张可反复改稿的质感海报（可直接照做）

12个设计素材网站清单｜图标 插画 字体 一次配齐

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

大家都在看

设计笔记

免费商用素材站点清单｜图标插画 Mockup 一次收齐

设计资源导航｜免费商用图标插画字体与模型清单

设计师素材网站清单｜图标插画配色灵感一站式收藏

设计师常用的免费商用素材站清单｜图标插画字体一站式

设计素材收集清单｜高质量图标插画纹理配色网站导航

12个设计素材网站清单｜图标插画字体一次配齐