网格网格系统相关定义及意义资料搜集整合

《网格网格系统相关定义及意义资料搜集整合》由会员分享，可在线阅读，更多相关《网格网格系统相关定义及意义资料搜集整合（20页珍藏版）》请在装配图网上搜索。

1、文档供参考，可复制、编制，期待您的好评与关注！ 辞典对于网格的解释安排均匀的水平线和垂直线的网状物。网格设计，就是在页面上按照预先确定好的网格，理性而有序地排列文字和图片的一种版面设计方法。网格设计也可以叫做网格系统，还有人把它叫做标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计或者欧洲版面设计。其特征是重视比例感、秩序感、连续感、清晰感、时代感，具有准确性、严密性和科学性。网格设计是以理性为基础的，与以感性为基础的美国自由版面设计成为很好的对比。当真正把技巧、感觉和网格这三者融合在一起时，就能够更好地解决功能、逻辑和美学上的问题。现代网格设计经历了一个长期发展的过程，其源流可以追溯到2

2、0世纪20年代的构成主义。自从德国包豪斯设计学院这个构成主义的中心地解体以后，瑞士的设计师们继承了包豪斯的设计思想，瑞士的设计学校成为现代网格设计主要的实验室。其中最严谨、最锲而不舍地应用网格设计的是巴塞尔美术学校的权威埃米尔鲁德尔教授和他的学生们。20世纪40年代出版了第一件用网格设计的印刷品，其严谨的文字和图片设计方案、全书统一的版面形式和对于主题朴实无华的表现代表了新的潮流。到了20世纪50年代，网格设计成为较为成熟定型的版面设计形式在世界范围广泛传播。介绍网格的第一本专业书籍是德国1961年出版的平面设计家的设计问题网格设计是书籍、报纸、杂志、广告、产品样本、展览等设计的有效方法，简明

3、扼要及图文并茂地阐述了网格设计的本质和优越性并附有28个应用实例。作者是著名的瑞士设计师、网格设计的积极倡导者约瑟夫?米勒?布鲁克曼。他在总结网格设计的优越性时说：“网格使得所有的设计因素字体、图片、美术之间的协调一致成为可能。网格设计就是把秩序引入设计中去的一种方法。”网格设计网格设计在20世纪20年代产生与瑞士，50年代流行于世界各地，它是在书页上按照预先确定好的各自分配文字和图片的一种版式设计方法。网格设计，或者叫做网格系统、又有人把它叫做标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计或者欧洲版面设计（与美国的自由版面设计相对而言）。标志着书页开本、版心尺寸、栏目宽窄和空白大小的

4、版面设计形式就属于这个范畴。所有的设计作品，都需要从视觉的和组织的角度解决问题。图片、文字所占的区域、标题，表格形式的数据，所有这些元素都要组合在一起，以便于实现有效传达。网格，既可以是松散随意的有机联系，也可以是机械呆板的严谨精确。对于某些设计师而言，网格就是设计工艺所固有的部分。网格的发展历程，除了需要解决特殊的传达方式与制作问题，还与平面设计师如何看待设计的发展过程有关。除此以外，网格还适用于帮助解决非常复杂的传达问题。利用网格进行设计，其好处很简单：清晰明了，快捷高效，干净利索，连贯流畅。在开始其他工序之前，网格可以为版面设计提供比较系统的编排秩序，以便于分别处理不同类型的信息，让用户

5、更便捷地搜索到需要的内容。利用网格，可以让设计师在非常有限的时间内编排大量的信息，因为在建构网格结构的过程中，许多设计思路就已经得到妥善的安排处理。网格，还能让许多个体的设计师能够在同一项目或者相关的系列项目中进行同时合作，而不会影响各步骤之间已经确定的视觉特点。网格的形成：正方形网格；长方形网格；大小网格；单向网格；重叠网格；突破资料来源：网格网格即是安排均匀的水平和垂直的格状物，网格设计就是在版面上按照先确定好的格子为图片和文字确定位置。网格设计的起源可以追溯到20世纪的20年代，当时，巴塞尔工艺美术学院的教授和学生们在继承了包豪斯设计思想和瑞士设计风格后，从画面结构的相互联系中发展出来一

6、种形式法则，成为了网格设计的基础。比起格式塔心理学家们来，有一条更早得多的感知原则，它可以表述为“让我们愉悦的东西，我们感知得最多”。在信息设计中，形式服从功能，但是这并不意味着我们就忽略形式。要让形式尽可能令人愉悦，它会扩大受众采集信息的体验。资料来源：eye4u视觉设计工作室.进阶理解版式设计M.北京：中国青年出版社，2009年版，第57页网格系统图片、文字所占的区域，标题，表格数据，所有这些元素都要组合起来，用一种叫做网格的系统很容易实现以上目标。一个网格有一组线条明确的队列关系组成，它作为整个版面的参考线，用于安排各种各样的版面元素。无论网格多么复杂，每个网格都包括一些相同的基本部分。

7、这些部分都可根据需要进行组合，或者根据设计师自己的意愿在整体结构中进行删除。组成部分的比例大小，也同样取决于设计师的需求。网格既可以是松散随意的有机联系，也可以是机械呆板的严谨精确。运用网格进行设计，其好处很简单：清晰明了、快捷高效、干净利索、连贯流畅。在其开始其他设计步骤之前，网格可为版面设计提供比较系统的编排顺序，以便于区分不同类型的信息，让用户更快捷地搜索到需要的信息。与其他方法相比，网格可以解决复杂的表达问题。资料来源：美蒂莫西萨马拉.完成设计从理论到实践M.温迪，王启亮，译.南宁：广西美术出版社，2010年版，第37页。网格体系历史和意义网格体系（Grid Systems）作为一种注

