版式设想中的万能公式！“三率一例”究竟是什么？

123457489

来历：知乎



“版式设想”的英文是“Layout”，有“计划”和“地区分别”的寄义。


版式设想是指设想师按照设想主题和视觉需求，在设定好的版面内遵守形式美法例，将笔墨、图形和色彩等设想元素有构造、有目标地排列组合起来。

优异的版式设想能给人带来视觉上的美感和精神上的愉悦，而精致的版式设想则不合适美学纪律，甚至毫无美感可言。将感性的设想停止理性的归纳和表达，有助于设想师在现实工作中设想出更优异的作品。



明天数艺君给大师分享的是，版式设想中最重要的概念“三率一例”。“三率”是指版面率、图版率和腾跃率，“一例”是指黄金比例。

在具体先容和分析“三率一例”这一概念之前，先来先容什么是版面。

版面是指在页面中首要显现图文信息的地区。

在印刷设想中，大师可以将版面了解为去除天头、地脚、暗语和订口后的中心地区。在版式设想中，版面的职位很是重要，由于不管大师设想哪一类作品都需要先计划好版面的巨细。

版式设想是在有限的版面内停止有目标、有计划的设想，使版面内的图文信息编排得加倍科学、公道，并合适美学纪律，这也是版式设想的根基条件。


天头：页面中顶部页眉留白地区。

地脚：页面中底部页脚留白地区。凡是将页码和脚注设备在地脚地区。
订口：页面靠近书脊将要装订的留白地区。
暗语：页面最外侧未来要被裁切的留白地区。

在网页设想中，版面可以了解为网页的主视觉地区。一般网站主视觉地区的宽度范围为1000px~1200px，而垂直偏向上的内容可所以无穷长的，是以不限制网站界面的高度。

在设想网站界面时，只需要将图文信息排布在主视觉地区内，而超越主视觉地区的信息则不易被人重视。



版面率
版面在开本中所占的比例叫作版面率。版面率越小，页面留白越大，这样会使人感应高级、高雅；

版面率越大，页面留白越小，给人的感受是内容丰富、信息量大。









增大版面率可以让版面更适用一般资讯类、工具类、产物宣传类和购物网站的版面率比力大，由于这些范例的版面设想要传递很多信息，假如版面太小则不能包容较多的图文信息。


这里需要夸大，版面所承载的信息量与版面率没有绝对关系，大版面率的版面所承载的信息能够是一张满底的图片和少许的笔墨，而小版面率的版面所承载的信息能够是很多图片和笔墨。




在这个购物网站的产物界面中，其版面率几近到达100%。与印刷刊物相比，网站的界面展现遭到多种身分的限制，是以每一个像素都很珍贵。一般电商类网站会充实操纵版面， 以传递更多的商品信息。

减小版面率可以让版面更精美

高品格刊物一般采用小版面率，将首要信息内聚，而且页面中有大面积的留白，使全部页面看起来清新、繁复、文雅和精美。

虽然前面讲到版面率与信息量没有绝对关系，凡是是小版面率的版面可展现的信息较少，这避免了信息过度拥堵，不会破坏版面的设想气概和定位。





这是一张杂志内文页面，经过大面积的留白和简短的笔墨下降版面率，从而在视觉上营建出一种繁复、文雅的结果。

版面率能否公道，可间接考验设想师对刊物内容的了解能否到位，以及把控设想气概的才能能否够强。

在现实工作中，设想师接到设想需求后，凡是先对设想气概停止明白定位，肯定设想气概是适用性的还是艺术性的。一般适用性的版面可以采用较大的版面率，而艺术性的版面可以采用较小的版面率。

图版率
在版面中，图片所占版面的比例叫作图版率。

图片数目越多，图片尺寸越大，图版率越大；图片数目越少，图片尺寸越小，图版率越小。图版率大的版面使人感应丰富、热烈，图版率小的版面则使人感应低调、沉稳。

