欢迎访问江门电脑培训-短期零基础速成学电脑!
语言选择: 繁體中文

平面设计教程

首页>专业知识>平面设计教程>“稳中求胜”的版式技巧!网格平面设计

“稳中求胜”的版式技巧!网格平面设计

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

image.png

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

image.png

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

image.png

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

image.png

网格设计是现代版式设计中常用的排版方式。网格设计强调比例、秩序、整体和严密性,是一种逻辑性很强的版面艺术表现风格。网格设计通过严格的计算,把版心划分为无数尺寸的网格。

image.png

合理的网格设计能得到明确的版面结构,并使各元素在版面中具有条理清晰、富有节奏的视觉关系。这种逻辑的思维方式,为版面的科学性、严谨性和高效性提供了极大的方便。

image.png

1.水平与垂直网格


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


image.png

2.放射线与斜线


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

image.png

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

image.png

3.同心圆弧


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


image.png

4.对称式网格

对称式网格是指版面中左右两个页面的编排结构形式完全相同,并且有着相同的内、外页边距。对称式网格,是根据版面的比例所创建的,能够有效地平衡左右版面,通常分为对称式栏状网格和对称式单元格。

①对称式栏状网格。所谓单栏式对称网格,是指将连续页面中左右两部分的印刷文字进行一栏式的排放。单栏式对称网格的排列形式使版面显得简洁、单纯,一通到底的版面效果直观而务实,因此多被用于说明性文字的编排。

双栏式对称网格多被用于杂志页面中,适合信息文字较多的版面,能使版面具有较强的活跃性,同时让页面显得更为饱满,避免文字过多而造成的视觉混乱。采用双栏式对称网格进行版面的编排设计,可以让版面结构显得更为规则整齐。

多栏式对称网格是指3栏及以上更多栏编排的网格形式。根据不同版面的需要,可以将网格设计成需要的样式,具体栏数依据实际情况而定。多栏式对称网格适用于编排一些有相关性的段落文字和表格形式的文字,它能够使版面呈现出丰富多样的效果。

②对称式单元格。对称式单元格网格的运用要求将版面划分成定数量大小相等的单元格,然后再根据版面的需要进行图片与文字的编排组合,使页面呈现出较强的规律性,并且有效地丰富了版面形式,提升了内容的可读性。

image.png

网格设计虽然在实际应用中具有科学性、严谨性,但过于呆板的运用会给版面带来负面影响。因此在运用网格设计时,应在考虑网格的限定性特点的同时,根据主题内容与审美要求适当打破其约束性。

在线留言


用手机扫描二维码关闭
二维码