8、重客观分析和合理性的设计方法论，源于20世纪2030年代欧洲设计界的功能主义思潮，但真正形成其理论体系并在设计实践中得以广泛应用，则是在二次大战之后。大约40年代中期，在瑞士和德国最初出现了以网格作为版面结构框架的设计作品。1961年瑞士著名设计师约瑟夫穆勒布鲁克曼（Josef Muller-Brockmann）在图形艺术家及其设计问题一书中首次对这一方法论做了阐述，1981年他的专著网格体系又在美国出版。由于瑞士设计师首先在他们的作品中利用了网格并对其方法做出了系统的理论总结，所以网格体系往往被视为瑞士经典版面风格的“专利”，但其实际影响早已超出了某一国家的界限，并成为20世纪5070年代“

9、国际版面风格”的重要特征。在影像媒体高度发达的今天，印刷版面也呈现显著的“图像化”趋势，不仅广告和图录样本等包含丰富的摄影图片和插图，各类书刊中图版所占的比重也大大增加。如果我们是处理内容单一的文本和少量的图版，问题还比较容易解决，如果我们处理的对象是结构复杂和多页面的版面，工作的难度就大很多。为了有效率地解决问题，网格体系就提供给了一个有矩可循而又具备极大延展可能性的方法。这一方法的核心是：以印刷字符的规格标数为模数，将设计师从事工作的二维平面或三维空间划分为若干相等或不相等的区域，用这些区域作为组织设计元素的框架，从而在合乎数理逻辑的关系中建立版面的整体秩序。其目的和意义：通过体系化的程序

10、提高设计工作的效率；以富于逻辑性和分析性的思考方式客观地解决各种不同的设计问题；赋予作品统一和谐的形式，包括素材尺度的规格化和结构关系的条理化；提高版面的易读性，突出主题并形成合理的视觉诱导，借以加强信息传递的效果和人们对信息的记忆。网格设计网格设计是在书页上按照预先确定好的格子分配文字和图片的一种版面设计方法，它是从画面结构的相互联系中发展出来的一种形式法则。词典上给网格下的定义是:安排均匀的水平和垂直线的网状物。版面经过精心推敲，确定版心和栏目的大小、宽窄，然后将图、文置于网格中，纳入的内容按栏目的序列进行配置。一本书或刊的网格系统一般是一致的，这就形成了个性化的风格。 网格设计是现代设计

11、思想在装帧设计上的反映，配合现代化的排版软件，设计者可自由地组版。它注重比例感、秩序感、连续感、清晰感、时代感和正确性,是以理性为基础的，它与以感性为基础的美国式的自由版面设计形成鲜明的对比。网格设计的一个主要优点是它强加给缺少经验的设计者以规矩和限制，当他划分所要处理的空间时,会得到一个紧密连贯、结构严谨的方案。此外，当我们把技巧、感觉和网格这三者融合在一起进行设计时，就会出现精美大方、令人印象深刻的页面，在整体设计上给人一种清新感和连续感，有一种与众不同的统一效果。资料来源：黄冰.谈版式网格设计的强势J.装帧设计，39-40建立网格我们所说的“网格”（Grid），是对版面做出的空间划分，其

12、基本形式是由垂直和水平划分而产生的等面积矩形区域，以及各区域间的间隔构成，这些间隔形成了版面的栏与列。栏与列决定了编排元素的大小与位置，其中包括图片，标题、内文、图片说明和页码等。网格体系就是以这套方法，成为强有力的视觉组织的，它统一了每页版面的各个元素，也统一了整体的风格，同时还考虑到其中可能存在的差异。网格的划分形成隐形的垂直线和水平线。版面编排中各个元素都要接受它的引导，排列成序。虽然网格的划分有助于元素的安排，但这并不表示它的结果就一定是僵硬无趣的。就像其他系统方法一样，如果能够发挥想象力，把它运用得当的话，也会有很活泼的效果出现。建立网格首先要考虑的是原稿所包含的元素。研究一下文本有

13、多长，独立的小文本又有多少；图片有多少，图片负面的大小大致如何分配。如果原稿是由很多独立的片段组成，那么网格就要划分成许多小单元；如果原稿是一本冗长的文字为主而视觉化素材很少的话，那么，一个复杂的网格体系就纯属多余了。所以，构造独特的网格，必须与设计的版面上的元素数量和大小相对应。网格划分越细，单元越小，元素摆放位置的选择就越多，条理秩序就越难统一。换句话说，有时，简单的网格才是最好的选择。栅格设计系统栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已

14、成为今日出版物设计的主流风格之一。一、历史发展1、字体设计1629年，法王路易十四命令成立一个管理印刷的皇家特别委员会，由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导。委员会提出了新字体设计建议：以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方格单位，每个方格单位再分成36小格，这样，一个印刷版面就由2304个小格组成。这是世上最早对字体和版面进行科学实验的活动。也是栅格系统的雏形。其实早在1539年就有字体设计专家乔佛雷托利（Geoffroy Tory）采用类似的方法设计字体。2、版式设计1919年德国著名建筑家沃尔特格罗佩斯（Walt Gropius）在魏玛

15、建立国立包豪斯学院。包豪斯的平面设计基本是在荷兰“风格派”和俄国“构成主义”的影响下形成的。因此，具有高度理性化、功能化、简单化、减少主义化和几何形式化的特点。1928年，朱斯特施密特（Joost Schmidt）发展出了一套新的理性设计系统和方法。20世纪50年代，栅格设计系统终于在前西德与瑞士得到完善。通过瑞士平面设计杂志的宣传，将瑞士苏黎士和巴塞尔两个城市的设计家从20世纪40年代探索的成果全面展示，并影响世界各国，因此也被称为“瑞士平面设计风格”（Swiss Design）。由于这种风格简单明确，传达功能准确，因而很快得到世界范围内的普遍认可，成为战后影响最大的一种平面设计风格，也是国

