~ - 教程分享 - 第11页

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

这篇教程用一个可复用的页面框架示例，手把手教你在 Figma 里建立 8pt 间距体系、桌面平板移动三档栅格，并把栅格规则封装成可套用的 Auto Layout 布局组件，让后续做海报、落地页或后台页面时对齐一...

教程分享 2个月前 0

Figma 从零做出可复用的海报网格：Auto Layout + 约束 + 组件变量实战

这篇教程用一个“可复用海报网格”为例，手把手讲清 Figma 里 Auto Layout、约束、布局网格、组件与变量的组合用法。照着做完，你会得到一套可快速换图换文、自动对齐、可一键生成多尺寸的海报模板。

教程分享 2个月前 0

Figma Variables 实战：做一套可切换的浅深色主题（含按钮/输入框组件）

这篇教程用最短路径带你在 Figma 里把 Variables 用起来：先搭颜色与字号变量，再建立 Light Dark 两套 Mode，最后把变量绑定到按钮与输入框组件，让整套 UI 一键切换主题并保持可维护。

教程分享 2个月前 0

Figma 实战：从 0 做一个可复用按钮组件（Auto Layout + Variants + 变量）

这篇教程用可直接照做的步骤，带你在 Figma 里搭建一个可复用的按钮组件：包含 Auto Layout、Variants（多状态）、组件属性与变量（Variable）。做完后你可以快速产出 Primary Secondary Destructive、不...

教程分享 2个月前 0

Perplexity：把检索和写作合在一起的运营内容助手

Perplexity 把搜索、引用与写作整合到一次对话里，适合做选题、竞品调研与运营文案初稿。本文给出一套能快速产出可用内容的实战流程与提示词。

设计经验 2个月前 0

Runway Gen-3 实战：用参考图做出更稳定的短视频镜头

分享 Runway Gen-3 的实战流程：用参考图与镜头参数提升一致性，快速做出可用的短视频镜头并导出交付。

设计经验 2个月前 0

Pebblely：电商产品图一键换背景的AI作图流程

分享 Pebblely 这款面向电商产品图的 AI 作图工具：用一张产品图快速生成多场景背景与氛围图，并给出可复用的上新出图流程与提示词写法。

设计经验 2个月前 0

Pebblely：3分钟做出电商产品场景图的实战方法

Pebblely 是一个面向电商场景的 AI 产品图工具：上传产品图即可快速生成多种背景场景氛围，适合上新、活动页与投放素材提效。本文分享真实工作流与避坑点。

设计经验 2个月前 0

用 Adobe Firefly 快速做出可投放的海报主视觉

分享一个近期开更活跃的生成式设计工具 Adobe Firefly：从构思、出图到落地排版，快速产出可投放的海报主视觉与延展物料。

设计经验 2个月前 0

Runway 用 AI 快速生成品牌短视频的实战流程

Runway 是一款面向创作者的 AI 视频生成与编辑平台，适合设计师把品牌文案和视觉风格快速落地为短视频。本文用一个可复用流程讲清从素材准备到成片导出。

设计经验 2个月前 0

RGB 转 CMYK 为什么会发灰：设计师自查清单

同一张图在屏幕上鲜艳、印出来却发灰？这不是印厂“偷墨”，而是色域、转换策略与黑版生成在作祟。本文用设计师视角给出可操作的自查与交付清单。

设计经验 2个月前 0

纯黑不够黑的原因与富黑用法

印刷里常见的“纯黑不够黑”不是错觉，而是网点、纸张和叠印共同造成的。本文用设计师视角解释纯黑与富黑的差异，并给出常用配方、使用场景与避坑清单，方便你在海报与画册里把黑色做得更稳定。

设计经验 2个月前 0

RGB 与 CMYK 到底差在哪：从光到墨的颜色逻辑

用一篇“设计冷知识”讲清 RGB（发光）与 CMYK（吸光墨色）两套系统的底层逻辑：为什么屏幕鲜艳、印刷发灰？如何在设计阶段做颜色预期、校对与交付，少走返工弯路。

设计经验 2个月前 0

怎么避坑：RGB/CMYK/sRGB/Adobe RGB 怎么选，出图不翻车

一篇把色彩模式与输出场景讲清的避坑指南：屏幕、印刷、交付、导出分别该选什么，避免颜色跑偏。

值得一看 2个月前 0

色彩模式与输出：RGB、CMYK、sRGB、Adobe RGB 一次讲清

同一张图在屏幕上好看、到印刷却发灰偏色？关键不在“运气”，而在色彩空间与输出链路。本文用最少概念讲清 RGB CMYK、sRGB Adobe RGB、ICC 配置与导出要点，给出不翻车的实操清单。

值得一看 2个月前 0

为什么同一张图在屏幕和印刷里颜色会变

从RGB到CMYK，再到纸张与油墨的限制，理解色彩管理能显著减少“屏幕很好看、印出来变脏变暗”的落差。

设计经验 2个月前 0

TTF 与 OTF 有什么区别？从结构、兼容性到实际选用指南

很多人以为 TTF 和 OTF 只是“后缀不一样”，但它们在字形数据组织、可扩展排版特性以及跨平台兼容性上有明显差异。本文用设计师排版师视角拆解两者的结构与使用场景，并给出实际选用建议。

值得一看 2个月前 0

TTF 和 OTF 字体有什么区别？一文讲清封装、兼容与使用建议

TTF 与 OTF 都是常见字体封装格式。本文从技术来源、字形能力、文件结构与兼容性出发，解释二者差异，并给出在设计、印刷与网页应用场景下的选择建议。

值得一看 2个月前 0

为什么RGB并不是万能：色域、ICC与屏幕差异的设计自救指南

同一张图在不同设备上发灰、偏黄、饱和度爆炸，往往不是“颜色坏了”，而是色域与色彩管理没对齐。本文用设计师视角讲清 sRGB Display-P3 AdobeRGB、ICC 的作用，以及最稳妥的导出与交付策略。

设计经验 2个月前 0

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

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

值得一看 2个月前 0

#~

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

Figma 从零做出可复用的海报网格：Auto Layout + 约束 + 组件变量实战

Figma Variables 实战：做一套可切换的浅深色主题（含按钮/输入框组件）

Figma 实战：从 0 做一个可复用按钮组件（Auto Layout + Variants + 变量）

Perplexity：把检索和写作合在一起的运营内容助手

Runway Gen-3 实战：用参考图做出更稳定的短视频镜头

Pebblely：电商产品图一键换背景的AI作图流程

Pebblely：3分钟做出电商产品场景图的实战方法

用 Adobe Firefly 快速做出可投放的海报主视觉

Runway 用 AI 快速生成品牌短视频的实战流程

RGB 转 CMYK 为什么会发灰：设计师自查清单

纯黑不够黑的原因与富黑用法

RGB 与 CMYK 到底差在哪：从光到墨的颜色逻辑

怎么避坑：RGB/CMYK/sRGB/Adobe RGB 怎么选，出图不翻车

色彩模式与输出：RGB、CMYK、sRGB、Adobe RGB 一次讲清

为什么同一张图在屏幕和印刷里颜色会变

TTF 与 OTF 有什么区别？从结构、兼容性到实际选用指南

TTF 和 OTF 字体有什么区别？一文讲清封装、兼容与使用建议

为什么RGB并不是万能：色域、ICC与屏幕差异的设计自救指南

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

大家都在看

设计笔记