你是裸眼设计还是有工具傍身？

做设计最需要的是什么？很多人一定会说是创意，诚然创意这个东西我们的确认为是第一性的，但是在讲了《》之后我们就会发现创意是可以通过一定的手法刺激出来的，既然创意都变得有章可循了，那么隐藏在创意背后的另一个很重要的东西就会逐步进入你的眼帘，那就是设计工具。

 

首先要澄清的一点是我这里讲的工具，不是什么卡纸，尺子，铅笔橡皮，这些工具很重要但是太常规了；我要讲的这些工具能够极大的帮助你解决设计中的规范问题。

在讲他们以前我要跟大家讲明白一个道理，设计没有规范，但是设计可以有规范。

没有规范是个什么意思呢？没有规范的意思就是我们做设计的时候可以随意灵活的运用各种板式，各种字体，各种size，各种色彩。灵活度很大，如果我们非要规范来限制它，那么它会变得很死板，反倒束缚我们的思维。所以设计没有规范。

但是有了规范好不好？有了规范会很好，但是请大家注意，我讲的规范是相对规范，只是一个参照。因为有了这个规范以后我们在做事的时候会比较省事，因为有了可以参考的依据以后你再做事情的时候就不会像个无头苍蝇一样到处尝试了，想想看，是不是很酷？

 

Ok下面就抛转引玉的给大家讲一个牛逼的东西，它的名字叫做黄金分割比例，简称黄金比例。我们在做设计的过程当中就可以用它来打造我们的创意工具系统。

首先说说黄金分割比例的数据比例：1.618:1；但是在使用的过程中为了比较好计算这个比值有时候会被取近似值，1.6，或者更进一步，取值1.5.实际上是原数字也好，还是近似值，画面构建以后差别并不大。所以怎么用，这个地方我还是用比较方便计算法来做好了

 

Ok黄金比例怎么用等下再跟大家讲，下面我们解决一下文字的问题：

          

上图是从2pt到30pt一个字号对表格，这个对表我建议大家都做一个，（我的做法是新建了一张a4大小的对照表）大小无所谓，a4 b5都是ok的，关键是要让画面一比一的打印显示，所看即所得。

根据经验我们最佳的正文字号应该是12pt，在进行排版的时候可以考虑围绕这个数字做调整。

 

除此以外对于文字排版你还需要这么个东西：

 

基本的排版对照表，这个表的基准是12pt字，那么第一个就是行距+字距都是12pt，其实换个时候我们能够看到文字密密麻麻的效果并不是很好；所以我们可以用黄金比例来进行计算行距字距，这里我们为了得到整数值，取比例1.5，那么我们就得到了行距+字距都是18pt，从这个角度我们能够看到画面感好多了，但是文字比较松散，如果版式空间足够，那么做也没有问题；但是如果版式空间比较紧张我们可以考虑进行调整，行距18pt，字距还是用12pt，这样在保证行间距合理的情况下，又有比较紧凑的文字排版；最后我们还有一种调整方法，那就是行距12pt，字距18pt，不过这种排版方式不到万不得已还是不要用了，因为行距太紧了以后文字都是黏在一起的，感觉跟行距字距12pt差不多，效果都不好。

 

Ok在进一步的话我们就要考虑如果正文当中如果出现了两级正文，这怎么办？（所谓的两级正文就是画面当中有两个层级的文字段落，一大一小）而且我们在阅读过程中最佳视域范围是多宽？根据我查阅的资料看来

实际上我们最佳视域就是40到75个字符，也就是20个到32个12pt汉字的宽度

 

 

这里首先我们先把12pt的小正文定下来，为了方便计数，我的分栏宽度用的是20个12pt汉字，字距和行距分别是12pt和18pt，文字比较紧凑，行距比较宽松。而文字分栏高度是9行，从上图的排版里面我们可以看到这种排版的小正文是呈现一个长方形，而且阅读性比较高，九行一组的方式也比较便于阅读，不会因为文章过长而阅读疲劳。