16、际最流行的风格，因此又被称为“国际主义平面设计风格”（International Typographic Style）。1965年，在美国的芝加哥成立了一家新的平面设计公司尤尼马克设计公司（Unimark），主要设计人员包括有拉尔夫依克斯特朗姆（Ralph Eckerstrom）、詹姆斯佛格曼（James Fogleman）、马西莫维格涅里（Massimo Vignelli，1934-）等。尤尼马克设计公司的设计思想基本是国际主义的：强调平面设计上的标准化，采用方格网络为设计依据，目的是良好的视觉传达功能。这家公司发展很快，不久就成为一家拥有402名工作人员、在全世界设有48个设计事务所的大型

17、国际设计公司。国际主义平面设计在这家公司的业务中得到很大的成功，而企业的规模又使得这个风格在世界各地得到进一步推广。现在，大多数平面设计软件都有“网格”功能。3、网页设计二、特征与原则栅格设计的特点是重视比例、秩序、连续感和现代感。 以及对存在于版面上的元素进行规划、组合、保持平衡或者打破平衡，以便让信息可以更快速、更便捷、更系统和更有效率的读取；另外最重要的一点是，负空间的规划（即：留白）也是栅格系统设计当中非常重要的部分。三、相关书籍设计几何学关于比例与构成的研究，（美）伊拉姆（Elam,k.），李乐山 译，中国水利水电出版社，2004年7月。ISBN:9787508415628栅格系统与

18、版式设计，（美）伊拉姆（Elam,k.），王昊 译，上海人民美术出版社，2006年，ISBN:9787532245345书籍设计，（英）安德鲁哈斯拉姆（Andrew Haslam），钟晓南 译，中国青年出版社，2007年，ISBN:978-7-5006-7531-0资料来源：http:/zh.wikipedia.org/wiki/%E6%A0%85%E6%A0%BC%E8%AE%BE%E8%AE%A1网页设计中的栅格系统 我给网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页

19、的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。网格设计概论：“版面网格可辅助设计师做出明智的设计决策,消除了设计元素被随便编排的可能,也可使各种元素整合在同一的设计中。”网格构成设计特别强调比例感、秩序感、整体感、时代感和严密感，创造了一种简洁、朴实的版面艺术表现风格，曾对西文现代平面设计产生过广泛影响。网格设计的发展与应用产生于二十世纪初叶的西欧诸国，完善则于五十年代的瑞士。 网格设计风格的形成离不开建筑对其深刻的影响，其风格特点是运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。 应 用将之分为一栏、二栏、三栏以及更多的栏把文字与图片

20、安排于其中，使版面具有一定的节奏变化，产生优美的韵律关系、网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来呆板的负面影响。 利用网格对版面作出空间的划分，它的基本形态是垂直和水平线划分而产生的等面矩形区域和其中间隔区域，他们共同形成了版面的行于列。 视为栅格系统（agridsystem）的空间资料来源：视为栅格系统（agridsystem）的空间来源版式设计第二节版式设计的栅格系统网站连接：版式设计的栅格系统概述栅格是将设计的页面分成一个个小方格或单元，这样做的好处是让版面规整有序，避免凌乱。在进行版式设计时，面对大堆需要排版的信息往往会束手无策，不知道该把哪条信息放在哪个适当的位

21、置。了解栅格系统有助于我们从整体入手，暂时抛开细枝末节，建立版面的大框架。栅格中的单元格往往是根据设计内容而定的，内容越多，单元格越多，并且根据内容的主次、多少来限定单元格的大小和位置。在拿到需要编排的文字和图形时，第一件事情是要清楚最想让读者看到什么、知道什么，然后在网格中的单元格中填入适当的文字和图片，需要强调的是适当调整单元格的大小和位置。栅格系统能够决定版面是否零散或者整齐，还可以确定版面上的文字和图片的比例，使阅读产生有序的节奏感。设计师将版式设计的视觉元素，如正文、插图、大标题、小标题、页码和边注按照设计中的艺术原则进行编排组织。并将这种格式运用到系列设计或多页排版中，这种统一分割

22、版面的格式称为栅格系统。设计师莫霍利纳吉开创了版式设计栅格系统的早期应用。他把书籍的版面用线条进行分割，再把图形、文字根据需要编排进分割的空间里。第二次世界大战后，瑞士的设计师发展并完善了莫霍利纳吉的栅格应用。由于栅格系统的规148范性，对整个国际交流起到了积极的作用，所以栅格系统发展的快速和广泛，最终形成了比较标准化的版式栅格系统。栅格系统的应用与现代信息大量传播的趋势相适应，因此在平面设计中得到了广泛的发展，使平面设计在视觉效果上更具统一性和完整性。我们来看看栅格是怎样的吧!如下图所示，首先，版面四周要留出页边，采用1磅的线条；然后，把版面按一定比例等分，使其成为一列一列的、互相不受影响，

23、注意每个单元格之间也有一条空白的分隔带。图片作为网格设计的来源而把图片作为网格空间素材来源，这是另外一种选择。如果出版物是以图像内容为主导，这种方法可能更为适用。倘若知道图像的长宽比例，就能确定定栏和单元的大小。以图像的常见宽度与高度及对齐形式为出发点，设计师就可以设想图像在方块版式、垂直版式或者水平版式中的变化情况。接下来，设计师就要决定，如何根据图像的大小关系来进行排版：图像是按彼此之间大小关系来进行排版，还是以任意的大小来排列？如果所有的图像的高度都固定在指定的流程线上，由于图像的高度各不相同，设计师就需要进行缩小或拉大处理，以便于图像下面的文字或者其他元素能跟得上图像的调整。根据主要的

