「设计教程」后记:学会最基本的设计常识,在设计上不犯低级错误

编注:《比身边人多懂一点设计》栏目一经推出,就收到了大量读者的好评。如果你没有接触过设计,想要提高点儿设计感,懂得一些「性价比高」的设计常识。这套教程将会是一个很好的开始。

教程的作者是 MakicLin,曾为少数派设计过《一张图带你看完 WWDC 2017》、《一张图带你看 iPhone 十年发展史》、少数派 App 界面图标、《用更现代的方式做任务管理》等付费课程的信息图。

作品缩略图展示

本文是他在教程连载完结之后,写作的后记文章。分享了他写这份教程的初衷,以及他对写教程这件事的思考和经验分享。

教程在写作过程中,也增补了大量内容和细节,比如字体、配色等章节,信息量都接近翻了一番。《微信公众号排版建议》、《长图其实这么做》等章节,也是后期增补的。因此,教程将会在下周五(12.21)涨价至 ¥49(现价 ¥39)。

如果你对这个栏目感兴趣,现在就是最好的入手机会,👉 点此了解栏目详情

以下为后记正文。


十二篇正文,八万多的文字,1.65GB 的配图,突然之间就到了写后记的环节,在最后一次感谢诸位的学习之前,我还有一些零散的事情要分享。

一份「预谋已久」的教程

你可能不知道,这份教程虽然只更新了几个月,但前前后后准备了一年的时间,足矣列入「有生之年」系列。这要从去年夏天说起……

那个时候,女朋友问了我很多关于设计方面的问题,比如 PPT 怎么配色、字体选什么、排版有什么方便的方法等等。其实这些问题对于受过一定训练的设计工作者来说并不难,但在没有经过设计教育的人眼中仿佛是毫无头绪的。于是我半开玩笑地做了一份「平面设计入门」幻灯片,背了稿,约了个咖啡店,以普及设计常识的借口进行约会。且不说约会效果如何,重要的是约会之后我意识到了「原来日常的工作和学习中,要面对这么多设计问题」。

所以,这份教程就诞生了。我的初衷是普及最基本的设计常识,学习过的人至少能做到「在设计上不犯低级错误」。它适合所有人阅读,从做 PPT 到搭衣服都能用得到。虽然「普及最基本的设计常识」听起来很简单,但构思教程的知识体系时,我意识到「最基本的设计常识」要比想象中庞大而且复杂得多。

拿《第六章:世界都在用的排版系统》来说,阅读这章之前必须要有关于字体和配色方面的知识作为基础,所以我们的教程就是按照「认识字体」→「选择字体」→「配色」→「排版」的顺序讲下来,也就是说为了讲这一章,需要先铺好四章背景知识。

写教程不只是写教程

如果你不断重复讲某个事情,你必然会对这个事情有进一步的认识。当我写了几章之后,就会对「最基本的设计常识」有更深的认识了,开始思考为什么普通人会在设计中犯低级错误。比如配出来的颜色很不协调,字号太小,字体不好看等等。实际上,这是缺乏审美能力的体现。而提高审美能力才是解决这个问题的根本办法,这也是为什么教程一开篇就要讲提高审美。某种程度上,我认为第一章是本教程最重要,最有启发意义的文章。而且当你熟练掌握设计的基础之后,就会发现提高审美才能让你的设计更进一步。

不过第一章的写作真的是费尽周折。和少数派付费内容组的 Hum文刀漢三经过了一个多小时的讨论,增加了一倍的内容,又大幅更改了文章结构,最终能够呈现一个完整的提高审美的方法论。本教程的第一章可能是我写过最长的文章了,也是改动最多的。

在此特别感谢 Hum 对教程提出的诸多修改建议,改正了很多写作方法上的错误;也感谢文刀漢三从头到尾的审核和排版,还有在教程「预谋」阶段的负责人 SamWanng。诸位的建议都提高了教程的质量,我也收获了许多写作方面的知识。

经过这些,我发现写教程远没有「写稿」、「发布」、「答疑」这么简单。写教程的过程中我经历了大量研究,做了许多的图片和动图,反复推敲表达方式。所以写教程不只是在写教程,也是是梳理自己知识体系的最好方式。

写作流程与技巧