Ok那么大正文我们该怎么去定义它的数据呢？字体首先放大1.5倍,小正文是12pt，大正文就是18pt，行距小正文是18pt，大正文就是27pt，字距依然是12.这个时候我们就能看到一个比较有趣的现象，大正文的两行高度就是小正文的三行高度，在阅读的过程当中没过三行就有大正文和小正文顶对齐的视觉效果，这样虽然画面上面字号行距虽然都不一样，但是这周周期性的对齐，也会带来严谨工整的审美效果。

Ok那么分栏间距是多大呢，小正文和大正文中间的间隔我使用了刚好两个字符的宽度也就是24pt，这样取得数值在视觉上是比较合适的，当然也可以根据自己需求酌情调整。

黑色的长方形是如果我们要进行配图的话，参考数值，这个长方形的宽高怎么定出来的呢，是根据大正文的四行文字的高度，对应小正文的话刚好是6行文字的高度，而长方形之间的间隔刚好是12pt文字的高度。

 

Then

我们来聊聊版心的问题，相信出血的事儿大家都明白了吧，but版心的事儿大家都明白了没有呢？

算了为了小白们，还是先让大家了解下什么是版心，所谓版心就是放置设计内容的核心区域，在设计过程当中需要制作的物料都需要用到1mm到5mm左右的出血，so在纸张的外轮廓之内，还有一个设置核心内容的内轮廓，but你知道吗？如果用这个内轮廓来排版实际上视觉上会很局促，道理很简单，穿着全身紧身衣出门的只有牛逼的超级英雄们好吧！作为普通人，come on，还是算了吧，比你的身体刚好大一点点的床是不存在的，因为根本不会有人喜欢那样的床。

所以我们在排版的时候不可能按照那个内框来设置内容，因为太贴边了，看着很难受。那么根据黄金分割比例我们怎么来设置版心呢？Man，当然我们可以，首先第一种我们可以让长宽比都黄金，但是长宽比都黄金了以后，那么面积比例就不是黄金的了，她的正常公式应该是：

S（大）=x（小）*1.6*y（小）*1.6=S（小）*1.6 ²

看到没有比例关系是黄金平方，也就是上图左边的对开版心

版心比例关心有了，那么版心位置关系我们也可以用黄金来兑换，怎么做呢？

从上到下根据相对位置关系我们可以看出它的排版方式依次是：

1居中

2上下黄金

3左右黄金

4上下左右黄金

这种版心内外比例比较大，相对来说中心内容区域比较小。如果我需要更集中的画面设置，这个很酷。

 

而右边的就是面积黄金，怎么计算的呢？

S（小）*1.6=S（大）

嘿嘿，看到没有如果我们这么计算的话很容易得出版心和纸张的数据关系。但是如果纸张或者版心的长宽确定，但是另一个矩形的长款却不那么容易死确定，相对平方黄金的关系，这个黄金的长宽比例是比较麻烦的

因为从公式你能看出来x*y=s

二元一次方程，酷吧！！！酷到你想哭。So喜欢偷懒的我会用正方形去简化问题，先整出比例关系来，然后~~~~比例缩放呗，一次计算终生受益，妈妈再也不用担心我的设计了。

因为正方形的公式是x²⁼=s

二元一次方程你搞不定，但是一元二次方程能搞定吧？

从上图右边的版心我们能看出，这个版心很酷，有比较合适的外边距，各方面看着就正常多了

当然版心位置关系，从上到下：

1居中

2上下黄金

3左右黄金

4上下左右黄金

 

 

最后就是我们的版心骨骼系统了

这个嘛黄金九宫，所看即所得牛逼的哗啦呼啦的！我觉得之前讲了这么多，这里就不叽叽歪歪了，大家自己看。相信小盆友们能够看懂这个黄金是怎么玩儿的。

哦对了，工具当然不止这么多，但是抛砖引玉的就这么多了，各位还有什么问题的欢迎给我留言，回见。