24、空间分割和所能掌控的编排逻辑关系，设计师就要给图像和它周围的文字构建一系列的间隔空间。资料来源：美蒂莫西萨马拉.完成设计从理论到实践M.温迪，王启亮，译.南宁：广西美术出版社，2010年版，第39页。直觉的逻辑有的时候，设计内容本身就存在着内部结构，这种结构是网格所无法理清的；有的时候，设计内容需要完全放弃结构，以便于潜在观众中营造某种特殊类型的情绪反应；有的时候，设计师仅仅需要把观众自身比较复杂的智力投入，构思成设计作品的一部分，让观众在设计作品中自己进行体验。第一种方法，是将传统的网格进行分解，甚至分解成非常简单的网格。设计师可以将主要区域“裁切”为数块，然后进行水平移动或者垂直移动。也许

25、会找到一种全新的文字联系方式，可以将不同类型的信息一起编排。传统的网格结构在不同的方向都是反复出现的，借助不同的参考轴线，可用于尝试更加具有动感的建筑空间效果。资料来源：美蒂莫西萨马拉.完成设计从理论到实践M.温迪，王启亮，译.南宁：广西美术出版社，2010年版，第39页。网格系统网格系统是由水平和竖直的线组成。网格必须至少由横轴和竖轴的六根直线共同划分出四个格子才称其为网格，我们常用的基础网格还有9格、16格等等。在一定的网格空间里，横轴和竖轴直线越多代表着划分的格子越多，可以承载版式内容的区域形态越多样。网格中各个格子的面积也会随着成为它们边长的四根直线的移动方向而改变，这种改变使版面变得

26、生动又不失实用。现在，更多的设计者会运用两个或两个以上网格，通过重叠创造最灵活的网格版式，来满足设计内容的实际需要。（如下图）资料来源：艾欢.信息系统中网格版式设计的传播作用D.武汉：华中师范大学，2007网格设计系统最早的雏形1692年，法国诞生了一个专门负责管理印刷、提高国内印刷水平的皇家委员会。委员会在数学家尼古拉斯加宗的带领下，对原有的各种印刷字体进行了科学的数、例分析，并针对装饰细节与传达功能关系进行专门研究。之后，委员会提出了新印刷字体的设计建议：以罗马体为基础，采用方格为设计依据，在一个由2304个小方格组成印刷版面的几何网格中设计字体的形状、版面的编排。这是世界上最早对字体和版

27、面进行科学实验的活动，也是网格设计系统最早的雏形。资料来源：参考于王阳萧兰，中文期刊版式全攻略，北京理工大学出版社2。场年1月第一版，89-90页网格版式设计的优势网格版式设计不是对传统版式设计的颠覆，而是继承和发展，是随着大众的审美要求与技术水平提高而产生的越制，是依据信息的单一型向复合型转变而优化产生的版式设计方法。具体体现在三个方面：1、网格版式设计是对设计者设计思维新的挑战。设计者不但要考虑信息设计的量化问题，更要考虑信息分层的传达问题。信息传达的形式、环境、时间、信息受众的身份特征、信息接收能力都成为现代网格版式设计者需要考虑的设计因素。2、网格版式设计是对设计者设计技法上新的考验，

28、考验设计者对于网格本身的认识、掌握和运用，以及对于信息分区、整体设计的驾驭能力。3、挑战信息受众的审美水平。任何新事物的产生都要经历一个被认识到被接受的过程，在这个过程中，受众对新事物的态度也会慢慢由好奇转向审定。审定过后网格版式设计是否还能像刚产生时那样自主创新，在有限的版面中带给人变换无限的审美感受呢？与传统版式相比较，网格版式设计的优势不仅在于网格为包括原始文字和图片在内的信息元素提供展示的空间，更因为它站在特定受众的信息接收角度优化信息组合，并依据信息本身的重要性和等级关系，对版式内容有意识的规划，优化了信息传达的秩序性和清晰性。同时通过适度的比例关系所呈现出的良好的层次关系，帮助读者

29、有节奏的阅读，减少视觉疲劳和漏读信息的可能，使传递整体设计的意图更为简单，设计形式的系列感更为强烈。资料来源：艾欢.信息系统中网格版式设计的传播作用D.武汉：华中师范大学，2007设计师与网格相关的言论以排版设计风格严肃质朴而著称的平面设计师奥特埃歇尔曾这样描述网格：“这不是压迫的工具，而是解放的工具。”网格的目的有两个：首先，它可以通过对选择可能性的限制，帮助设计师选择最合适的版面元素安排方式。网格可以按照需要，被设计得复杂而精妙，但其实在设计网格的过程中，设计师就正在创造个人的设计风格，就正在选择一系列价值而摒弃其他的。其次，网格带来一种设计上的统一性。正如埃歇尔所说的，对设计而言，网格的

30、应用，能够使“即便彼此设计不同的书页看起来具有一种内在的统一性。”网格的主要拥护者约瑟夫穆勒一布洛克曼表示：“为了充分发挥功用，网格系统就像所有的可操作系统一样，也要灵活运用。正是这种极大的自由灵活度，为可能沉闷的设计带来丰富性与惊奇感。”埃米尔鲁德尔在1967年的版面设计中写道：“网格是一种将不同尺寸比例的文字、图片结合成整齐匀称的整体的手段，但在最终效果中网格应该是被其他图形主题所覆盖或隐性的。”艾伦卢普顿也提到：“网格最强大的地方就在于：它为设计师提供了一系列的规则和种种变化的可能性，来远离设计师本身那个带有多变和反复无常特征的自我。”网格模式的意义看国外大量出版物的版面，按网格模式安排

