我用网格来排版,果然精致很多!

文化   2024-11-27 08:55   广东  



网格要怎样用?很多设计师在面对“网格”时常感到困惑。其实,网格是一个能帮助我们规范设计、提升效率的工具。那么今天我就按照个人工作的经验,给大家说说在画册编排中,怎样运用网格来辅助图文布局,让版面更精致有条理。


▲ 这是画册的开本,我们看到里面的线,所构成的就是一个网格系统。也就是说利用页面上我们预先确定好的网格,按照一定的视觉原则,在网格内分配文字和图片。那么这些线,在版面有什么功能呢?



 版心  


我们看到中心红色部分就是版心。版心就像页面中的“框架”,将信息内容在这安全的框架范围内进行设计,使页面显得整齐有条理,更适合读者阅读。


▲ 当版心出现之后,页面四周留有空白的边距区域。边距的存在使页面布局更加均衡和整洁,让读者的视线更集中在版心内容上,提高阅读的舒适度。另外,这些边距在书籍画册中具有重要的作用,可以用来放置页眉、页脚、页码等附加信息,方便读者查阅。


▲ 版心的设置没有唯一不变的标准和方法,而页面的尺寸和信息量是确定版心大小的主要因素。我们可以按所编排的内文字号、行间距作为基准,来设定合适的版心尺寸。将文字填满页面后,以所选取字号与行间距的关系,可以清晰而准确地划定版心大小和位置。


设置合适的版心之后,然后合理确定网格类型。网格的类型有很多,选择合适自己的就可以,这里将介绍分栏网格的运用。



 分栏网格  


分栏网格是指把版面分成若干栏,以此为基础的网格系统,它也是常用的网格类型。分栏网格包括双栏网格、三栏网格、四栏网格等。设计师可以根据需要定义栏数量、栏宽度和栏间距,以创建自定义的分栏网格系统。


▲ 垂直栏(列)由垂直线条组成,类似表格中的列,用于编排横排文字。水平栏(行)由水平线条组成,类似表格中的行,用于编排坚排文字。



   双栏网格(均等两栏) 

双栏网格相比于单栏网格更具灵活性,能有效地控制内容分布在两栏中,更好地划分不同的信息区域,提供更多不同的版式选择,增强版面的变化。另外,双栏的宽度可以均等或者不均等, 从而让面面呈现出更加丰富的变化、具有更大的灵活性。




   双栏网格(不均等两栏) 

双栏不均等网格是两栏的栏宽不相等,优势在于能更加灵活地改变版面设计。较宽的一栏用于连续性的文本设计,向读者呈现连贯的文字内容。而窄小的一栏可以放置主标题、图片说明文字、 图像或表格等信息。

 


   三栏网格 

三栏网格是将版面划分为三个垂直栏,编排相比于两栏网格的编排更为灵活和丰富,文字、图像可以占据单独的栏,也可以跨越多个栏。这样做可以提升元素之间的变化感,增加面面的节奏性。



   四栏网格 

四栏及四栏以上的网格可以被称为多栏网格系统。它具有复杂的网格结构,能创造出丰富多样的页面版式。虽然栏数增多了,但不需要将所有栏的空间填满,应控制版面的留白。多栏网格系统一般适用于书籍、杂志、报纸、多信息编排或创意设计的项目。



好啦,关于网格的内容就分享到这里
如果你想学习更多网格知识
我的新书里面有哦

⬇️⬇️⬇️


这100多个排版技巧,我悟了!
这个设计技巧,太秀了!
这素材,帮我搞定 4 张海报!真香!
不想告诉你的4个排版细节!
本案例仅供学习交流

如有侵权或不适当内容,请与我们联系修改

【在看】和【点赞】等你来

👇👇

版式设计很简单
妙有版设:这里有你想知道的版式干货,每天与你分享,带你一起解决版式难题!
 最新文章