Quantcast
Channel: justfont blog »平面设计
Viewing all articles
Browse latest Browse all 8

网格之必要(1):网格的用与类

$
0
0

编按:Misaki 目前也是一名实习教师,专门教授高职学生文字编排与版面设计。我们很荣幸可以邀请到她为我们讲讲,为什么网格在平面设计上占有不可忽视的地位,以及应该如何使用它。请期待由她所撰写的系列文章!

前几天指导一个学生做平面排版,她给了我一张长得歪歪斜斜的初稿,所有的文字和图片都呈现大约30度的倾斜,我不由得把那张A4的稿子歪了一边,眯着眼。

虽然会比较具动感,但并不方便阅读

我问她:

“妳为何要这样排版?”

“看起来比较活泼。”

我先是一愣,再问:

“所以妳想要的是动态的活泼,我把纸转了一边才可以阅读内文,这样是妳想要的活泼?”

她在设计的时候,忽略了一个非常重要的原则:阅读的方便性。 资讯易读性可以透过很多的层面去解释。 我们知道版面的配置元素,不外乎文字、图片等。而当这些资讯量变大时,字体、字行间距、排版、颜色都会影响到阅读者对于你所想要传达的内容的正确性。简而言之,平面设计师最重要的任务就是将这些因素考量进设计里,并给予俱有组织和系统化的编排,不论你是在设计一本书或者只是一张海报,能正确清楚传达资讯就是最好的设计。

这就是我们为何需要格线。

格线 Grid System 的出现影响了平面设计的结构编排甚多,追本溯源自 17 世纪的法国使用格线系统是在于管理印刷的排版。一次世界大战后包浩斯风格席卷全球,格线规律性的结构设计获得大众的喜爱,一直到 20 世纪中期的 swiss design 更是将 Grid system 发扬光大,少了花俏的阴影或特效,版面上所呈现的理性让大众读者在阅读上可以完整准确地了解资讯的重要性。

格线有几大元素:  边缘/ 标记/ 字段/ 参考线/ 区块/ 单元

打印
       

  • (A)边缘: 是指页面留白处,指的是页面版心与裁切边之间的空间。
  • (B)标记: 标记的空间是可以引导读者阅读的记号,他会标示出“页数” “页首页尾” “小图示”等。
  • (C)字段: 是放入文字或图像的垂直空间。
  • (D)参考线:参考线是将空间分为横条的准线。但参考线不会在版面上真实的显示出来,但可以借此引导读者按顺序阅读。
  • (E)区块: 版面组成的单元,可提供放入文字广告图像等等。
  • (F)单元: 分隔独立的空间,可贯穿成有条理的格线状设计,几个单元可以组成数牌大小不同的栏和列。

格线的基本架构大致上可以分为七种,分别为:      

1. 单栏式格线(Single column grid)    

打印

一般用于刊登连续的走文,例如:报告或者书籍。
在页面或跨页上,最主要的部分就是文字栏。

2. 双栏式格线(Two columns grids)

打印

适用于文字多,或想在各字段呈现不同讯息的情况。
栏宽可选择两栏同宽或一宽一窄。若是一宽一窄,理想的宽度必立式宽的字段为窄的字段两倍。

   

3. 多栏式格线(Multicolumn grids)

打印

具备更有弹性的设计方式,是用于杂志和网页设计。

4. 单元式格线(Modular grids)

打印

适合处理较复杂的内容,如报章/行事历/图表和表格。

5. 阶层式格线(Hierarchical grids)           

打印

一种将页面横向切割成不同区块的方式。

6. 基准线格线(Baseline grids)             

打印

利用文字的基准线,设计出一系列的行列,从选用的字体来决定画面的编排。

7. 复合格线(Compound grids)
打印

融合多栏式格线成为一个有组织系统的版面。

而这些格线的选用取决于内容,内容决定格线的结构,下几篇要深入介绍这些格线的用法。




网格、字型与扁平化设计的关系是?





Viewing all articles
Browse latest Browse all 8

Latest Images

Trending Articles





Latest Images