31、，节奏明快，现代感强，呈现出强烈的表现力。我们没有更好的“法”可依，造成了版式设计上的总体落后状态，尤其表现在应该讲求版面效果的画册和图文穿插的书籍上。我不是说我们所有的图书在这方面都不行，确实有一些从内容到形式都很精美的，只是为数不多。有时看到一本画册，纸张、印刷、装订都挺好，版面安排却十分鳖脚。在图片越来越多地进入图书的大趋势下，提高版式设计水平，实现版式编排的现代化，是我国出版发展的必要要求。资料来源：于麟.版式设计现代化的可行途径J.中国出版，59-62网格系统理论应用前景 当我们做字体设计的时候，可以有多种选择。特别是参考几何学中的比例。几何学有着它本身的规矩，几何构成也有它独特的美

32、，但读者只有自己进行创造性的互动和个人方法的开发，才能真正认识这种美。通过设计的网格来设计字体，最终却能将创造出传统意义上的美感。网格是构成主义理念的延续。它来源于直觉。网格和比例是为各部分之间或者部分与整体之间的关系而设定的，这些设定的目的就是和谐统一。但不协调作为和谐统一的某种延伸形式依然存在。网格的尺寸和比例自身是不能产生美感的，只有通过所有的视觉元素的结合才能产生审美欣赏的对象。 大家通常认为网格体系的规则束缚性太强，很少有自由创作的空间。但是卡尔格斯特纳坦率的诠释了网格体系的局限性和可能性： “版面设计的网格真正的困难在于如何在最大限度的公式化和最大限度的自由化之间寻找平衡。换句话说

33、就是在最大量的不变因素与可变因素之间寻找平衡，我们已经发展了动感格子。当网格设置的过于严格公式化的时候确实会限制设计师的自由。但是从另一个方面来说，复杂的网格也允许大量变化的存在，也能包容更多、更自由的理念。”资料来源：栅格系统栅格系统是一种框架（Framework），是一种可以被用来搭建“组合（Compositions）”的系统。栅格系统无处不在：城市布局、杂志、报纸和大网格厦的外观等等。栅格系统可以用“黄金分割（Golden Section）”，一种几个世纪以来一直被认为是具有美感的“比率”，来设计。我们真的需要栅格设计吗？初看栅格设计被很多设计师认为是锁死的，没有可发挥空间等等。其实不然

34、，首先大家要明确一点，设计和艺术是有区别的，其中最大的区别就是设计是为了满足某种具体需求，而艺术是源于艺术家对于某种事物的理解而创作。就拿最早的工业设计来说，是建立在工业产品基础之上的。同样网页设计也是如此，对于网页设计来说，艺术只是其中的一个部分而已，流程标准化生产也是其中重要的一个部分，满足用户实际需求也是重要的一个部分，而流程标准化生产比较重要的一点就是参数化和模块化，栅格设计就是流程标准化一种手段。我们真的需要栅格设计吗？其实这一点在淘宝UED的第一篇已经做了简单的描述：当搭建页面结构复杂的门户型网站时。我来补充一下，当你要设计多页面并且信息结构复杂的站点时候就需要一套栅格系统来规范、

35、统一、美观的输出（这一点和css framework一样），而当你设计但或者少页，信息结构简单的时候则无所谓。为什么栅格设计在前几年在网页设计中没有被十分的重视？但是在其他行业譬如说报纸，书刊等都已经广泛应用呢？我猜原因可能是第一网页设计对于其他行业还是属于崭新的，第二互联网的普及程度和广大用户的接受程度相对来说还不是很高。但是随之最近互联网的普及加强，用户需求的增多，网页设计也将要进入到一个全新的工业化时代。资料来源：网格基础 网格是用竖直或水平分割线将布局进行分块，把边界、空白和栏包括在内，以提供组织内容的框架。 网格常在传统印刷中使用，网格是一个简单的辅助设计工具，对网页设计也是非常合适

36、的。网格设计可以辅助我们设计结构统一的站点。资料来源：栅格设计系统栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。一、历史发展1、字体设计1629年，法王路易十四命令成立一个管理印刷的皇家特别委员会，由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导。委员会提出了新字体设计建议：以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方格单位，每个方格单位再分成36小格，这样，一个印刷版面就由230

37、4个小格组成。这是世上最早对字体和版面进行科学实验的活动。也是栅格系统的雏形。其实早在1539年就有字体设计专家乔佛雷托利（Geoffroy Tory）采用类似的方法设计字体。2、版式设计1919年德国著名建筑家沃尔特格罗佩斯（Walt Gropius）在魏玛建立国立包豪斯学院。包豪斯的平面设计基本是在荷兰“风格派”和俄国“构成主义”的影响下形成的。因此，具有高度理性化、功能化、简单化、减少主义化和几何形式化的特点。1928年，朱斯特施密特（Joost Schmidt）发展出了一套新的理性设计系统和方法。20世纪50年代，栅格设计系统终于在前西德与瑞士得到完善。通过瑞士平面设计杂志的宣传，将瑞

38、士苏黎士和巴塞尔两个城市的设计家从20世纪40年代探索的成果全面展示，并影响世界各国，因此也被称为“瑞士平面设计风格”（Swiss Design）。由于这种风格简单明确，传达功能准确，因而很快得到世界范围内的普遍认可，成为战后影响最大的一种平面设计风格，也是国际最流行的风格，因此又被称为“国际主义平面设计风格”（International Typographic Style）。1965年，在美国的芝加哥成立了一家新的平面设计公司尤尼马克设计公司（Unimark），主要设计人员包括有拉尔夫依克斯特朗姆（Ralph Eckerstrom）、詹姆斯佛格曼（James Fogleman）、马西莫维格涅

39、里（Massimo Vignelli，1934-）等。尤尼马克设计公司的设计思想基本是国际主义的：强调平面设计上的标准化，采用方格网络为设计依据，目的是良好的视觉传达功能。这家公司发展很快，不久就成为一家拥有402名工作人员、在全世界设有48个设计事务所的大型国际设计公司。国际主义平面设计在这家公司的业务中得到很大的成功，而企业的规模又使得这个风格在世界各地得到进一步推广。现在，大多数平面设计软件都有“网格”功能。3、网页设计二、特征与原则栅格设计的特点是重视比例、秩序、连续感和现代感。 以及对存在于版面上的元素进行规划、组合、保持平衡或者打破平衡，以便让信息可以更快速、更便捷、更系统和更有效

