简易设计入门——给大众的设计学通识课
最近在学做MAD（漫剪的一种形式），由于是第一次学习使用PR，所以很多设计方面的知识并不足。好在得到群内的一些大佬的帮助，最终效果看起来不错。尤其是在字幕的设计时，让我感觉到“设计”其实还是有很多的讲究的。但是作为一个非设计类专业的学生，并没有很多时间去学习专业的设计知识。
但是偶然在群文件中看到一份电子书《写给大家看的设计书》，发现这本书刚好特别适合我这种不以设计为主业，只需要快速掌握一些设计原则的人群。现在刚好读了几十面，觉得对自己的启发还是很大的，所以干脆把读后感写在知乎，也方便大家能够快速上手设计
另外想看我做的MAD视频的，链接放在这(*^▽^*)：
一般人需要掌握基本的设计，只需要掌握四大基本原则：
- 对比 Contrast
- 重复 Repetition
- 对齐 Alignment
- 亲密性 Proximity
我们今天先讲亲密性。
亲密性，简而言之，就是让相关性强的元素放在一起，让相关性弱的元素分隔开来。
但是这里设计到几个问题：
如果判断那些元素间的关系具有亲密性?
以何种形式/设计来区分不同亲密性的元素组合？
具有强亲密性的元素之间又该如何设计体现他们的主次关系？
亲密性意味着元素之间存在关联。
可以看看下面两幅图：
这两幅图充分体现了亲密性的内涵。所以如果你想尽量准确地传达自己的想法，在内容编排上一定要深思熟虑。为什么这两个元素放在一起，它们是否可以表达共同主题，会不会歪曲我想表达的意思？
我们以一份菜单的设计为例。
你可以先先想一想，你会如何设计一份菜单？这里我们假设这份菜单就像一份广告传单。
是不是上方有个大大的标题“菜单”/MENU或者其他的？
是不是这个菜品要分为好几类：蔬菜，肉食，甜点？
是不是有些菜品下面要做一些注释，比如选取的原材料的特殊提醒？
是不是每道菜都要一个价格？
我们先看一看一个失败的设计：
（这份菜单是英文的，或许有语言障碍。但之后你会意识到好的设计可以跨越语言）
这份菜单一眼看过去真的给人一种乱七八糟的感觉，非常的拥堵。除了上方大字号的名称和加了下划线和粗体的标题，你根本不愿意去一堆词语中找到你想要的菜，甚至你如果真的阅读完了会发现有些菜下面居然还有注释，但你第一眼根本看不出来！简直令人发指！
我们一步步分析这份菜单的失败之处：
-
字体
先说字体，因为字体真的很重要。这菜单全部使用了TimesNewRoma（不知道的不用管，总之看的出全是一种字体）每个相同字母一模一样，你会潜意识认为似乎他们都表示同等重要地位的东西。虽然大标题和小标题用了加粗和下划线，但也容易淹没在其下的菜名中。不知道的还以为是招牌菜！
-
字号
说实话，除了最上方一行，其他部分竟！然！字！号！一！模！一！样！
即使你是个正常人，看到这点也会愤怒。字号和权重直接相关，一样的字号仿佛给人一种“不想顾客找到菜品”的感觉。
-
行距 （重点！！）
行距是一个很重要的点，（稍后会着重讲）甚至可以说它是划分不同亲密性元素组合的主要方式。但说实话，在阅读这本书前我基本不关注“行距”，相信大多数人和我一样想要更明显的分行时或许只是敲两下回车。（当然你如果实在知乎这样简陋的文字编辑器上创作那也没办法）。
-
亲密性
这份菜单的亲密性基本聊胜于无，除了两处加了下划线的标题外，但凡你想要认真的查询一些消息，几乎都要全部阅读一遍。如果我作为一个顾客，这种菜单一开始就给我留下了很烂的印象……
-
对齐
这一点其实是属于另一个原则，但是在这份菜单中其实也能够找到对应的问题。比如我们是否可以将标题和菜名缩进不同程度来加强亲密性的划分；此外我们是不是可以将每道菜品的菜价统一对其余右边缘，方便用户获取信息。
分析完这份菜单的问题，其实我们已经可以慢慢意识到设计（更具体一点的说，排版）的重要作用：
即降低用户获取信息的成本, 让信息更容易被查询.
当然设计的作用不止于此，这只是它的其中一部分，它应当还具有传递美感，强化信息某一方面的表达等等作用。
我们先从这份简单的菜单开始，看看我们可以如何让这份菜单变得具有设计感，能够一下子吸引顾客的眼睛。
先看下第一版我们可以做到什么程度：
首先这份菜单一眼望上去，比原来整齐清晰了许多。即使你是一个不认识英文的顾客，也可以根据它知道Starters, Entrees是两种不同类型的菜品分类，在此之下字号稍小但是加了粗体的文字显然是菜名，而且每道菜右边都有个数字——显然就是价格了！而每道菜下面的细体字，你或许看不懂，或者懒得看，但肯定知道它是一些注释性的内容，只要当你想点这道菜时再稍加关注即可。
而这种效果，仅仅通过改变字体,字号,行距,进而影响到亲密性的表达就能够实现.
看到这份菜单，你可以很快的看出各个元素之间的亲密性关系。
整体上，菜单分为餐馆名，开胃菜（Starters），正菜（Entrees）这三样；再细一层，以Starters为例，每个加粗的菜名极其下面的细体注释又构成一个元素块。每道菜和Starters构成隶属关系。
这些元素的亲密性通过什么表现的呢？ 空白。
Starters与Entrees之间的行距 > 每道菜之间的行距 > 菜内注释的行距
行距的疏密影响元素的疏密, 在视觉上给你划分了不同的层次.
让更高层次的元素块之间的行距大于更低层次的元素块之间的行距，这是一个基本原则。
此外，字体，字号也同样中。每道菜名都加上粗体，这和下方细体的注释内容形成对比，你会潜意识认为上方粗体才是重要的，于是你会首先去关注菜名，在想好要买这道菜后可能才认真去读注释——但是不要紧，至少它抓住了你的第一印象，有了预设的好感！餐馆名，大类，菜名，注释则使用了四种不同的字号，这种层次关系一眼便能看出。
字体在这里其实可以再进一步，比如菜名可以换一种和注释不一样的字体。
当然，字体的选择其实也很有讲究，如果想要进一步了解，我推荐大家阅读B站UP主的一篇文章：
《MAD作者应该知道的平面设计常识：让你的作品富有美感的技巧——字与段落的艺术》
只要你做到这些，就已经可以制作一个看上去还挺精美的菜单了。
当然，设计是一步步改进的。我们觉得上面的菜单设计其实还不够突出亲密性，于是我们修改基础细节，得到了第二版菜单：
在这一版中，我们看到最上方的大标题字体更大了，但是我们不觉得拥挤，反而觉得有种舒放感。因为下面的内容做了不同程度的缩进，与左边界之间的空白让人一眼看出它属于那种层次，元素间的亲密性关系一目了然。
这一版已经比上一版更精美了。但要你再更进一步，还可以做出一些细节上的改进。比如你看这个数字，一眼看上去弯弯曲曲，是不是有点难受？于是我们可以这样做：
这里将所有价格与右边界对齐，清晰了然。当然，除了这点修改外，这一版还将字体特做了不错的修改，让它整体看起来更活泼了，能够做到这种程度，水平已经不错了。
通过这个例子，其实你已经比较熟悉亲密性的概念和作用，我们在设计中主要操作的对象——空白以及主要的操作方法——改变字体, 字号, 字距相信读者已经比较有一定印象了。
其实关于空白的研究和各种巧思很多，一篇文章或者一本书根本说不完。
这时候你再回想我说的那句话：好的设计可以超越语言的障碍。
现在是不是有了更深的理解呢？
这是这本书读后感系列的第一篇，以后如果有空闲的话会继续更新。想继续了解的话不妨点个关注哦~
最后，希望大家去B站支持一下我的处女作吧(*^▽^*)