版式 - 设计经验 - 素材集市

排版网格与版式灵感站点合集｜12个网格系统、比例参考与排版练习资源

整理了一份“排版网格 + 比例尺度 + 版式灵感 + 排版练习”的工具与站点清单，适合做界面与品牌排版时快速找参考、定网格、验字号尺度与对比度。

设计经验 2天前 0

版式设计与网格系统工具清单｜12个排版参考、网格生成与布局检查网站

整理了一份面向设计师与产品团队的版式与网格系统工具清单，覆盖排版参考、网格生成、组件布局检查与设计规范示例。每个条目都附上链接与简要说明，便于快速收藏与对照使用。

设计经验 4天前 0

Typography排版资源清单：12个字距、行距与版式参考站

整理一份适合日常查阅的Typography排版参考清单：包含字体与版式灵感、排版规范速查、字距行距与对比练习等资源；每个站点都附上授权使用提示，便于在做品牌、海报、网页与UI排版时快速对齐标准。

设计经验 7天前 0

PPT模板资源库盘点：13个演示文稿下载与授权要点

做演示不只靠模板“好看”，更要考虑授权、商用范围与是否需要署名。这篇整理了 13 个常用 PPT Keynote Google Slides 模板与版式资源入口，并在每条里标注授权提示，方便你按项目快速选用。

设计经验 7天前 0

排版与网格工具清单｜网格生成对齐间距版式参考自动排版

想做出更稳的版式，关键不是“灵感爆发”，而是把网格、对齐、间距和排版尺度这些基础变量管起来。下面整理一份排版与网格相关工具清单：从网格生成、CSS 布局、字体尺度到版式参考，一次配齐。

设计经验 2个星期前 0

排版与网格工具清单｜栅格系统基线网格字距行距版式生成

整理一份排版与网格相关的实用工具清单，覆盖栅格与基线网格生成、字体比例与排版尺度、行距与段落节奏校验、字体配对与可读性检查、以及响应式排版的计算与导出。开稿前先把规则定下来，后面改版会省很多时间。

设计经验 2个星期前 0

版式布局与网格系统资源清单｜栅格生成布局灵感 UI模板合集

当你需要更快做出“对齐得舒服、留白更干净、信息层级更清晰”的版式时，网格与布局资源能帮你少走弯路。下面整理了一份与栅格系统、版式灵感、布局模板相关的工具与参考清单，打开就能查。

设计经验 2个星期前 0

Figma 海报栅格系统实战：从 0 搭建可复用版式（含组件与自动布局）

这是一套可以直接照做的 Figma 海报版式教程：从画板与栅格参数开始，逐步建立标题副标题正文按钮等可复用组件，并用自动布局把整张海报“拼装”出来。最后补充导出规范与常见排版坑，做完即可复用到后续...

教程分享 2个星期前 0

Figma 网格系统实战：10分钟做出专业海报排版（从设置到导出）

这是一份可直接照做的 Figma 海报排版教程：从建立网格、设置字体层级到对齐与导出，10分钟做出更专业的版式。

教程分享 2个星期前 0

Photoshop 海报排版教程：用网格+字体层级做出三种版式（可直接照做）

一篇可直接照做的 PS 海报排版流程：从画布与网格搭建、字体层级、对齐与留白，到配色与导出检查，最后把版式做成可复用模板。

教程分享 2个星期前 0

Figma 海报排版入门：用网格系统做出高级感版式（可直接照做）

手把手教你在 Figma 里用网格系统快速做出更有层级与秩序感的海报版式：从画板与栅格参数、字体层级、间距规则到组件化复用，按步骤照做即可完成一张可拓展的模板。

教程分享 2个星期前 0

Gamma：用 AI 一键生成高质感演示文稿的 PPT 工具

分享一款近年讨论度很高的 AI 演示文稿工具 Gamma：从一句需求到成套 PPT 结构、文案与版式，一键生成并可持续迭代，适合汇报提案产品介绍。

设计经验 2个星期前 0

Ideogram：用文字生成高质感海报与Logo的AI工具

Ideogram 主打“文字+图像一起生成”的海报 Logo创作体验，适合做活动宣传、封面图和带有清晰字形的视觉稿；本文分享它的上手流程与提示词写法要点。

设计经验 3个星期前 0

AiPPT：一句话生成高质量PPT的AI工具

AiPPT 是一款面向设计与运营同学的 AI PPT 生成工具：用一句话或导入大纲即可自动生成结构、配色与版式，适合提案、周报、产品路演等快速出稿场景。

设计经验 3个星期前 0

用 Gamma 做出可演示的AI幻灯片从大纲到版式一步到位