40、率的读取；另外最重要的一点是，负空间的规划（即：留白）也是栅格系统设计当中非常重要的部分。三、相关书籍设计几何学关于比例与构成的研究，（美）伊拉姆（Elam,k.），李乐山 译，中国水利水电出版社，2004年7月。ISBN:9787508415628栅格系统与版式设计，（美）伊拉姆（Elam,k.），王昊 译，上海人民美术出版社，2006年，ISBN:9787532245345书籍设计，（英）安德鲁哈斯拉姆（Andrew Haslam），钟晓南 译，中国青年出版社，2007年，ISBN:978-7-5006-7531-0参考文献：中文期刊版式全攻略，王阳，北京理工大学出版社，2006年，ISB

41、N:9787564006938资料来源：http:/zh.wikipedia.org/wiki/%E6%A0%85%E6%A0%BC%E8%AE%BE%E8%AE%A1栅格系统的定义 栅格系统的英文为“Grid Systems”，又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格。栅格系统以规则的网格阵列来指导和规范版面布局以及信息分布,是一种平面设计的方法与风格。栅格系统的使用不仅可以让信息的呈现更加美观易读,而且为前期规划和后续设计带来更多的灵活与规范,至今仍是出版设计的主流风格。毫不夸张地说,没有栅格系统就没有现代平面设计。 生活中“栅格系统”无处不在：

42、城市布局、杂志、网页、报纸和大厦的框架结构等等。美国设计师哈里？斯顿伯格说：“在建筑中，结构横梁支撑着墙、地板、管道和线路以及建筑物的正面。在平面设计中,布局是支撑其他相关要素的基础结构。”和决定现代建筑的高度、风格、外观的钢筋混凝土框架相类似，栅格系统就是一种用来搭建、组合用以对版面进行有效布局和探索风格的系统，是对页面版式的规划。“版面网格可帮助设计师做出明智的设计决策，排除了设计元素被随意编排的可能，也可使各种元素整合在统一的设计中。” 栅格的发展及现状 根据维基百科的描述，1692年，法国国王路易十四因不满当时的印刷水平，下令由数学家尼古拉斯领导成立管理印刷的皇家特别委员会，旨在设计科

43、学合理而且实用的新字体。他们以罗马体为基础,每个字体分为64个以方格为单元的基本单位,每个单位再分成36个小格，形成有2304个小格的网格。他们在这个严谨的几何网格中设计字体和版面编排，这是栅格系统的开端。 1919年德国著名建筑家沃尔特格罗佩斯在魏玛建立国立包豪斯学院，成为继荷兰“风格派”运动、俄国“构成主义”运动之外的现代主义设计运动中心。在它们的交互影响下，平面设计带有明显的栅格系统的特点，即：高度理性、简约主义、功能化和几何形式化的风格。 1959年，在包豪斯的理性设计为基础发展起来的、以瑞士出版的新平面设计杂志为标志的“瑞士平面设计”或“国际主义平面设计”因简洁洗练,传达清晰准确而日

44、渐流行。该流派“主张段落分明，功能明确，强调将逻辑排列视为观察外界事物的出发点”，使用近乎标准化的比例公式制作栅格系统，以便精确而优美地配置图片和文字,是二战后影响最大、最具时代精神的设计风格。 20世纪60年代，“瑞士平面设计风格”在美国的快速推广和广泛运用，大量应用栅格系统进行设计，追求平面设计的标准化和清晰良好的视觉传达功能，使美国平面设计的水平迅速提高，对美国出版业产生了巨大的、积极的促进作用，可视为欧洲在二战后对各方面都处于强势地位的美国的一次强力的文化输出。依托美国的强大经济实力，“瑞士风”的影响进一步扩展到全世界。 随着中国经济的发展和文化等领域的日渐开放,栅格系统开始进入中国设

45、计领域。但因为各种原因，栅格系统的并不被真正重视，只在某些领域如报纸、杂志期刊等领域因为栅格系统的高效率被广泛应用，但对其比例、美感和风格的追求始终差强人意。很多设计虽然设计精美，秩序井然，明显有栅格系统的影响，但更多是设计师积累多年经验之后无意识的使用，对栅格系统仍然不甚了了。近年来尽管许多设计家如书籍装帧大家余秉楠等大力推广栅格系统，但栅格系统在中国仍在起步阶段，需要一个接受和消化的过程。 栅格系统的功能 栅格系统是隐形的架构，由印刷成品中看不到的一系列纵横交错的、常常包含着有趣的数列关系的辅助线组成。它控制着印刷品的边距，文本栏的宽度、页面元素之间的间距、比例、大小、每页重复出现元素的固

46、定位置等。设计师用辅助线创造和调整一个栅格系统以便于在空白的页面上高效地放置各种元素如大标题、正文、照片等,并利用栅格迅速地进行各种细微调整。它的主要功能有以下三点。 1.处理布局以建立页面秩序 人的思维是连续的，按一定的顺序处理信息。好的版式设计应该像一幅地图，帮助读者按一定规则顺利地找到需要的目标和位置。美国当代著名设计师阿历克斯伍怀特认为“有条理的设计有着清晰的节奏感和张力，它能按顺序地从一个要素到另一个要素进行引导，有助于读者更好的关注图书本身内容而不是形式。”设计师最重要的任务之一就是尽量考虑读者的视觉习惯和心理特点，根据信息的层次和视觉的需要，进行编排布局和调整，通过栅格系统把版心

