020-29815005
预约专线时间:09:00-23:59

如何使用网格系统进行布局设计

新闻来源:优漫教育 日期:2021-10-10
排版设计是现代设计艺术的重要组成部分,对于提高视觉传达效果具有重要意义。格网系统作为版式设计中的一个重要环节,有它自己的形式和特点,其实网络在版式上是隐形的,但却是真实存在的,可以理解为版式设计参考或规范。
  网格点、线、面等布局要素都能在排版中进行协调安排。格网系统在实际排版设计中具有比例感.统一感和精确感强等版面艺术特征,伴随着当今时代信息大量传播的需求,网格网在布局设计中越来越受到人们的重视,这就需要探讨它的构建方法,而网格系统设计的创意也是有规律的。


UI设计培训班


  按照主题要求确定网格样式。

  因为网格的数目,以及设计的主题都和媒体的特性有非常紧密的联系,所以一般在娱乐主题上采用活跃的版面设计,如复合网格系统设计;在严肃的主题上,合理的布局方式,比如对称的网格系统。


  由布局的宽度决定网格数。

  西方国家对通栏的尺寸和变化已有较严格的规定,如每一栏中文字不得超过50条,而我国至今尚未明文规定,设计上一般依赖于设计者的感觉。


  要有风度.灵活和变化。

  网格网系统的设计可以为网格化提供方便、快捷的基础,在保持网页风格一致性的前提下,还可以灵活多变,以使信息的传递更加富有层次感和条理。


  网格制的设计分类。

  ①对称式网格网设计。这类设计一般使用左右页.两栏或三栏等,页.页码位置对称,左右两页可互相镜像,从而显示一种严谨.清晰.理性的特征。

  ②非对称网格网系统设计。这类设计通常用来表达轻松的内容,如散文.诗.女人.运动等等,这也决定了不同布局的平衡。比如不对称的留白处理就能给人留下一种想像的空间,和油画的留白有着异曲同工之处。

  ③模块化网格系统设计。这是一种早期的报纸编辑设计,能将几个模块组合在一起,从而提高排版速度。

  ④复合网格网设计。这可以说,上述三个网格点的综合运用,这样就形成了现代气息,下一步网格化系统的设计问题。


 决定页心大小之比。

  排版完成后,作为设计者必须对网页中所包含图形和文本的数量作一个粗略的计划,才能决定整个版面的面积。在此不仅仅涉及宽和高,而且还包括字体大小和页数等问题,如以黄金分割页为基础的页边空白距离可设为3:5:8。决定了这个问题后,可以进一步对要排列的标题和文本内容进行各种组合尝试,从而确定最佳的方法。


  网格数。

  因为可以将空间或平面分成的格子数目没有上限,所以要针对特定的作品进行研究,通过仔细研究,使之符合作品主题风格的网格形式。如2.3.4.6条等常用的均匀排列方式,很容易产生严谨.有条理的视觉感觉。并且把这些简单的分栏在当地进一步细分,例如,将两栏变成4栏.8栏,3栏变成6栏或9栏等等,逐渐精化的分栏,极大地提高了版面的内容承载量,为编排内容容量和多样性奠定了坚实的基础。

  按照设计研究,从左到右的标准阅读距离为30~35cm,在此范围内的文章适合阅读。它给栏宽的设定提供了一些依据。字段宽度对字的排列影响较大,通常是栏宽越窄所用的字型越小。若在较窄的字段宽度上使用较大的字体,将会造成同一行字数太少,从而导致阅读时频繁换行,加速眼睛疲劳。一般而言,网格系统的栏数越多,所产生的排版变化也越丰富。而如果这些空间间隔或文字之间的差异越小,则设计出来的作品静态效果越强,反之则动态效果更强。


  片头定位设计

  在排版设计时,采用网格系统设计时,必须确定好图形和文本的网格分配。定好后,就要对标题的位置进行规划,标题位置的设计要根据栏目的大小.宽度等要素,要有直观性。题名能直观反映文章的中心思想,是设计的重点。格网系统设计时,要对标题.横、横、横、字型的变化进行详细设计,根据文章的大小,适当改变每篇文章的标题大小。横向变化具有强烈的节奏感,在色彩方面也要有所改变,以使标题能够形成设计的亮点。


  字行间距设计

  两个字符间的距离称为行距,它是本行字与前一行字基线之间的距离。行间距包括了文本的高度。当设计时应考虑行间距的大小,根据阅读速度和版面的清新度来设计行距。要求行间距控制不要过大,不要浪费版面,各段间要清楚,以适应读者阅读的间歇。要把握好疏密的结合,疏主要用意是留空,密主要是为了体现紧凑,只有处理好疏密的关系,才能合理地安排。一般来说,行距为120%~180%的行距比较合适。


  图画排版设计

  在整理图画时,要与图画说明文字协调一致。图画可退底,可出血,也可以是方块。例如,一般放在图画左右或者放在图画的上边或者上边,大部分时间都要求和图画边对齐。照片描述的编排不能将一行与边线对齐,下一行则缩进两个字符,使之看起来混乱。


 栅格细部优化和调整。

  格网形态的多样性是网格系统的一种特性。除在固定栏内插入文字和图片外,还可对版面内容提供复杂多变的结构,例如注解.图标.小图画.装饰等相关元素。比如题图,根据文章的内容,可以对题目进行设计,由多种图案组成题图,特别是用大场景照片作为标题背景,能形成强烈的视觉效果。又像标题,页码等装饰元素的设计应用,能提高版面的整体性。

  作为一种艺术作品,格网系统设计也有自己的规律,因此在设计时要结合平面设计的具体特点,科学合理地运用分栏方法和网格单元对文字.图形.装饰等视觉形象进行合理设计。与此同时,要结合相应的视觉体验和美学法则,这样才能使网格成为设计师编排布局的有力辅助。