Gamma 是一款主打“从内容到版式自动成稿”的 AI 演示工具：你给主题或大纲，它会生成结构清晰的页面，并提供可编辑的排版、主题与组件。本文用设计视角讲清楚它适合谁、怎么用、以及如何把自动生成的稿子改得...

设计经验 3个星期前 0

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

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

设计经验 3个星期前 0

别再凭感觉排版：用基线网格让正文更稳更清晰

基线网格不是“印刷时代的老工具”，而是让文字排版稳定、可控、可复用的底层规则。本文用一套可落地的检查清单，帮你把正文从“看着还行”变成“怎么缩放都顺”。

设计经验 3个星期前 0

栅格不是束缚：用网格把页面做得更干净更稳定

页面不干净往往不是元素太多，而是对齐关系不稳定。本文从栅格的选择、列宽与间距、对齐线管理和响应式变化讲清如何用网格建立秩序，让布局更稳定。

设计经验 3个星期前 0

设计新手最快变“干净”的5个版式习惯：对齐、留白、层级、重复、节奏

新手作品常见问题不是不会做效果，而是版式习惯乱。掌握这5个基础习惯，画面会立刻更干净、更专业。

设计经验 4个星期前 0

如何加深品牌记忆？

思考什么样的设计能让人在心中留下记忆点？而不只是“看着还行，但没什么特点”，试图通过竞品分析，探索一些方法和可行性。

设计经验 2021-07-06 0

#版式

排版网格与版式灵感站点合集｜12个网格系统、比例参考与排版练习资源

版式设计与网格系统工具清单｜12个排版参考、网格生成与布局检查网站

Typography排版资源清单：12个字距、行距与版式参考站

PPT模板资源库盘点：13个演示文稿下载与授权要点

排版与网格工具清单｜网格生成对齐间距版式参考自动排版

排版与网格工具清单｜栅格系统基线网格字距行距版式生成

版式布局与网格系统资源清单｜栅格生成布局灵感 UI模板合集

Figma 海报栅格系统实战：从 0 搭建可复用版式（含组件与自动布局）

Figma 网格系统实战：10分钟做出专业海报排版（从设置到导出）

Photoshop 海报排版教程：用网格+字体层级做出三种版式（可直接照做）

Figma 海报排版入门：用网格系统做出高级感版式（可直接照做）

Gamma：用 AI 一键生成高质感演示文稿的 PPT 工具

Ideogram：用文字生成高质感海报与Logo的AI工具

AiPPT：一句话生成高质量PPT的AI工具

用 Gamma 做出可演示的AI幻灯片从大纲到版式一步到位

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

别再凭感觉排版：用基线网格让正文更稳更清晰

栅格不是束缚：用网格把页面做得更干净更稳定

设计新手最快变“干净”的5个版式习惯：对齐、留白、层级、重复、节奏

如何加深品牌记忆？

大家都在看

设计笔记

#版式

排版网格与版式灵感站点合集｜12个网格系统、比例参考与排版练习资源

版式设计与网格系统工具清单｜12个排版参考、网格生成与布局检查网站

Typography排版资源清单：12个字距、行距与版式参考站

PPT模板资源库盘点：13个演示文稿下载与授权要点

排版与网格工具清单｜网格生成 对齐间距 版式参考 自动排版

排版与网格工具清单｜栅格系统 基线网格 字距行距 版式生成

版式布局与网格系统资源清单｜栅格生成 布局灵感 UI模板合集

Figma 海报栅格系统实战：从 0 搭建可复用版式（含组件与自动布局）

Figma 网格系统实战：10分钟做出专业海报排版（从设置到导出）

Photoshop 海报排版教程：用网格+字体层级做出三种版式（可直接照做）

Figma 海报排版入门：用网格系统做出高级感版式（可直接照做）

Gamma：用 AI 一键生成高质感演示文稿的 PPT 工具

Ideogram：用文字生成高质感海报与Logo的AI工具

AiPPT：一句话生成高质量PPT的AI工具

用 Gamma 做出可演示的AI幻灯片 从大纲到版式一步到位

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

别再凭感觉排版：用基线网格让正文更稳更清晰

栅格不是束缚：用网格把页面做得更干净更稳定

设计新手最快变“干净”的5个版式习惯：对齐、留白、层级、重复、节奏

如何加深品牌记忆？

大家都在看

设计笔记

排版与网格工具清单｜网格生成对齐间距版式参考自动排版

排版与网格工具清单｜栅格系统基线网格字距行距版式生成

版式布局与网格系统资源清单｜栅格生成布局灵感 UI模板合集

用 Gamma 做出可演示的AI幻灯片从大纲到版式一步到位