47、划分为多个矩形区域如分栏、分块(分栏对文字的易读性有很大的帮助，分块则非常有助于图片的安排)，栅格系统能帮助建立整体的架构以支撑设计内容，引导页面的各种元素，制定一定的标准按顺序将大量的独立元素如本文块、标题、照片、图表等有秩序地安排在页面上，形成视觉上的秩序感，使设计使内容安排得当，井然有序，使读者能不自觉地遵循一定的规律，体验到轻松愉快的翻阅。 2.保持页面之间的连贯性 版式设计看似复杂，但事实上设计师不需要每一页都从草图开始重新进行规划和设计，在栅格系统的帮助下页面的布局设计将完全是规范的和可重复的。“重复的要素必须是有据可行的，必须放在和谐预期的位置上,就像建筑细节一样，如灯的开关，总

48、是放在离地板同样的高度，这样在黑暗的房间也能轻易地找到。”使用栅格系统的设计，不仅非常有条理性，看上去也很舒服，但最重要的是，它给整个页面结构定义了一个标准。怀特认为“它给设计一种内在凝聚力”。预先确定一个共同的栅格系统将有助于统一成系列的、前后关联但又相对独立的印刷品如某系列丛书、某产品的系列海报等印刷品的整体形象，因为他们有内在、隐形的、家族式的框架在规范他们的风格。 3.创造特有的美感 栅格系统是平面设计的“骨骼”，和人的骨骼相似,身体健康、比例匀称的人无论怎么穿着或运动都比骨骼发育不良的人更有美感。在版式设计中，“乱”和“散”是设计过程中常会遇到的问题，其原因不外乎是布局没有秩序，没有

49、层次，没有规律。 栅格系统给设计的美感创造更多的机会是因为栅格系统常常用从古希腊至今被公认具有经典美感的黄金比例等斐波那契数列来进行分栏以安排文本块、图片以及空白的位置、大小，这些视觉元素相互之间暗含着2:3、8:13等优美的比例关系，令人难以察觉地呈现出不可言喻的数的和谐和精致。用现代设计做比较，以栅格系统为基础的欧美平面设计，除了其理性、精致、优美外，其个性、创造性也远远超出中国当前的水平，这一明显的事实足以说明栅格除了提高效率，使设计不至于陷入反复安排内容的泥沼外，也给设计师提供了更多创意和表达自我的可能,创造出独特的美感。 资料来源：现代设计中的栅格系统书籍及文献资料相关概念界定：1、

50、版式设计基础编著（日本）视觉设计研究所 中国青年出版社书中提出版面设计要掌握：样式八要素、造型八原则。其中样式八要素：视觉度、图版率、文字的跳跃率、照片的跳跃率、网格拘束率、版面率、构成的三种类型、字体印象等网格拘束率使用网格体现理性化、男性化沿着版面用纸上的网格设计，固定的四角形成为中心，给人稳重的印象。增强了理性的、男性的感觉。脱离网格，则有自由的感觉，容易制造有趣的版面。注意：很难平衡的自由格式。脱离网格约束的自由设计，很难保持平衡。如果不是平衡感极好的训练有素的设计师，很容易设计成劣质品，需要注意。文中举例论证网格拘束型、网格自由型。（略）除去网格体现活力报纸经常有固定的版面设计。稍微

51、打破网格拘束，就能增加趣味性。结合文字、照片的跳跃率，试着做出有活力的版面吧。举例（略）照片的外型挖版和角版挖版打破网格拘束印刷工艺中“制版”的方法，有以下各种图型。使用脚型版的叫做角版。挖版是沿着描写对象的形状切割制版而成的。网格据苏醒强的设计，多用角版。用挖版，则表现自由格式。2、版式设计基础教程（日）南云治嘉 编著 武湛译 中国青年出版社网格设计：将画面用一定间隔的直线横竖分割开来的版式叫做网格设计。网格设计就是像拉门的格棂一样的格子状版式。网格设计产生于德国，并在世界范围内传播开来。它一方面可以视版式设计更合理，另一方面又能给人以井然有序的统一感。3、版面与广告设计徐阳 刘瑛编著 上海

52、人民美术出版社网格系统第1节 认识网格系统设计师将版面中所涉及的一切元素，例如正文的布局，插图和照片的位置，标题效果，页码、边注等按照一定的风格样式进行布局规划，并将这一格式重复地应用到多页面排版（如手册、样本、杂志、报纸、网页）中或系列广告、包装等版面设计中。这种统一的布局格式称为网格系统。网格系统的历史缘由本世纪初发端于德国的包豪斯学校，提出了“形式服从功能”、“设计以人为目的”等理念，并被应用到了视觉传达设计之中。其中莫霍利纳吉对书籍的版面运用线条进行分割，插图与文字根据不同功能填入分割空间，开始了早期的网格系统的应用。50年代时，兴起于瑞士的“国际版面风格”沿用并发展了包豪斯学派有关版

53、面设计的观念。国际主义的风格注重通过简单的网格结构和近乎标准化的版面公式达到设计上的统一性，以及在功能上的实用性、合理性。网格系统成为版面设计主流的必然性网格系统是一种理性的排版方式，强调在符合阅读功能的基础上，对图文信息模块化、格式化，不论内容或载体发生何种变化均采用统一版式。这种方式也顺应了当今时代信息大量而快速传播的要求。网格系统在整合营销传播的时代，将品牌在各种媒体的视觉传播有机地联系为一个统一的整体，发挥出无与伦比的传播力。为什么要建立网格系统？1、 对设计师而言，面对期刊、杂志的日趋紧凑的出版期限及不断加大的图文信息量，做到每次都要为每一篇文章、每一个主题进行全新的设计，显然是不现

