
第1周 版式设计基础与结构
Day 1 版式设计原理
版式设计是将图像和文字元素按照一定的规律进行整理、编排,并根据设计主题与甲方的需求,在规定的版面中进行设计。版式设计是设计的基础,适用于各类设计行业。
黄金分割
黄金分割又称黄金率,是设计中经常采用的比例关系。单纯地按照黄金分割法则设计出的作品不一定优美,但优美的设计一般都遵循黄金分割法则。黄金分割的数值比例是1∶1.618,是指将整体一分为二,较小部分与较大部分的比值等于较大部分与整体的比值,约等于1∶1.618,可以理解为a∶b=b∶(a+b)≈1∶1.618。

1.绘制一个正方形。

2.画出两条对角线,过交点画竖直线,得出红色的对称分割线。

3.以对称分割线下端为端点,绘制出右边小矩形的对角线。

4.以对称分割线下端为轴心,将上一步绘制的线段旋转到与小矩形底边齐平。

5.以得到的线段为底边绘制一个矩形。

6.完整的黄金分割矩形展示。

1.完整的黄金分割矩形还能被进一步分割。画出大矩形的对角线a,线a与线b相交于点A,过点A画水平线,得到一个更小的矩形。

2.可以采用这种方式继续分割,从而得到若干个小矩形和正方形。

3.完整的新黄金分割矩形展示。

4.无限延伸分割结构展示。

很多人觉得黄金比例的螺旋线很难绘制标准,其实绘制有诀窍。这里以点B为圆心,绘制出1/4圆。采用这种方式继续绘制,就能得到标准螺旋线。

完整的螺旋线展示。

通过观察我们会发现,黄金分割的无限延伸分割结构展示与DIN(德国工业标准)纸张尺寸比例体系相似,也就是从A0纸分割出A1、A2、A3、A4、A5、A6等规格的纸张,一直到无法分割。
白银比
白银比的比例约为1∶1.414,日本设计师比较喜欢运用白银比。现在白银比越来越多地应用于版式设计和插画设计的构图中。

1.绘制一个正方形。

2.绘制出对角线,对角线呈交叉状态,将其中一条对角线标红。

3.以红色对角线的下端点为轴心,旋转红色对角线,使之与正方形下方的边齐平。

4.完整的白银比矩形展示。
斐波那契数列
斐波那契数列又称黄金分割数列。前两个数字相加可以得到下一个数字,如1、1、2、3、5、8、13、21……(即1+1=2,1+2=3,2+3=5,3+5=8,……)。斐波那契数列可用于控制图片的大小和比例,以及图片与文字之间的关系。

范德格拉夫原理
范德格拉夫原理又称秘密原理,即依据几何原则对页面进行划分,进而确定页面版式。很多中世纪的图书与手稿采用了这一原理。这个原理可以用于黄金分割的版式上,能够快速确定页边距、版心、天头、地脚、翻口和订口等。
