时尚杂志排版设计：用比例算高级，告别直觉不稳定
源自你自幼至成年所看过的全部事物, 从小小的连环画到精彩的好莱坞大片, 从街边的招牌到博物馆内的著名画作, 这些事物于你的视觉皮层留下了痕迹, 进而形成了你的审美直觉。
但直觉最大的问题是——不稳定。
今儿状态佳, 任意拉个版面皆觉顺眼。明儿要赶稿子, 怎样调整都感别扭。更棘手的是, 客户端终持反感态度之际, 你无法借“我料想这般形态是美观样式”去劝服他。
“有美感”难以抵受深入探究。你向一位从事设计工作的人询问缘故, 于其选用此字体的缘由, 他给出的回应是“觉得有美感”, 这般表述等同于未作任何说明, 毫无实质意义。
“高级”是算出来的
什么叫“高级”？
所说的那样上档次的情况乃是, 经你看过某一件作品之后, 无法讲出究竟是哪儿有着好的地方之处, 然而却就是会觉着“有所不同”。而那所谓的“有所不同”, 通常是隐匿于比例范围之内的。
比例并非玄学, 而是数学, 从古希腊的黄金分割开始, 到日本的网格系统, 再从包豪斯的构成理论, 直至苹果的视觉规范, 所有历经时间检验的设计, 背后均存在一套精密的数学逻辑。
高级感来自于秩序，而秩序来自于比例。
比例于设计而言是隐性的骨架, 它并非那种张扬的存在, 然而却对一切起着决定性的作用, 如同一个人的气质, 并非取决于脸部五官究竟有多精致, 而是在于其骨相是不是周正。
黄金分割
公元前300年, 欧几里得, 在《几何原本》里, 定义了一种特殊的比例, 把一条线段, 分成两段, 长段与短段之比, 等于整条线段与长段之比, 这个比值, 约等于1.618。
这个数字的倒数，就是0.618。
有着帕特农神庙的立面, 有着蒙娜丽莎的脸部构图, 有着苹果的logo, 有着Twitter的界面, 全部遵循这个比例。
“不用记住这个数字, 你, 但是要知道: 自然界中, 被公认的最美比例, 大约是三比二。”。
下一回进行版面分割之时，尝试三比二, 而非始终沿用五五开, 在图片裁剪之际也如此, 于留白分配之时同样这般。
三分法
黄金分割被简化后形成了三分法, 将画面横着切两刀, 再竖着切两刀, 使其变为九个格子, 把重要要素放置在交叉点处。
这差不多是所有摄影师以及设计师的入门课程, 然而入门可不意味着低级, 你瞧瞧世界顶级摄影作品, 超过六成运用了三分法构图。分隔。
三分法其本质究竟是什么呢? 它是为了防止因处于居中状态而致使的那种呆板感, 与此同时, 于视觉方面维持一种平衡。
具有中心对称特性的那种视觉排布方式其实是最为省力的呈现方式, 只不过它同样也是最为无趣乏味的。人的眼睛本能地对变化有着强烈的渴望, 然而同时又唯恐遭遇令其感到混乱无序的状况。三分法在寻求变化以及维持稳定这两者之间成功地寻找到了均衡点。
斐波那契数列
1，1，2，3，5，8，13，21，34……
这个数列存在这样的规律, 前两个数进行相加的结果等于后一个数, 相邻两个数的比值, 越来越趋向于接近黄金分割。
关于斐波那契数列, 其最为神奇之处在于, 它在自然里广泛存在着。比如说向日葵的花盘, 还有松果的鳞片, 以及鹦鹉螺的螺旋, 再者树枝的分叉, 这些全都依照这个数列来排列。
自然的生长逻辑，就是最舒适的视觉逻辑。
从事设计工作之际, 能够思索借助斐波那契数列去规划字号层级, 去确定间距大小, 去安排板块面积。你会发觉, 运用这套逻辑排列而成的版面, 自然而然地令人感觉舒服。
网格系统
倘若讲黄金分割属于古代做设计之人的诀窍, 那么网格系统便是当代从事设计工作者们的工具。
20世纪初期的时候, 瑞士的一些设计师们, 将数学比例带进了平面设计之中, 进而发展出了一套严谨周密的网格体系。从涉及海报再到各类画册, 从网页一直到App界面, 网格系统在现代视觉传达领域占据着统治地位。
核心思想极为简单的网格是这样的, 它会将版面划分成有着固定数量的栏, 以及行也有一定数量组成的网格, 并且所有元素都依据这个网格来进行排布。
有常见的网格, 分别是12栏的, 还有16栏的, 以及24栏的。那究竟为何是这些数字呢, 原因在于2、3、4、6能够整除它们, 进而提供了最为灵活的拆分方案。
网格系统的好处是什么？
第一，效率。 不用每次重新找感觉，按照网格排，不会出大错。
其次, 是统一这方面。对于多页面的设计, 像画册、网站以及PPT这类, 网格起到了保证每一页视觉连贯性的作用。
其三, 具备专业性。网格能够对信息层级起到决定作用。你要将最为重要的内容放置在占据网格数量最多的位置, 而次要内容则予以缩小处理, 如此一来, 读者能够一眼便分辨出主次之分。
苹果的官网, 宜家的目录, 纽约时报的版面, 这些一概都是网格系统的产物。你瞧着它们会感觉“高级”, 那是由于背后有着一套严谨的数学秩序在予以支撑。
比例怎么用？
说了一堆理论，我举几个具体的例子。
文字排版
当正文字号被设定为10pt之时, 行高至少应为1.5倍, 即15pt , 为何如此呢? 这是由于在人眼进行阅读之际, 需要有充足的行距用以引导视线跳转至下一行 , 要是行距过于拥挤, 读者可能会出现串行情况 , 要是行距过于宽松, 注意力则会变得涣散 , 1.5至1.8倍属于最为舒适的区间 , 此即比例。
标题与正文的比例, 要掌控在二比一至三比二这个范围之间。标题是二十四磅, 正文为十二磅, 恰好是两倍关系。标题为十八磅, 正文是十二磅, 刚好是一点五倍关系。这些数字并非随意选取的。
留白
许多人惧怕留白, 认为“空”意味着“没做够”。恰恰相反, 留白是对比例的一种极致考验, 是有着特殊意义的一种考验, 是绝非普通寻常可比的一种考验。
页面边距同版心面积之间的比例, 建议为大概8:5左右（近似于黄金分割那般的比例情形）, 也就是说, 版心占据版面的约 60%, 而留白占据 40%。
看看那些高级的品牌画册, 常常会有大面积的留白, 而内容仅仅占据一小块地方。为何会显得贵呢? 原因在于奢侈的本质就是“浪费”, 也就是要用充足的空间去衬托内容的存在感。
图片与文字的面积比
图文混排的时候，图片和文字的面积比例决定了版面的气质。
图片占70%、文字占30%——偏视觉冲击，适合杂志、海报。
图片占50%、文字占50%——均衡稳重，适合企业宣传册。
在构成方面, 图片所占比例为30%, 文字所占比例为70%, 这种情况偏向于信息的传达, 适合用于说明书以及年报。
这些比例并非是毫无弹性的死规定, 而是作为起始点存在的, 你于这个基础之上进行相应调整之后, 是不会出现偏离正轨的情况的。
如何养成比例感？
比例感不是天生的，是练出来的。我给你三条建议。
首先, 将做所有事物都采用网格方式。随后的一个月时间里, 你所制作的每一张海报, 每一页PPT, 每一张名片, 均要先拉出网格然后再进行排版。不要去嫌弃麻烦, 这实际上就是为了帮你构建肌肉记忆。
其二, 测定你所喜欢涉猎的作品, 碰到一张被你判定为“高级”的海报, 进行截屏操作程序, 将画面拖往相关软件, 测量其边距的比例数值, 测量其图文所占大小比例, 测量其字号之间的比例关系, 你极有可能会带着震惊的情绪发觉, 那些表面上看起来显得较为随意的布局方式, 在后头全部都是经过精准精确计算得出的结果。
第三, 要先进行计算然后再做调整, 千万不要凭借感觉。当接到一个设计任务时, 不要急急忙忙就开始动手去做。先花费十分钟来确定比例, 什么样的页面比例可供选择, 网格划分是几栏, 字号层级又该如何递进, 把框架搭建好之后再去填充内容, 这样做比你一边做一边修改要快上许多, 也稳当许多。
感觉和比例，缺一不可
说到底，设计和所有手艺一样，讲究个“由技入道”。
觉得那是天赋所在, 比例方面则关乎技术, 有感觉却缺乏比例, 作品好似没有骨架支撑的皮囊, 根本撑不起来, 有比例但没感觉, 作品犹如精密的机器一般, 少了温度。
专业设计师, 与普通设计师的区别在于, 普通人凭借自身感觉, 去碰运气, 而职业选手依据精准比例保证下限, 后续运用他们的感觉去突破上限。
别迷信灵感，别依赖直觉。
首先, 运用比例将作品达成“及格线以上”的水准, 接着, 凭借感觉把此作品推进到“优秀”的境地, 这才是那种能够持续产出优质设计的职业途径。
请小编喝杯咖啡吧！