进步图版率可以增加版面的可视性和腾跃率，但一味增加图版率就会轻忽笔墨的感化，使版面显无暇洞、有趣。总之，设想师应当按照版面的气概定位来灵活调剂图版率。





版面左侧间接利用一张满底图，其图版率为100%，而版面右侧是裁剪后的图片，其图版率为30%。将左右两侧的图版率停止对照，构成视觉差别，使版面张弛有度，具有视觉张力。




这是一张食品宣传海报。版面采用标准的满版型构图，没有留白，其图版率到达了100%。经过大面积红色激起人们的食欲，同时红色是极具穿透力的色彩，识别度较高，轻易吸引人们的视野。




这张海报的图版率约为50%，将图片和笔墨停止组合设想，图片可以向外界转达感情和故事，笔墨可以对主题停止帮助说明。在平常生活中，这类图文连系的海报设想很是多。




这张艺术海报的图版率约为20%，重要的艺术图案位于版面右上方的黄金朋分处，使人们的视野可以聚焦。别的，版面中没有过量的笔墨干扰视野，起到了“Less is more（少即是多）”的结果，给人留下深入的视觉印象。




这个文摘类杂志页面没有应用任何图形或图片，是以图版率为0%。全部版面显得很是单调、有趣，长时候阅读轻易给读者形成视觉疲惫和厌倦感。

观察上面4 张图例可以发现，在版面中图片所占的比例间接影响版面的设想气概。在现实工作中，要按照版面的基和谐定位灵活调剂图片的数目和巨细，使版面在视觉上富有变化。

经过垫色处置增大图版率

在现实设想工作中，偶然会碰到图片素材数目有限，但又必须进步图版率的情况。这时可以增加色块或给图文信息停止垫色，使版面加倍具有条理感。




这是一个产物杂志页面。在版面中，经过垫色增大图版率，分歧的色块组成了巨细分歧的块面，这些块面既能朋分版面和分别地区，又能丰富版面，使版面轻松、活跃，而且加倍年轻化。

通太反复图片素材增大图版率
在现实工作中，经常会碰到素材尺寸小和画质低的情况。这时可以用反复图像的方式来处理。这类反复变化不但可以增大图版率，使版面看上去加倍灵活、富有节奏和韵律变化，还可以使版面不再空洞、呆板。




在这张产物宣传海报中，设想师将分歧巨细和质感的圆停止随机散布，从而增大图版率，使版面加倍丰富、饱满，具偶然髦的艺术气味。

腾跃率
腾跃率是指版面中的设想元素经过巨细和位置变化在视觉上营建出的一种对照关系。腾跃率大的版面使人感应活泼、活跃，而且富有节奏感和韵律感；而腾跃率小的版面则使人感应沉稳、安好和文雅。

在现实工作中，腾跃率应当按照版面的设想气概和定位停止灵活调剂，以营建出更好的视觉结果。在版式设想中，腾跃率首要分为笔墨腾跃率和图片腾跃率。接下来按照影响版面腾跃率的3个首要身分，综合先容笔墨和图片的腾跃率。

第1个身分——巨细对照构成腾跃感
在设想版面时，调理笔墨或图片的巨细可以增大或减小腾跃率。

腾跃率大的版面，笔墨有明显的巨细、粗细和角度变化，全部版面看起来加倍丰富、活跃，而且亲和力更强；

腾跃率小的版面，笔墨根基上巨细不异，并依照一定的顺序分栏排列，全部版面显得恬静、高雅，使人感应稳重，但又略显呆板。




在这个以笔墨为主的版面中，笔墨腾跃率较大。设想师决心将题目笔墨加大、加粗，并将角度停止倾斜变化，从而与正文笔墨构成鲜明的对照。




在这个以笔墨为主的版面中，笔墨的腾跃率较小。虽然题目笔墨的字号和正文笔墨有巨细变化，但差别不明显，版面整体看上去略显呆板，视觉表示力不强，难以激起读者的阅读爱好。

