📘 图文排版高阶技巧
30章
🎯 从基础到实战
✏️ 公众号专属
🌟 配色
📁 点击卡片跳转章节
01
排版基础认知
对齐·对比
为什么排版重要、核心原则(对齐、对比、亲密性、重复)及对阅读体验的影响。
02
排版工具与平台
编辑器
公众号后台、135编辑器、秀米、Markdown转排版工具详解。
03
字体与字号选择
中英文混排
正文字体推荐、标题字号规范、中英文混排技巧、字体颜色搭配。
04
段落与间距控制
呼吸感
行间距、段间距、页边距最佳实践,首行缩进与两端对齐。
05
色彩搭配原理
色轮·心理
色轮基础、主色辅色、公众号配色方案、色彩心理学应用。
06
图片与封面设计
黄金比例
封面图尺寸、图片排版技巧、图文混排黄金比例、压缩优化。
07
标题与副标题设计
层级结构
标题层级、样式设计、副标题与引言排版技巧。
08
引用与强调样式
高亮·代码
引用块设计、重点高亮、代码块与公式排版、特殊符号。
09
列表与目录排版
导航栏
有序/无序列表、目录生成技巧、导航栏设计。
10
卡片与分割线设计
卡片式布局
卡片式布局、分割线样式、边框与阴影的使用。
11
表格与数据可视化
信息图
表格美化、数据图表嵌入、信息图设计原则。
12
动效与交互元素
GIF·SVG
GIF动图、SVG交互排版、点击展开/收缩效果。
13
模板与样式复用
一键排版
创建排版模板、样式库管理、一键排版技巧。
14
移动端适配优化
触控优化
手机屏幕适配、字体大小调整、触控交互优化。
15
排版与品牌一致性
视觉风格
品牌色系统一、视觉风格指南、多账号排版规范。
16
排版中的留白艺术
呼吸感
留白的作用、信息密度平衡、呼吸感设计。
17
排版中的视觉层次
F型·Z型
信息层级划分、视觉引导线、F型与Z型阅读模式。
18
排版中的微交互
悬停动效
悬停效果、过渡动画、微动效提升阅读体验。
19
排版中的字体搭配
衬线·无衬线
衬线体与无衬线体搭配、中英文字体组合、版权问题。
20
排版中的图标使用
图标库
图标库推荐、图标与文字对齐、应用场景。
21
排版中的背景设计
渐变·纹理
纯色/渐变/纹理背景、背景与内容对比。
22
排版中的按钮设计
CTA按钮
CTA按钮样式、位置大小、文案设计。
23
排版中的表单设计
输入框
表单布局、输入框样式、提交按钮、错误提示排版。
24
排版中的社交媒体元素
分享·关注
分享按钮、关注引导、评论区排版优化。
25
排版中的广告位设计
广告融合
广告插入位置、样式与内容融合、用户体验平衡。
26
排版中的长文处理
进度条·锚点
长文分段技巧、阅读进度条、锚点跳转与目录。
27
排版中的多语言支持
双语排版
中英文混排、双语排版规范、特殊字符处理。
28
排版中的无障碍设计
色盲友好
色盲友好配色、字体大小可调、屏幕阅读器适配。
29
排版中的数据分析
热力图·A/B
阅读热力图、点击率分析、A/B测试排版效果。
30
排版实战案例
从0到1
搭建公众号排版体系、常见问题排查、效率提升技巧。