MakicLin
11月23日
第十二章：教程汇总
| 本文为付费栏目文章，您已订阅，可阅读全文 |
为什么要做汇总
作为教程正式内容的最后一章，并没有增加新的内容，而是对本教程所有内容的重构。
因为当我回看这十一章的内容的时候，我们已经介绍了非常多的知识点，完全足够让一个对平面设计一无所知的人「跨进门内」，而这个教程便成为了你跨入平面设计的一个工具。所以，与其增加更多内容，不如将这些基础知识以工具书的形式重新整理。目的是在完整阅读过一遍教程之后，可以更快的定位知识点，有助于更快的查询与复习。
接下来的内容将会有：
- 教程文章内容索引（第一到十二章）
- 扩展学习内容汇总（教程中出现的推荐 + 文末的推荐阅读）
- 知识重点提取（教程中中比较系统化的知识重点）
- 工具与资源汇总（设计辅助工具 + 资源网站）
教程文章内容索引
第一章：可能是最难的一课
- 引言：用针管的算不算书法家
- 什么左右了我们的审美
- 人类本能
- 社会环境
- 审美方向
- 所处地域
- 身边的人
- 获取的信息
- 如何拿回审美自主权
- 有独立意识地做日常积累
- 创造小环境
- 我是如何做日常积累的
- 第一类：信息流
- Dribbble
- Behance
- Pinterest
- DevianArt
- 第二类：RSS
- Design Milk
- BrandNew
- FastCompany Co.Design
- 第三类：Newsletter
- Pentagram
- ueno
- Dine
- Anyway.post
- 我是如何创造小环境的
- 关注文化媒体
- 了解摄影
- 关注艺术
- 玩好游戏
- 留意一起事物
第二章：如何区分英文字体
- 引言：看美剧时的「脸盲症」
- 英文字体的特征
- 衬线与非衬线（Serif vs. Sans-Serif）
- x 高度（x-height）
- 升部（Ascender）、降部（Descender）
- 字怀（Counter）
- 中轴线（Axis）
- 构造（Constructions）
- 小细节
- a 与 g 的写法
- 笔画如何结束
- 点的形状
- 标志性字母
- 英文字体区分练习
- Palatino vs. Times New Roman
- Helvetica vs. AkzidenzGrotesk
- Roboto vs. San Francisco
- 谁在设计英文字体？
- [买断制] FontShop
- [买断制] MyFonts
- [订阅制] Adobe Fonts（原 Typekit）
- [订阅制] Fontstand
- [免费] Dafont
第三章：如何区分中文字体
- 中文字体的辨识特征
- 衬线
- 内白（字怀）
- 重心
- 小细节
- 喇叭口
- 折的折法
- 点的形状和走向
- 实际应用的案例
- 锤子科技发布会的字体选择
- 中文字体区分练习
- 华文宋体 与 思源宋体
- 华文黑体 与 方正兰亭黑
- 苹方 与 汉仪旗黑
- 谁在做字体？
第四章：选对字体只需四步
- 选对字体，要了解这些知识
- 字号（Size）
- 字重（Weight）
- 字距（Tracking）、单字间距（Kerning）
- 行距（Leading）
- 页边距（Margin）
- 段落对齐方式
- 展示字体与正文字体（Display font, Paragraph font）
- 字体（Typeface）、字形（Font）、字型（Glyph）
- 数字与符号风格（Numbers and Symbol）
- 四步选字体
- 根据内容
- 考虑媒介
- 前后语境
- 复查
- 字体素质
- 版权问题
- 哇，万能字体！
- 字体选择练习题
- 少数派的地铁出入口广告牌
- 校园歌唱比赛的海报
第五章：三秒内完成配色？
- 颜色的意义
- 配色方案（Color Palette）
- 配色是有套路的，而且可以非常快
- 配色套路的根基——色轮
- 互补色（Complementary colors）
- 相似色（Analogous colors）
- 三色组（Triadic colors)
- 分割互补色（Split-Complementary colors）
- 单色（Monochromatic color）
- 配色工具（从易到难排列）
- Color Hunt：小清新风格的现成配色方案
- NIPPON COLORS：日本传统色
- Palettable：当你甚至无法确定第一个颜色是什么
- SessionsCollege Color Calculator：色彩关系清晰的色轮
- Adobe Color CC：色轮和配色方案共享二合一
- Paletton.com：最专业色轮之一
- 好的配色方案，也应该考虑到这些
- 可读性
- 一致性
- 文化考虑
- 避免撞车
- 色彩模式（Color Mode）
- CMYK
- RGB
- Hex（十六进制代码）
- HSB（色相，饱和度，亮度）
- 色卡
第六章：世界都在用的排版系统
- 什么是排版？
- 排版的目的
- 网格设计系统（Grid System）
- 首先，建立一个网格
- 确定页边距（Margin）
- 确定内部构造：栏（Column）与行（Row）
- 然后，往网格中摆放元素
- 将页面元素理解为矩形
- 留白
- 距离：决定关系
- 层级：构造逻辑的手法
- 一致：统一视觉语言
- 最后，进行文字的编辑
- 字号
- 字重设定
- 行长与栏宽
- 字距与行距
第七章：终于要讲软件了
- 我该用什么软件？
- PowerPoint、Keynote 等幻灯片制作软件
- Adobe Photoshop
- Adobe Illustrator
- Adobe InDesign
- Sketch 等交互设计软件
- 值得一学的基础功能
- 标尺和辅助线（Rules and Guides）
- 对齐工具（Align）
- 图层（Layers）
- 样式（Style）
- 钢笔工具（Pen）
- 蒙版工具（Mask）
- 如何更好地呈现你的设计
- 原图导出
- 使用 Mockup
- 联系表
- 自学软件的建议
- 入门阶段：熟悉与尝试
- 爬升阶段：临摹
- 熟练阶段：需求推动学习
第八章：微信公众号排版的建议
- 微信公众号排版的特点
- 纵向滚动
- 主要用手机屏幕呈现
- 阅读碎片化
- 微信文章排版建议
- 清晰的层级设计
- 方法一：在小节之间插入分割线或序号
- 方法二：强调小节标题
- 方法三：在每个小节开始处插入图片
- 减压的排版
- 方法一：宽松的页边距和字距
- 方法二：恰当的字号
- 方法三：开启两端对齐
- 方法四：宽松的行距和段落间距
- 方法五：不绝对的颜色
- 及时的反馈感
- 更多的强调：创造以行为单位的反馈
- 限制段落长度：加强以段落为单位的反馈
- 更隆重的小节区分：加强以小节为单位的反馈
- 经常插入图片和表情包
- 在手机上预览最终效果
- 小结：像幼儿园老师一样做微信公众号排版
- 居中型排版
第九章：长图其实这么做
- 什么是长图
- 第一步：构思风格
- 插画（和图片，图标）
- 字体
- 配色
- 第二步：文稿整理
- 通篇阅读
- 文稿处理
- 精简内容
- 第三步：长图的精髓——文稿视觉化
- 例子变成图解
- 列表视觉化
- 重点句视觉化
- 插入封面让内容更直观
- 图标的小细节
- 第四步：其他建议
- 长图尺寸
- 基本的排版要求
- 开头作为封面图
- 长图的弊端以及如何解决
- 无法插入链接
- 无法检索
- 对视觉障碍的读者不友好
- 在手机上预览
- Design Mirror
- Sketch + Sketch Mirror
- 推荐资源
- 免费矢量图资源：freepik
- 免费图标共享库：Noun Project
- 免费图标资源：Iconfont
第十章：幻灯片设计的建议
- 为什么要做幻灯片
- 你要做哪种幻灯片
- 用来讲的幻灯片
- 用来看的幻灯片
- 幻灯片制作流程建议
- 逐字演讲稿
- 幻灯片分页稿
- 制作幻灯片
- 视觉风格的建议
- 构思你的视觉风格
- 字体
- 字号
- 背景
- 纯色背景
- 渐变背景
- 纹理背景
- 图片背景
- 颜色
- 图片
- 讲什么，看什么
- 保证图片清晰度
- 克制地使用装饰性配图
- 合理地使用图片特效
- 图标
- 关于排版的建议
- 一页一句/一页一图
- 图标/文字海
- 列表
- 图表
- 总结点
- 时间轴
- 开场图/标题
- 关于切换动画的建议
- 我怎么看幻灯片模板
第十一章：设计印刷品时的特别注意
- 印刷品的制作流程
- 一、设计过程中
- 常用尺寸
- 出血（Bleed）
- 清晰度
- 避免偏色
- 使用 CYMK
- 配备更好的显示器
- 使用色卡
- 二、导出
- 文档格式
- 不让字体丢失
- 检查文件
- 三、打印
- 执着地减少偏色
- 测试打印
- 专色印刷
- 克重
- 材质
- 覆膜铜版纸
- 无覆膜铜版纸
- 轻量铜版纸
- 卡纸
- 选纸
- 特别工艺
- 烫印
- UV
- 压印
- 四、装订
- 骑马钉
- 无线胶装
- 锁线胶装
- 裸背装
- 塑环/铁环装订
- 我对纸的态度
扩展学习内容汇总
下面的内容包括了每章文末的「推荐阅读」以及教程文中提到的推荐内容。这些内容可以为你进一步学习平面设计提供方向。
我将扩展学习内容根据学习方式分为三类，作为学习方法的建议参考。
- 阅读：建议通读且理解的内容；
- 观察：带着分析的眼光了解这些内容；
- 积累：可能融入你的日常积累信息源，时常访问的内容。
通用
- [阅读]《设计中的设计》——原研哉
- [阅读]《Thinking With Type》—— Ellen Lupton 极其明确的说明了平面设计中的各种排版知识，简单易懂。适用于所有和文字打交道的人
字体类
- [阅读]《西文字体：字体的背景知识和使用方法》—小林章
- [阅读]《中国字体设计人:一字一生》—廖洁连
- [阅读] Type is Beautiful
- [积累] Typewolf
- [积累] Fonts In Use
- [积累] justfont Blog
- [积累] Adobe CJK Type Blog
- [浏览] 英文字体结构表
排版相关
- [观察]《讨论：长文的数字排版与阅读》
- [阅读]《点石成金》
- [阅读]《平面设计中的网格系统》
印刷类
- [阅读]《触觉不思议》
- [观察] mohawk 在线纸样目录
幻灯片相关
- [观察]《凭什么你认为自己不会画画？》
- [观察] 柴静雾霾报告《穹顶之下》
- [观察] Apple 的发布会
- [观察]《学校扼杀创造力》
配色相关
- [阅读]《色彩的性格》——爱娃·海勒
- [积累] Pantone 的颜色报告
知识重点提取
下面的内容提取了教程中比较系统化的知识。
字体相关
- 中文常用字体于表达含义对照表：
中文常用字体于表达含义对照表 - 英文常用字体于表达含义对照表：
英文常用字体于表达含义对照表 - 中文字体辩识特征：
中文字体辩识特征 - 英文字体辩识特征：
英文字体辩识特征 - 中文字号与磅（pt）字号对照表：
中文字号与磅（pt）字号对照表
颜色相关
- 颜色象征的参考表格：
颜色象征的参考表格 - 几种基于色轮的配色方案：
几种基于色轮的配色方案
排版相关
- 使用网格系统的三个步骤：
使用网格系统的三个步骤 - 排版中摆放元素的手法：
排版中摆放元素的手法 - 网格系统的构成：
网格系统的构成
软件学习相关
软件功能与特点对比表：
| 名称 | 用途 | 上手难度 | 特点 |
| PowerPoint | 制作幻灯片 | ★★ | 功能强大的幻灯片制作软件，高级用户能把它当 Ps 用，做平面设计仍有局限。 |
| Keynote | 制作幻灯片 | ★ | 比 PPT 用起来更顺手的幻灯片制作软件，做平面设计仍有局限。 |
| Adobe Photoshop | 图像处理 + 排版 | ★★★★ | 可以应对所有平面设计任务。 学会之后 Adobe 系软件也就触类旁通。 |
| Adobe Illustrator | 矢量图绘制 | ★★★★ | 平面设计功能比较局限，不适合作为上手软件，但很有可能配合 Photoshop 一同使用。 |
| Adobe InDesign | 专业排版 | ★★★★ | 不易上手，但是是专业排版工作者的选择。 |
| Sketch | 交互设计 | ★★★ | 容易上手。可以完成简单的平面设计，也可以作为学习专业平面设计的第一步。只运行在 Mac 电脑上。 |
| Figma | 交互设计 | ★★★ | 和 Sketch 非常类似的交互软件，运行在浏览器中。 |
长图相关
长图的制作步骤：
长图的制作步骤
印刷相关
- 印刷品制作流程：
印刷品制作流程 - 开数纸尺寸对照表：
开数纸尺寸对照表 - 常用尺寸表：
常用尺寸表
幻灯片相关
制作幻灯片的步骤：
制作幻灯片的步骤
工具与资源汇总
以下包含了教程中介绍的设计辅助工具和图片资源获取网站
- 手机预览工具：
- 中文字体授权与获取：
中文字体授权与获取 - 英文字体授权与获取：
英文字体授权与获取 - [买断制] FontShop
- [买断制] MyFonts
- [订阅制] Adobe Fonts（原 Typekit）
- [订阅制] Fontstand
- [免费] Dafont
- 推荐文章：《免费字体获取和使用指南》
- 查找字体工具：
- WhatTheFont
- 字+
- WhatFont?
- 配色工具：
- Color Hunt：小清新风格的现成配色方案
- NIPPON COLORS：日本传统色
- Palettable：当你甚至无法确定第一个颜色是什么
- SessionsCollege Color Calculator：色彩关系清晰的色轮
- Adobe Color CC：色轮和配色方案共享二合一
- Paletton.com：最专业色轮之一
- 图片和矢量图资源：
- 软件学习相关：
- 谷歌百度等搜索引擎
- 其他：
上一期
精选评论（2） 我的评论