写这套教程的时候我也总结了一套编写流程,分享给大家。我使用的写作和编辑软件是 Notion。选它的理由是多平台,可多人协作并且对键盘交互非常友好,不用总去动鼠标。

第一步:构思框架

这一步是大概想出这章教程应该包含哪些内容,零零散散写出章节的结构,文章中应该提到什么东西等等。我喜欢在电脑上进行这一步,因为电脑可以让我更加专注,也方便搜索其他资源。

第二步:信口开河

有了文章结构之后,就是往里面填塞具体的内容了。之所以叫信口开河,是因为我在这一步使用语音输入。我通常会用 iPad 或手机配合讯飞语音输入法,无论是躺在床上还是通勤路上(一个人的时候),想到哪里就说到哪里,足够发散以输出更多内容。这样的写作流程有三个好处:一是语音输入的效率远比键盘打字高,能省下很多很多的时间;二是 iPad 和手机竖屏的阅读面积比电脑还要大,看起来比电脑更方便;三是语音输入让我摆脱了书面语言的束缚,可以集中精力在「表达」上面,不用去推敲语言。

第三步:整理

这一步,是对信口开河的修补。我会将根据语音输入的文字重新组织语言,去口语化,删掉过于跑题的东西……整理之后的文稿,就能使用了。

第四步:配图

很多时候,写好几行文字不如放一张图直接明了。这一步我会根据文章意思,在需要的地方配以图片。由于教程中的图片大多是用于解释说明,所以图片并不难做。我使用 Sketch 作为作图软件,主要是用起来顺手,性能理想,有方便的画板功能。对于屏幕录制,我非常推荐 ScreenFlow 这款应用。从录屏到编辑一个软件就能解决,而且剪辑时的裁剪画面和鼠标强调效果都非常方便。

以上就是我在写这套教程时形成的写作流程,本教程的大部分章节都是这样写下来的。其重要在于「信口开河」这一步,它能够让我高效完成繁重的写作任务,而且输出更多的东西。不过这套流程不一定适合所有人以及所有情况,欢迎大家讨论。

我对设计工具的态度

虽然一开始就说这不是一个软件教学导向的教程,但仍然受到很多关于「我该用什么软件做」的问题。要知道,好设计的关键不在工具,而是我们自身。

「给我笔刷!」

写完教程正文之后,我觉得还是要确定一下态度:我绝对不会认为软件问题与学习软件是没有用的。因为只有思考能力和动手能力在同一个水平线的时候才能发挥最大能力。8012 年了,设计工具不再是限制我们的瓶颈。对于平面设计来说,新的软件并不能让你做出之前做不出来的东西,但很有可能让你更好更快地完成同样的任务。

所以,我们应该对设计工具保持敏锐:去尝试新的软件,软件更新的时候了解有哪些新功能,探索更高效的使用方式……毕竟世界上还有那么多美好的东西,全用来搞设计不免有些浪费。

学习设计是无止境的

对比平面设计专业的本科课程,这份教程可能包含了大约一年半的专业知识。

这么说是错的,也是对的。对在教程中所包含知识点确实有那么多,错在忽略了知识点之外,「实践」的价值。设计学科的特点就是能在实践中学习,课本知识大家都有,让你不同于他人的就是你的实践经验,所以你做的每个东西都是你学习的过程,设计学习是持续的。

还有一种「设计永远不会完成」的说法,大意是一个设计完成之后,过一段时间总会有新的改进空间。这是因为在这段时间里,环境正在发生改变,受众也在发生改变,旧的设计自然不能适应新的环境。这也是为什么很多公司会不断的进行品牌翻新。设计是无止境的,学习设计也是无止境的。无论是学习这套教程还是运用这套教程中的知识解决设计问题,都是设计学习中的一个环节,设计学习仍会持续。

上面这两个事情,都是希望大家阅读完本套教程之后,在工作生活中真正运用学到的知识,通过运用增加经验并巩固知识。并且坚持做日常积累,提高自己的审美。

感谢你的学习。


比身边人多懂一点设计》栏目将在下周五(12.21)涨价至 ¥49(现价 ¥39)。

如果你没有接触过设计,想要提高点儿设计感,懂得一些「性价比高」的设计常识。这套教程将会是一个很好的开始。

👉 点此了解栏目详情

比身边人多懂一点设计