​女神节!版面凌乱?无序?那就用版式网格

其他 1个月前 设计狗
89 0 0

 

​女神节!版面凌乱?无序?那就用版式网格

网格是设计中常用的画面布局方法,版式网格是指版面设计中的骨架,它按照一定的规律运用网格划分版面,为文字、图形等元素确定位置,以便有依据进行组合编排,从而形成结构严谨的版面视觉效果。网格与设计元素之间是骨与肉的关系,它们相互依存、互为作用。

​女神节!版面凌乱?无序?那就用版式网格

 

网格的形式分为可见与不可见两种,可见的网格在版面上是设计实体,清晰条理;不可见的网格在版面中不是实体元素,只是一种隐藏的参考线,起到限定各元素的作用。

​女神节!版面凌乱?无序?那就用版式网格

 

按构成原理,网格又分为规则与不规则两种。规则的网格以严谨的数学方式划分空间,遵循了重复、渐变、发射等原理,能产生强烈的秩序感;不规则网格则没有严谨的网格线,可以自由变化,采用对比、疏密、特异等,能产生自由灵活的视觉效果。

​女神节!版面凌乱?无序?那就用版式网格

 

网格在版式设计中有两个作用:一是约束版面,固定各元素的位置,使版面有秩序感和整体感:二是根据内容将版面划分成若干形状相同或不同的空间,使各元素之间达到协调一致。从某种程度上说,网格是版式设计得以成立的基础,它能将丰富的设计元素有效地安排在一个版面上。

​女神节!版面凌乱?无序?那就用版式网格

 

网格为所有视觉元素提供了一种结构,使设计更加有章可循、轻松快捷。作为一种行之有效的版面形式法则,网格将构成主义和秩序的概念引入设计,以一种特殊的视角在充满感性的设计领域开拓出一条理性思维之路。

​女神节!版面凌乱?无序?那就用版式网格

 

​女神节!版面凌乱?无序?那就用版式网格

网格设计是现代版式设计中常用的排版方式。网格设计强调比例、秩序、整体和严密性,是一种逻辑性很强的版面艺术表现风格。合理的网格设计能得到明确的版面结构,并使各元素在版面中具有条理清晰、富有节奏的视觉关系。网格设计的形式没有固定模式,我们大体将网格设计归纳为以下几种形式:

​女神节!版面凌乱?无序?那就用版式网格

 

​女神节!版面凌乱?无序?那就用版式网格

水平线和垂直线在版面划分中可以单独使用,即进行水平方向的划分或垂直方向的划分,分别可以将版面等分为二、三、四以至更多份,也可以将版面按一定大小比例划分为多份。另外,水平方向和垂直方向的划分可以组合使用,划分后的网格既可以等分,也可以进行比较复杂和富有变化的划分。水平与垂直划分的网格,将内容安排其间可以给人以经纬清晰、井然有序的感觉。

​女神节!版面凌乱?无序?那就用版式网格

 

​女神节!版面凌乱?无序?那就用版式网格

版面设计中的网格可以以放射线和对角线等斜线的形式设定。放射线网格是由一个焦点中心向外扩展、延伸的线结构版面划分,可以将版面划分为相等或不等的多份,又分为直线放射、弧线放射和角度放射等。在放射线网格中,设计元素可以沿着设定的网格线进行组合,呈发散或聚合状态,具有很强的动感。

​女神节!版面凌乱?无序?那就用版式网格

 

在垂直、水平辅助线的基础上,加上斜辅助线进行编排设计也是非常有效的方法。可以把版面的对角线、水平线以及垂直线的交叉点连成一体,也可以根据黄金比率来进行版面的划分。斜线具有方向、运动、速度之感,也能表现空间的进深感。

​女神节!版面凌乱?无序?那就用版式网格

 

​女神节!版面凌乱?无序?那就用版式网格