54、实的2、 对受众而言，每次全新的版面设计加之频繁、毫无规律的更换反倒会令他们无所适从，好比走进一家不断改变购物环境的超市，根本无法轻松找到想要的商品。而网格系统正式解决版面阅读功能性的良策。设计网格系统网格系统的规划设计基本分为两类：报纸、杂志、网页、手册、样本、书籍等多页面的网格系统设计和系列包装、系统广告的网格系统设计1、 版面率的确定版面率是指图文内容在版面中所占的比率。换句话说，也就是控制页面的留白面积。页白少，会使版面局促、紧凑；页白多，会使版面自由、大气。就像虚实对比，实体充满会觉得厚重而虚体大于实体时会让人感到轻松、富有韵味。当然版面率低的设计加大了制作的成本，往往适合高档、闲情

55、的主题。2、 竖栏的确定是多页面网格系统设计的核心，犹如网格系统的骨骼。其功能主要为放置文字内容。为保证文字被迅速、准确地阅读，要注意字体、字级大小与间距行距等因素的控制。3、 竖栏的高度变化特别在样本、手册、产品目录中，大量的内文在相对稳定统一的竖栏格式中，经常调节的是竖栏的高度或位置，以求适合内容编排之需或以此来打破固有格局，使版面整体统一而有变化。4、 标题的设定标题按照层级，在网格系统中保持相应的统一性。这种统一性包括同一级标题在字体、字级、间距等要素上的统一，值得注意的是，第一级标题的位置与主体竖栏骨架的关系，两者往往通过相对稳定的位置关系来得到统一、平衡的视觉效果。同时设计师要注意

56、标题文字的色彩、字体、字级等与内文文字要有所差别，这样才会使信息层次清晰、阅读顺畅。5、 照片、图形的安排如果放置内文的竖栏是网格系统相对固定的骨架，那么通常按照竖栏排列的照片可以通过穿插打破这稳定格局，使整体版面形式具有变化和层次。6、 页码的设计虽然是一个不大的视觉元素，但在多页面版式中却必不可少。不要忽略对它们的设计，通过对页码与简单的点、线或刊名、章节名的组合，会使查阅更为方便，在形式感上会显得别致。同样，网格系统在系列包装、各类平面广告、宣传用品的整体设计中也在发挥作用。利用网格系统来整合品牌在不同媒体上形象，从而强化品牌在受众中印象，使品牌在激烈的市场竞争中更具识别性。当然在这些设

57、计中，网格系统不像杂志、报纸等的版式有很多明显的竖栏、块状照片等典型网格视觉元素。设计师主要通过建立版面元素的相对固定位置关系并配合字体、色彩统一与变化的规律来营造网格系统，形成系列感，以获得识别功能。一、什么是网格网格的基本原则非常简单，平面设计中的网格相当于楼房的基础。网格也就是一系列的水平和垂直的线。垂直线与每一段每一栏的宽相关，而水平线则决定了每一行或每一段文字所占的空间。网格能够为版面设计带来规矩和约束，使版面空间得到一个形式统一、结构严谨的视觉呈现，而不会出现混乱的现象。二、网格的作用1、网格为设计工作提供了一个框架处理混乱、建立秩序。2、网格可以使设计的过程更快更有效，并且在设计

58、中建立视觉上的连续性，是最终的使用者能够在页面中找到方向和路径。3、网格结合了审美的、使用的、适当的这几方面要素，它们帮助设计师在纸面上建立一种秩序，并且在设计过程中加入有结构的思考方式。三、网格的意义网格是身体里的心脏，是乐队里的鼓手，是把松散的零件组织在一起的重要元素。网格随时随地影响到我们的视觉、听觉和做事的方式。网格最重要的作用是让生活有了秩序。四、网格设计体系“网格最强大的地方就在于：它为设计师提供了一系列的规则和种种变化的可能性，来远离设计师本身那个带有多变和反复无常特征的自我” 艾伦卢普顿1、黄金分割在平面设计领域中，黄金分割是纸张的基本尺寸，它的基本原则被用来成就均衡的设计。（

59、1：1、618）2、德国工业标准比例3、螺旋形通过一个一个中心点，以八个黄金长方形为基础，呈螺旋状向外扩大而得到的螺旋轨迹。4、皮特蒙德里安他是立体主义代表人物，也是荷兰风格主义的创始人。他的绘画形式主要是以纵横的格子划分版面，运用简单的数学技术，赋予画面秩序和理性。5、勒柯布西耶的模数法他的模数法创建了现代版的黄金分割“人体比例”。6、日本草席形草席的基本单位是两个正方形，可以横竖拜访出各种各样的形式。7、瑞士设计体系网格系以预先画好的网格标志栏宽、图片尺寸和页边留白，为所有页面的文字和图形元素构成严格的框架，以获得有效的视觉效果。参考文献：编排设计教程胡珂著，浙江人民美术出版社，2008年

60、1月第1版，ISBN 978-7-5340-2461-0一、网格划分和构成要素用一个3栏加3排的结构，作为我们研究的构成版面。构成要素是6个灰色矩形和一个小圆点。把这些要素在这个格状结构中进行安排，最后将6个灰色矩形用文字取代，构成了新的排列格式。（一）、限制与选择在水平系列中，所有矩形要素必须保持水平。在水平/垂直系列中，所有的矩形要素必须或为水平或为垂直。在倾斜系列中，所有的矩形必须同样倾斜或对比性倾斜。所有的矩形要素都必须使用，不能有矩形要素超出这个版面，矩形要素可以差不多相切，但不能重叠，点可占据任何位置，它是个随意的因素。（二）、构成要素的比例由于整个版面的宽度为3个小方格，所以所有要素的长度之比为123。圆点和矩形也形成了比例关系。它的直径相当于一个小方格的四分之一，同时它的直径也大致与最长的矩形宽度相同。长矩形的宽度占方格的五分之一，短矩形的宽度占方格的六分之一和二分之一。二、网格版