找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 247|回复: 0

最稳妥的版式编排范例!网格

[复制链接]

4

主题

6

回帖

29

积分

新手上路

积分
29
发表于 2023-1-22 14:32:56 | 显示全部楼层 |阅读模式
来历:知乎
来历:微信公众号 PingMianDesigner(平面设想)

最稳妥的版式编排范例!网格-1.jpg

最稳妥的版式编排范例!网格-2.jpg

最稳妥的版式编排范例!网格-3.jpg

对称网格是按照左右两个版面或一个对页而言,指左右两页具有不异的页边距、不异的网格数目、不异的版面放置等。对称网格的最大特点是左右双方的结构不异,页面中的网格是可以停止合并和拆分的。


最稳妥的版式编排范例!网格-4.jpg

①单栏对称网格。单栏对称网格在阅读进程中易发生疲惫,单栏适用范围多用于笔墨性书籍,如小说、文学著作等。在单栏式网格中笔墨的长度一般不要跨越60字。

最稳妥的版式编排范例!网格-5.jpg

②双栏对称网格。双栏对称网格的版面平衡,使阅读更流利。可是版面缺少变化,笔墨的编排比力麋集,画面显得有些单调。多适用于文学类书籍、杂志内页正文,也可利用左侧放置笔墨,右侧放置图片的方式将版面重新停止分别,增强版面的变化性。

最稳妥的版式编排范例!网格-6.jpg

③平衡双栏对称网格。可以按照内容调剂双栏的宽度。
④多栏对称网格。多栏对称网格这类版式的单栏太窄不合适编排正文,较适用于术语表、联系方式、目录、数据等,也可以按照现实内容增加或削减栏数。

最稳妥的版式编排范例!网格-7.jpg

最稳妥的版式编排范例!网格-8.jpg

非对称网格是指左右版面采用同一种编排方式,可是在编排的进程中并不像对称网格那样绝对。非对称网格形式在编排的进程中,按照版面需要调剂版面的网格栏的巨细比例,使全部版面更灵活,更具有生气。

最稳妥的版式编排范例!网格-9.jpg

最稳妥的版式编排范例!网格-10.jpg

①对称模块网格。对称模块网格在版面编排中,将版面分红同等巨细的网格,再按照版式的需要编排笔墨与图片。这样的版式具有很大的灵活性,可以随意编排笔墨和图片。在编排进程中,模块单元格之间的间隔间隔可以自在放大大概缩小,可是每个模块单元格四周的空间间隔必须相称。

最稳妥的版式编排范例!网格-11.jpg

②非对称模块网格。非对称模块网格是指左右版面采用同一种编排方式,可是在编排的进程中并不像对称模块网格那样绝对。非对称网格形式在编排的进程中,按照版面需要调剂版面的网格栏的巨细比例,使全部版面更灵活,更具有生气。

最稳妥的版式编排范例!网格-12.jpg

最稳妥的版式编排范例!网格-13.jpg

基线网格是不偏见的,但却是版面设想的根本。基线网格供给了一种视觉参考,可以帮助版面元素依照要求正确对齐,这类对齐的版面是凭感受没法到达的。基线网格构架了版面的根本,为编排版面供给了一个基准,有助于正确地编排版面。

最稳妥的版式编排范例!网格-14.jpg

最稳妥的版式编排范例!网格-15.jpg

成角网格在版面中常常很难设备,网格可以设备成任何角度。成角网格发挥感化的道理跟其他网格样,可是由于成角网格是倾斜的,设想师在版面编排时,经过成角网格设想可以打破常规的方式来展现自己的气概创意。需要留意的是在设备成角版面倾斜角度与笔墨偏向角度时,应充实斟酌到阅读习惯。

最稳妥的版式编排范例!网格-16.jpg

最稳妥的版式编排范例!网格-17.jpg

满版式设想首要以图片转达信息,以图片布满全部版面。在视觉转达上直观,表示激烈。按照版面的需要,笔墨的位置编排在版面的高低、左右、中心点上,条理清楚、转达信息正确了然。满版式设想给人风雅、直白的感受。

最稳妥的版式编排范例!网格-18.jpg

最稳妥的版式编排范例!网格-19.jpg

①垂直轴线式设想。轴线与版面的基线垂直订交,这是轴线式设想中最多见的手法。版面被垂直的朋分为两个部分,当轴线被移到左侧或右侧时,红色空间的巨细比例发生了变化,可以增强了画面的节奏。

最稳妥的版式编排范例!网格-20.jpg

②斜轴线式设想。由于倾斜的轴线是最具静态的视觉指导,所以以斜轴为根本的构图也显得相对活跃,暗示着活动。这样的构图空间也因布景空间被朋分为非矩形而更显活跃。

最稳妥的版式编排范例!网格-21.jpg

③没法则轴线式设想。没法则外形的轴能够包括有一个曲折或多个曲折的外形,从而缔造分歧字形结果的轴。没法则外形的轴线根据字行的边沿来显现出它的外形特征,变化很是的奥妙,同时也使版面加倍布满活力,给人留下更多的设想空间。

最稳妥的版式编排范例!网格-22.jpg

最稳妥的版式编排范例!网格-23.jpg

发散式设想,即以一个焦点为中心来设想,一切的元素都构造起来,由一个焦点中心而延长,如同光芒一样。

最稳妥的版式编排范例!网格-24.jpg

①焦点在图内。即以射线的途径为根基的骨骼,焦点为中心向外的放射,放射的骨架线可所以直线,也可以是弧线。焦点可以处于构图的中心,也可以偏离中心,处于一个非对称的位置,但焦点始终处于构图的内部空间里。

最稳妥的版式编排范例!网格-25.jpg

②焦点在图外。即在构图的页面之外有一个暗示的焦点。
③多个焦点。即在构图的页面中有两个或两个以上的焦点作为放射的中心点,由于有不止一个的焦点存在,会发生变化无穷但又有纪律的放射状态,这样的变更也会使形状增强空间感和表示力,发生加倍丰富的形状结果。

最稳妥的版式编排范例!网格-26.jpg

最稳妥的版式编排范例!网格-27.jpg

自在式设想从字面上了解就是不受任何限制的设想,它是经过版式编排中各类元素自在组合排列而构成的。它打破了原有版式设想思惟所提倡的同一规整,是一种自在随意,但又具有其怪异吸引力的版式设想手法。具体来说,自在式设想有以下的几个特点:

最稳妥的版式编排范例!网格-28.jpg

①版心无鸿沟。版心无鸿沟打破了传统页面必须具有天头、地脚、内外白边的概念,在排版进程中笔墨可以冲出页面,不受页面鸿沟的约束,不竭激起读者的设想力,经过无鸿沟性设想出来的作品常常具有激烈的视觉冲击力。

最稳妥的版式编排范例!网格-29.jpg

②字图一体。按照自在式设想的特点,笔墨经常成为图片的一部分,设想师经常把版式设想的进程看成一幅绘画作品来完成,版式中的每一个字都是画面中的一个元素。在编排进程中,笔墨叠印在图片上,不在意易读性,而是追求条理丰富的视阈,已成为自在式设想中的一大特征。

最稳妥的版式编排范例!网格-30.jpg

③解构性。解构性是自在式设想的最首要特征之一,它应用了点、线、面等笼统元素去重组新型的版式结构形式。

最稳妥的版式编排范例!网格-31.jpg

原文地址:https://zhuanlan.zhihu.com/p/425720589
免责声明:本帖内容由机械人自动收集于互联网,如加害了您的权益,请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容,给您带来未便,深感歉意!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-11-23 17:29 , Processed in 0.346275 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表