同心圆弧的版面划分是指一组或多组同心的圆弧构成的结构线。这种弧线结构呈放射状,具有向外扩延和增强节奏感的效果。圆弧网格线可以是等距离,也可以是渐变的。在这样的弧线上安排元素,具有膨胀感,使版面具有跳跃性和趣味性。

​女神节!版面凌乱?无序?那就用版式网格

 

​女神节!版面凌乱?无序?那就用版式网格

对称式网格编排是相对于对页或左右两个版面而言,左右两页具有相同的页边距、网格数量、版面安排等。对称式网格编排的主要作用是组织信息和平衡左右页面,根据栏的位置和版式的宽度,左右两边的结构完全相同,页面中的网格是可以进行合并和拆分的。对称式网格编排分为四种形式:

​女神节!版面凌乱?无序?那就用版式网格

 

①单栏对称网格。在单栏对称网格的版面中,左右页面中的文字一栏式排放。版面规则整齐,因此单栏对称网格多用于纯文字性书籍,如小说、诗集、文学著作等。同时也可在页面中加入适当的图片,缓解画面的枯燥感。

​女神节!版面凌乱?无序?那就用版式网格

 

②双栏对称网格。这种网格结构可以更好地平衡版面。使阅读更流畅。双栏对称网格多适用于文学类书籍、杂志内页。也可使用左边放置文字。右边放置图片的方法将版面进行重新划分。增强版面的变化。

​女神节!版面凌乱?无序?那就用版式网格

 

③均衡双栏对称网格。均衡双栏对称网格可以根据内容调整双栏的宽度。达到一种视觉的均衡。

④多栏对称网格。多栏对称网格指除了单栏的编排方式以外。根据版面的需要。分为三栏网格四栏网格。甚至更多栏的网格。采用多栏对称网格进行版面编排,可以使版面更为规则整齐,呈现出丰富多彩的效果。多适用于目录、数据等信息文字较多的版面也可根据实际内容增加或减少栏数。

 

​女神节!版面凌乱?无序?那就用版式网格

非对称式网格编排通常指在版式设计中,左右页面有着基本相同的网格栏数,但页面相关的元素呈现不对称的状态,相对于对称式网格而言,这样的编排更具有灵活多变性,版面效果更为活跃、有生气。

​女神节!版面凌乱?无序?那就用版式网格

 

一般多用于杂志或书籍的页面中,根据版面的不同需要,在多栏网格上进行文字的大小比例调整,使页面效果灵活,富有变化,更能吸引读者的视线。

 

 

 

网格的应用在印刷品中十分广泛,一方面有利于约束版面,另外对于构成元素的位置、大小以及对齐方式等有着细致的规划,可以更加合理地设计版面结构。

 

①网格的建立。一套好的网格结构可以帮助设计师眀确设计风格,在有限的时间內编排大量的信息,使版面统一规整、连贯流畅。设计师可以利用不同的网格编排出灵活性较大协调统一的版面构成设计。

 

 

②比例关系创建网格。版面的布局与网格也可以利用比例关系来确定。对称式网格不是测量出来的,而是按照比例关系创建的。

③单元格创建网格。根据斐波那契数列(又称黄金分割数列),5的后一位数字是8,确定为外缘留白的大小。8后面的数字是13,确定为底部留白的大小。用这种方式来决定正文的区域大小,在版面的宽度和高度比上获得连贯和谐的视觉效果。

 

 

④打破网格。打破网格的版面更有自由性、灵活性和跳跃感,能有效地传达一种特殊的设计风格,呈现设计师的创意,但要注意把握版面的平衡感。

 

 

简言之,要根据主题、文字量、图片性质等各种设计要素,采用不同的网格编排来设计版面。版式的网格设计就像磁盘的格式化,既可以使设计内容有章可循,也可以保障信息传播的识别性、准确性与导向性。

版权声明:设计狗 发表于 2022年4月13日 下午8:19。
转载请注明:​女神节!版面凌乱?无序?那就用版式网格 |

相关文章

一键登录,制作专属导航! 立即登录