您好,欢迎访问三七文档
版面的整体编排支配版面的中轴四点支配版面的四角及对角线四角与中轴四点结构不同构图版面中的四角点、垂直线、水平线相交处等的位置都起着举足轻重的作用。在对角线上安置图片要素,可以支配整个版面的空间。招贴设计版面第一节网格的概述一、网格的概念网格是一种包含一系列等值空间(网格单元)或对称尺度的空间体系。网格指由交叉或平行的条构成的架子,是系列版面在视觉表现上的框架。即:利用页面上预先确定的网格,按照一定的视觉原则在网格内分配文字、图片、标题等元素。网格其实就是用于版式编排的一种无形格式。第四章:版式设计的网格系统•网格的起源:•20世纪起源于瑞士,也是平面构成中骨架的概念,并得以发展与延伸。•这种逻辑性的思维方式,为版面构成的科学性、严谨性、高效性提供了极大的方便。•使视觉上产生空间的“力场”和装饰作用,网格分为可见的和不可见的。•可见的网络清晰,具有条理性,但一味机械地使用,会使人产生呆板的感觉。•不可见的网格,设计师在统一网络的风格中,进行一些破格或变异的设计,运用网格作为版面编排的程序。这种自由方式的构造,能使版面更丰富,更创新、更活泼。网格在版式设计中的重要性网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则,将版面中的构成元素点、线、面协调一致地编排在版面上。网格在版式设计中有着约束版面的作用,其设计特点主要强调了比例感、秩序感、整体感与严肃感,使整个版面具有简洁、朴实的版面艺术表现风格,在版式设计中成为主要的构成元素。网格的排列杂志版式网格作为版式设计中的重要基础要素之一,构建出良好的骨架是很重要的。在版式设计中,一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。网格设计界的原理自成体系,有它独特的设计原则和风格,并不是人们所简单认识的那样单调与刻板。设计时根据设计内容、风格和信息量的多少以及设计师自我取向选择网格。•网格的基本功能是组织页面中的信息,具有阅读的关联性。可以使整个设计过程更加快速有效,尤其针对多页面的文件设计。•不管属于什么项目,不管有多少栏目,所有的页面都在一定的网格(结构、规矩)中完成,版面所有的要素都按照这些格子的划分有序分布、组织。•要追求变化,但不管怎么变,都沿着网格的主线、遵循网格的原则去完成。二、网格的作用:(1)网格具有版面需求性(2)网格具有信息组织的功能性(3)网格具有阅读的关联性网格系统的作用三、网格的意义网格体系为平面设计提供了一种视觉节奏。第二节网格的类型常规网格按照结构划分,可分为栏状网格和单元格网格。栏状网格把页面纵向分为几栏,文字和图片在每一栏里面整齐的排列,每栏之间的空白区域称为栏间距;单元格网格由垂直线与水平线相交构成,网格单元之间的空白区域称为分隔线。常规网格按照形式美法则可分为对称式网格和非对称式网格。一、对称式网格对称式网格的目的主要是组织信息,平衡左右版面的作用。杂志版式对称网格对称式网格就是版面中左右两个页面结构完全相同,被用在出版物的通页中。把页面纵向分成几栏,文字在每一栏里面整齐地排列,就是分栏。对称式栏状网格中的“栏”是指印刷文字的区域,可以使文字按照一种方式编排。对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。单栏网格双栏对称网格(1)对称式栏状网格1)单栏单调,有疲惫感,用于文字性书籍,如小说、文学著作等。因此在单栏式网格中文字的长度一般不要超过60字。2)双栏版面平衡,使阅读更流畅。版面缺乏变化,文字的编排比较密集,画面显得有些单调。三栏对称网格五栏对称网格3)三栏避免视觉疲劳感。三栏网格的运用使版面具有活跃性,打破了单栏的严肃感。4)多栏有关表格形式的文字,比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。单元格对称网格(2)对称式单元网格对称式单元网格在版面编排中,将版面分成同等大小的网格,再根据版式的需要编排文字与图片。这样的版式具有很大的灵活性,可以随意编排文字和图片。在编排过程中,单元格之间的间隔距离可以自由放大或者缩小,但是每个单元格四周的空间距离必须相等。运用可见的网格构成版面,使读者产生空间的置换与叠加,具有更深层的含意。非对称栏状网格二、非对称式网格非对称网格是指左右版面采用同一种编排方式,但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中,根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活,更具有生气。非对称网格主要分为非对称栏状网格与非对称单元网格两种。非对称栏状网格(1)非对称式栏状网格在版式设计中,非对称式栏状网格是指虽然左右页面的网格栏数基本相同,但是两个页面并不对称。非对称单元格网格(2)非对称式单元格网格在版式设计中,非对称式单元格网格属于比较简单的版面结构,也是基础的版式网格结构。网格基本变化示意基线网格三、基线网格基线网格通常是不可见的,但它却是平面设计师的基础。基线网格提供了一种视觉参考,它可以帮助版面元素的准确编排与对齐页面,是凭感觉无法达到的版面效果。四、成角网格成角网格在版面中往往很难设置,网格可以设置成任何角度。成角网格发挥作用的原理跟其他网格一样,但是由于成角网格是倾斜的,设计师在版面编排时,能够以打破常规的方式展现自己的风格创意。•成角网格通常只用一个角度或者两个角度,一般情况下常选择45度和30度的倾斜角度,使版面的结构与阅读习惯在最大程度上达到统一。采用对角/成角网格的LoveWindows完胜Win8使用宝典,这种成45度的成角网格不仅具有基本的稳定感和一体感,还可以引导用户视线向右移动。网格的制作1、根据页面大小设定版心的位置,可参考不同类型的页面,注意出血线的制定,如是杂志要考虑订口,要用尺子设定版面的上下左右的尺度;2、版心内的栏数设定;3、选定好内文的字体(字体、字距、字号、行距),选择图片等要素,根据栏布局整个版面;4、比较、修整,注意版面之间的节奏关系;第三节网格设计的技巧对称网格网格的建立栏状网格与单元格一套好的网格结构可以帮助设计师明确设计风格,排除设计中随意编排的可能,使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较大,协调统一的版面构成设计。网格的常见编排形式(1)多语言网格编排(2)说明式网格编排一、网格的叠加任何一个设计作品,并非只能使用一个网格,通过网格之间的叠加,使网格不受严格的限制条件约束,更加灵活的安排编排元素。网格的叠加并不是越多越复杂越好,设计时要注意主次的关系,理清设计思路,突出重点的同时提高版面的可读性,以此获得最有效的信息传递。二、网格的虚实网格的虚实是指网格的利用率。在运用网格的版式编排中,因作品的主题定位、风格追求以及画面或造型处理的疏密布局、元素的实际情况等因素,并不是所有的单元格都要被充分利用和占据。•版面设计中利用网格编排时,除了网格的虚实进行疏密变化外,还可以通过局部打破网格约束的方法进行突破表现,使整齐且具有规律性的网格体现灵活性。三、打破网格网格与无网格对比版面网格与无网格对比版面无网格版面打破网格的约束使版面设计更具有自由性,但是很难把握版面的平衡,就算是很优秀的设计师也很难准确的把握画面的平衡感。经过打破的设计,变化小的作品,网格一眼就能明细可见;变化大的作品,也能依然保留部分网格的痕迹。灵活掌握网格和打破网格的手法,将大大拓宽我们的设计空间。尤其是今天的商业社会是以年轻人主导的消费市场,这种自由、活力、个性化的风格表现仍将主导平面设计的持续发展。三栏版面双栏版面双栏版面四栏版面以直线与圆弧线在版面中的分割,来取得彼此间的联系,加强整体效果。四、网格与标题、注释等文字的关系版式编排中,大标题、注释字并不一定要在网格的范围里被限制,可以游离于网格之外,与网格在同一个层次上进行排列。它的对齐方式和依据都与网格一样面向整个编辑区域。该菜谱在版面编排时,根据对版面元素的了解选择适当的网格结构,使其达到信息传达明确。在该版面中,采用大小图片的对比关系,使整个版面具有版面的活跃性,选择一张满版出血图,运用图片中元素的生动感,能有效地勾起人们的食欲。实例:时尚女性品牌宣传画册版面设计,在编排这样的版面时,注意版面的文字与图形的编排结构,使版面具有个性新颖的视觉版面效果,符合品牌形象宣传。版面采用网格结构中的两栏对称编排的网格结构,使整个版面左右具有强烈的稳定性。运用图片的对比编排使版面具有活跃感。文字的大小对比关系打破了对称网格的沉闷,具有版面的活跃感。本设计为杂志内页版面设计。该版面采用双栏网格与单元格网格形式的结合,将版面划分出明确的结构,文字与图片按照网格的结构编排在版面中,体现了版面的稳定与整洁。该版面层次清晰,文字采用左右均齐的编排形式,体现了版面的整洁与朴实感。图片运用单元格的形式编排,展现了整个版面的活跃性。该设计是是一张网页版面设计。该网页采用对称式单元格网格的编排形式,该网页设计中每个单元格的距离为零,图片集中编排在版面中心,使整个版面结构更紧凑,更具有规律性。版面的四周空出很大面积的空间,强调了版面的视觉中心,同时也加强了版面的空间节奏感,整个版面给人规律、整洁的视觉效果。该设计是一张杂志版面设计。文字与图片的编排采用了对称栏状网格的编排形式,使整个版面文字编排更有秩序,版面更严谨。对称栏状网格形式使该版面在视觉上达到了平衡。但是从视觉角度来看,版面虽然达到了平衡,文字变化不大,缺乏活力,编排较密集,使整个版面显得有些单调,让人阅读时容易造成视觉疲劳。
本文标题:版面设计4.
链接地址:https://www.777doc.com/doc-2220484 .html