浅谈版式设计中网格系统构建方法.docVIP

  • 6
  • 0
  • 约2.91千字
  • 约 7页
  • 2018-07-01 发布于福建
  • 举报
浅谈版式设计中网格系统构建方法

浅谈版式设计中网格系统构建方法   摘要:版式设计作为现代设计艺术的重要组成,可以对视觉传达效果的改善提供重要帮助。而网格系统作为版式设计中最为重要的环节,具有自身的形式与特征。文章从网格系统设计的创意规律、种类入手,重点的对网格系统的设计内容进行了论述。   关键词:版式设计;网格系统;比例   网格可将版面的构成元素如点、线、面协调一致地编排在版面上。网格系统在实际版式设计中具有比例感、统一感和准确感强烈等版面艺术特点,伴随着当今时代信息量大而快速传播的要求,网格系统在版式设计中已经越发引得人们的重视,因此有必要对其构建方法进行探讨。   1网格系统设计的创意规律   1.1根据主题要求确定网格风格的设计   由于网格的数量以及设计的主题与媒介的特点有着极为密切的关系,为此一般在娱乐性的主题上使用活跃的版面设计,例如复合网格系统设计;而在严肃的主题上使用理性的版面设计,例如对称式网格系统设计。   1.2根据版面的宽幅确定网格的数量   关于通栏的大小以及变化在西方已经有较为严格的规定,例如在每栏中的字母不超过50个,日本是28个字,而中国至今还没有明确定规定,设计中一般依靠设计师的感觉决定[1]。   1.3在保持页面风格一致的前提下还要有灵活多变的特点   网格系统的设计能够提供方便快捷地形成系列版面的基础,在保持页面风格一致的前提下还要有灵活多变的特点,以保证信息的传递更富有层次与条理。   2网格系统设计的种类   (1)对称式网格系统设计。这种设计一般采用左右两页、两栏或者三栏等,页面、页码的位置对称,左右两页可以互为镜像,从而表现出一种严谨、分明、理性的特点。(2)不对称式网格系统设计。这种设计一般用于较为轻松内容的表现,例如散文、诗歌、女性、体育等,这也就决定了不同版式的平衡性。例如不对称中的留白处理就可以为人们留下一个想象的空间,与中国画的留白有异曲同工之妙。[1](3)模块网格系统设计。这种设计最早使用于报社编辑,可以将多个模块快速的拼装在一起,从而提升了排版速度。(4)复合网格系统设计。这种设计方式可以说是以上三种网格的综合使用,从而得到极具现代气息的设计。   3网格系统设计   3.1确定页面版心的尺寸比例   在版面的成品尺寸确定之后,作为设计师必须对页面容纳的图形及文字的多少进行大致规划以确定版心面积。这里不仅涉及到宽度与高度,同时还包括字体的字号及多少以及页面数量等都是需要考虑到的问题,如采用黄金分割作为基础的页边空白距离可设定为3:5:8。在这一问题决定之后就可以进一步的对标题以及所要安排的文字内容进行各种组合尝试,从而确定最优的方式[2]。   3.2网格数量   由于一个空间或者平面可以被分割成的网格数量是没有上限的,为此针对具体的作品要通过仔细地研究以获得与作品主题风格相适应的网格形式。例如常用的2、3、4、6栏等均匀排列的方式,极易产生严谨、整齐划一的视觉感受。而将这些简单的分栏在局部进一步细分,例如将两栏变为4栏、8栏,3栏变为6栏或者9栏等,逐步细化的分栏变化,大大提高了版面的内容承载量,为编排内容容量及多样性奠定了坚实的基础。   根据设计研究,眼睛从左到右的标准阅读距离是30~35cm,为此处于这一范围的文字是最适合阅读的。这为栏宽的设置提供了一定的依据。栏宽对于文字的排列有较大影响,一般是栏宽越窄所使用的字体越小。如果设计中在较窄的栏宽中使用较大的字体就会造成同一行的文字数目过少,从而导致阅读过程中频繁换行,加速眼疲劳。一般来讲网格系统的栏数越多其产生的版式编排变化也越丰富。同时,若这些空间间隔或者是文字区域间隔差异越小,那么所设计出的作品静态效果就越强,反之则具有较强的动态效果[3]。以九宫格为例,其水平和垂直方向被均分为三栏。分栏位置非常接近页边的黄金比例,因此更易取得页面的平衡协调感以及形式美感。在确定了网格数量后即可进一步确定其所包含的内容,如文字大小、数目,图片方式等,对所涉及的网格尺寸以及间距等进行微调,从而优化版式的编排效果。   3.3标题、文字及图片在网格系统中的插入   3.3.1标题位置设计   在进行版式设计中,采用网格系统设计必须要确定好文字与图片的网格分配。确定好之后,就要对标题的位置进行规划,标题位置设计要根据栏目的大小、宽度等要素,要具有直观性。标题直观地体现出文章的中心思想,因此也是设计的重点。在网格系统设计中,要对标题的大小、横竖变化及字体、字号变化进行详细设计,根据文章轻重,对每篇文章的标题大小适当变化。汉字的优势在于可以横排,亦可竖排,横竖的变化具有强烈的节奏感,在色彩方面也要有所变化,这样标题才能形成设计的亮点。   3.3.2文字行距设计   字行之间的距离称之为行距,是从本行字的基线到上一行字基线之间的距离。行距已经将文字的高

文档评论(0)

1亿VIP精品文档

相关文档