设计教程 - 设计经验

Figma 新手到进阶：用自动布局做一个可复用的响应式卡片组件（含命名与变体）

这篇教程带你从零搭一套“响应式卡片组件”，核心用 Figma 自动布局（Auto Layout）+ 变体（Variants）实现：内容长短可伸缩、不同状态可切换、落地到真实页面也不变形。按步骤照做即可复现。

教程分享 2个星期前 0

Figma 海报排版实战：用 8px 栅格做出高级留白

从画板与栅格开始，手把手完成一张“活动海报”版式：先用 8px 规则建立节奏，再用字体层级与留白把信息拉开距离，最后用组件与自动布局做成可复用模板。

教程分享 2个星期前 0

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

这篇教程手把手带你在 Figma 里用 Auto Layout（自动布局）和 Variants（组件变体）做一套可复用的卡片组件：结构如何搭、间距怎么设、状态怎么做、如何一键替换内容并保持对齐。

教程分享 2个星期前 0

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

用 Figma 的 Layout Grid、Auto Layout 和组件变体，快速搭一套可复用的海报版式：从画板尺寸、栅格设定、排版层级到导出规范，一次配置，多次复用。

教程分享 2个星期前 0

Figma 自动布局 + 变量：做一套可响应的卡片组件（从0到可复用）

从零开始用 Figma 的自动布局和变量做一套可响应的卡片组件：设定尺寸规则、创建变体、做可换主题的颜色与间距，最后一键复用到不同页面。

教程分享 2个星期前 0

Figma 自动布局：用 Auto Layout 做可伸缩卡片组件（从 0 到可复用）

手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件：从基础结构、约束与间距，到可复用变体与响应式拉伸，做完就能直接套用到项目里。

教程分享 2个星期前 0

Photoshop 教程：用智能对象+色彩查找做 3 套海报配色方案

这是一篇可直接照做的 Photoshop 海报配色教程：从准备主视觉、建立调整图层，到用色彩查找与渐变映射快速生成 3 套风格统一的配色方案，并把配色打包成可复用的智能对象与 PSD 模板。

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

AI教程：毛茸茸的字母效果

Illustrator制作逼真的毛茸茸字母

教程分享 2023-04-04 0

AI造字实例教程

本文总结3种AI常用的字体设计方法，教程通过图文示例简单易学，帮助初学设计师快速掌握字体设计方法，推荐收藏

教程分享 2020-03-25 0

进阶式学习字体设计

字体设计越来越受到平面设计师青睐，学会字体设计，可以增添版面的视觉美，让整体画面档次升高，今天素材君分享一篇不错的字体设计教程，从易到难分为4个步骤，很适合想学字体设计的初学者

设计经验 2019-10-10 0

字体设计：制作残旧字体效果

今天分享给大家比较基础，也相对简单的残旧字体设计教程

教程分享 2017-03-23 0

字体设计中的几种技巧与方法

本文分享了6种不同风格的字体设计方法，也许可以提供给你不一样的灵感与技巧

设计经验 2017-01-22 0

超赞！字体变形设计手册完整版PDF

来自zcool大神刘兵克《常用偏旁部首变形速查手册》，归类整理大部分字体设计中常用到的字形，需要的快mark起来

设计经验 2016-06-15 0

字体设计：折纸字效果设计

本教程介绍非常个性的折叠字的制作方法。折叠字看似简单,制作的时候还是要非常细心的。

教程分享 2014-03-20 0

#设计教程

Figma 新手到进阶：用自动布局做一个可复用的响应式卡片组件（含命名与变体）

Figma 海报排版实战：用 8px 栅格做出高级留白

Figma 教程：用 Auto Layout + Variants 做一套可复用的卡片组件（新手可照做）

Figma 栅格 + 自动布局：10 分钟做出可复用的海报版式

Figma 自动布局 + 变量：做一套可响应的卡片组件（从0到可复用）

Figma 自动布局：用 Auto Layout 做可伸缩卡片组件（从 0 到可复用）

Photoshop 教程：用智能对象+色彩查找做 3 套海报配色方案

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

AI教程：毛茸茸的字母效果

AI造字实例教程

进阶式学习字体设计

字体设计：制作残旧字体效果

字体设计中的几种技巧与方法

超赞！字体变形设计手册完整版PDF

字体设计：折纸字效果设计

大家都在看

设计笔记