上面只说到笔墨对腾跃率的影响。现实上，图片对版面腾跃率的影响也很大，甚至在某种情况下比笔墨对腾跃率的影响更大。总之，可以经过调剂图片的巨细、位置和偏向改变版面的腾跃率。




在这张招贴中，设想师将图片的巨细、位置和偏向停止调剂，构成激烈的视觉对照，使人感应设想理念大胆、前卫。




这是一张修建宣传海报，版面以满版型为主。设想师将版面分别红多少个方格，并作为添补布景。在视觉上，图片没有主次之分，这使版面的腾跃率大大减小，从而给人带来一种平稳、安宁的心理感受。

第2个身分——位置对照构成腾跃感

在版面设想中，调剂图片或笔墨的位置可以使版面具有腾跃感。例如，调剂设想元素的远近、疏密和偏向。总之，灵活调剂设想元素的位置，可以使版面更具有活力，并进步了版面的阅读兴趣性。




这是一个汽车配件宣传册内页。设想师将部分图片素材停止去底处置，并将图片的位置、巨细和偏向停止调剂，使其具有腾跃感。别的，成组的笔墨经过前后、远近和疏密处置，使版面具有条理感。




在这张杂志页面中，图片的腾跃率较小。图片巨细不异并停止法则排列，图片在版面中的腾跃率几近为零，这使版面看上去与图中的自然情况一样平稳、安静。


第3个身分——色彩对照构成腾跃感

在版式设想中，色彩与图片、笔墨配合组成了版面的主视觉元素。分歧的色彩被人们赋予了分歧的感情，例如，红色意味着热情、恐惧，绿色意味着生命、战争，蓝色意味着纯洁、科技等。

色彩对版面的腾跃率有很大的影响，大师可以经过对分歧色相、明度和纯度的色彩停止搭配，使版面看起来活泼、活跃或沉稳、文雅。




这是一个时髦购物网站的首页，经过色彩对照构成很强的腾跃感。设想师应用大面积的留白、随机的色块外型和撞色，增大界面腾跃率，彰显年轻时髦的设想气概。




这是一个修建材料招贴设想，版面的整体色彩以灰色为主，腾跃率几近为零，在视觉上显得沉稳、文雅。

黄金比例
黄金比例这一概念源自毕达哥拉斯学派。黄金比例具有比例性、艺术性和和谐性三大特点。

黄金比例蕴藏着丰富的美学，也是一种陈腐的数学方式。黄金比例揭露了自然界中的一种美学纪律，在艺术和设想中也很是受人喜爱，大师可以在大量的艺术作品中找到黄金比例的身影。

下图AC线段与AB线段的比值即是CB线段与AC线段的比值，比例约为0.618∶1或1∶1.618，这一比例被称为黄金比例。黄金矩形的长宽之比为黄金朋分率，一个黄金矩形可以无穷天生等比例的黄金矩形。








这是一家马戏团的官方网站首页。3个汉子连成的竖线在全部版面的黄金朋分线上，使全部版面很是调和。




在这张音乐海报中，最突出的设想元素是突变圆环。突变圆环是版面的视觉重心，在黄金朋分点处，再经过黑色布景的衬托，使版面加倍夺目，可充实表达出音乐可以带给人们丰富的视觉享用。

九宫格是黄金比例的典范表现。我国现代有九宫格构图法，首要用于皇故里林结构。九宫格构图也叫井字格构图，应用横向的两条线和竖向的两条线将版面均匀分红9块，4条线相互穿插的4个点就是版面的黄金比例朋分点。


在国外的摄影理论中，这4个黄金比例朋分点也作“兴趣重心”，由于在这4个黄金朋分点上排布设想元素会使版面加倍优美。





这是一张灯具招贴，采用了标准九宫格构图，使版面看起来井井有理，如同摆设于商场的橱窗中，设想元素相互自力又互不影响。





这是一个旅游杂志内页，版面构图采用了标准的九宫格构图。在视觉上，格与格之间没有巨细、主次之分，是以利用序号指导阅读顺序。

原文地址：https://zhuanlan.zhihu.com/p/412959579
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！