网格版式设计

1、网格版式设计版式设计的一种，产生于二十世纪初叶的西欧诸国，完 善则于五十年代的瑞士。网格设计风格的形成离不开建筑对其深刻的影响，其风 格特点是运用数字的比例关系，通过严格的计算，把版心划 分为无数统一尺寸的网格。将之分为一栏、二栏、三栏以及更多的栏把文字与图片 安排于其中，使版面具有一定的节奏变化，产生优美的韵律 关系、网格设计在实际运用中具有科学性、严肃性，但同时 也会给版面带来呆板的负面影响。设计师在运用网格设计的同时，应适当打破网格的约束使画 面活泼生动。网格构成是现在版面设计最重要的基础修养之一。作为 一种行之有效的版面设计形式法则，它将构成主义和秩序的 概念引入到设计之中，使得所有的

2、设计元素字休、图片 以及点、线、而之间的协调一致成为可能。网格构成设计特别强调比例感、秩序感、整体感、时代感和 严密感，创造了一种简洁、朴实的版面艺术表现风格，曾对 西文现代平面设计产生过广泛影响。随着版面设计的电脑化 进程，网格构成设计越来越受到设计界的重视，已成为艺术 院校平面设计的必修教程。木书是最为经典的网格构成设计专著之一，通过大量文字和设计实例，对网格构成设计理论和应用进行了系统和深入的 讲解，读者不仅可为获得版面网格构成设计的形式法则，还 可以结合自己的设计实践，将修养、感觉、技巧融为一体。 逐步创造既有实用价值又有艺术性的完美版面。书名：版面设计网格构成作者:瑞士 Niggli

3、出版社编著，郑微译出版社：中国青年出版社出版日期：2005-2-1网格拘束率和版面率在网页界面设计中，照片和标题的位置沿着版面用纸的网格线决 定，这样设计出的版面，是被网格约束住的版面。雅虎中国网站运用网格设计，是稳重的版面，给人理性和庄重 自由配置，形成脱离网格约束的版面设计，体现出自由的感觉， 容易制造有趣的版面 挖版打破网格拘束率如果画面上标准照片是四边形，叫做角版，根据主题形状自由变 化的照片类型叫做“挖版”，将周边部分进行部分淡化处理的叫 “模糊版”，三种版式不仅在类型上有所区别，在视觉效果上也 存在着很大差异。角版：合理的、理性的、新闻性的挖版：自由的、非正式的、欢迎的、活泼的角版

4、和模糊版是相对的，模糊版能营造一种神秘的奇妙氛围，表现出朦胧的美和优雅，但绝对不适合新闻的严谨性。采用角版图片，与新闻形象十分相称，使版面紧凑，体现出理性 的、新闻性的。角版一般在相对正式庄重的网站上使用。网页界面中采用非正式的、自由的挖版形式，能够给观者一种轻 松自由进入画面的情绪，体现出亲切、欢迎的表现形式采用模糊版，体现出优雅和宽裕的感觉，同时图片与背景颜色的过度融合，使人进入一种神秘的画面网页界面上下左右都有一定的幅度空白，叫做留白。版面率指空白的多少，版面率越高，空白就越少。央视网站紧缩空白，放入很多内容，给人信息丰富的感觉，如果空白大了，就很难表现出信息量的感觉，版面率高，体现信息

5、丰富；在我们日常接触的印刷物中，报纸的版面率是非常高的。化妆品旁扩大空白量，造成舒畅、稳重的氛围，给人高品质的感觉网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一 个页面上。从本质上说，它是一件设计作品的骨骼。网格给设计带来秩序感和 结构感，不管它们是像右页图中的那样简单，还是像在新闻网页中所表现出来 的那样复杂。本书的目的是向读者介绍平面设计中网格的基本运用原则，就像当代设 计师们所实践的那样。虽然这些基本原则中有一些要追溯至出版业第一次成为 大型产业的时期，但这些方法、技术已经在几个世纪的发展中变得更加精确、 进步和完善。这个过程仍在继续，新科技也为其带来了以互联网、移

6、动电话为 代表的新媒体。不过，本书也无意成为网格使用说明书。它所关注的是网格使用背后的 原则，以此赋予读者更强的能力，去解决平面设计工作中将面临的问题。本书 所要传达的主要讯息就是：如果只是以静态和重复的方式运用网格，是不会带 来有效并有创造性的设计的。在帮助读者增进对网格多面形态的理解的同时， 我们也希望证明网格不仅仅赋予设计以秩序感，而且还能给设计的表述和创造 提供丰富的机会。版式设计的原理已经存在了几个世纪，除平面设计外， 建筑设计、时装设计等很多领域都广泛地运用这些原理。本 书通过挖掘日常生活中的版式设计元素，分析版式创意理 念，来讲述版式设计的基木原理以及这些原理的实际应用技 巧，为

7、读者提供丰富多样的版式设计案例，激发其创意灵感表格布局很适合网格设计。表格的代码本身就是重现一个网格，我们只是 在单元格中填入图片，文字，界面元素来完成我们的设计（图6）。如果我 们想实现复杂的非结构化设计，就需要在文档中运用大量图片，导致整个 文档的臃肿。图 6: Weightshift表格布局有一些优势，然而跟城市规划一样，优势有时候也可以变成劣势。基于表格的网格保证它里面的所有单元格规规矩矩，要想让所有的列拥有同样的宽度?太简单了，表格的天性如此。让单元格之间保持一致 的间隙？也是小菜一碟。然而，如果你不想要这种整齐划一的结构怎么办？ 很不幸，你做不到。一、版式设计的意义在书刊的编辑加工

8、中，一般把版面设计图叫“版式”，采用图示的方法设计 版面，就称之为“版式设计”。它具体包括文字的编排形式、字体字号、图表排 版形式以及版面装饰物的使用等等。从装帧设计这一大方面来讲，装帧是书刊的精神内容的物质形态，日益被 人们所重视。许多书刊的设计十分精美，令人赏心悦目，也不知不觉地增加了 对书刊的喜爱。杂志有其周期性快的特点，但装帧艺术起着宣传教育的作用这 一点是共同的。就期刊的版面设计而言，因为版面上的表格、公式、插图、注 释等知识信息较多，它们在与正文内的知识信息之间的位置配合上，经过深思 熟虑后用最理想的轨迹将知识信息之间联系起来，使读者的视线流顺，心理状 态平衡愉悦。相反，没有经过精

9、心思考，位置配合不当，知识信息之间的联系 就梗阻不通，使本来可以连接的视线时断时续，就会造成心理失衡，影响求知 兴趣。可见，小小版面也会由于技术设计语言得当与否，产生不同的社会影响。二、版式设计的原则首先，版式设计要体现编辑思想、体现总体编辑构思，系统结构。其表现 在版面先后次序上与每一块版面的安排上。其次，版式设计还要受杂志文章内 容的制约，又反作用于内容。其表现在杂志内容不同，版式设计也不同；就是 同一期杂志，内容不同，版式设计也因之有异。再有，版式设计得好不好，美 观不美观，还要依据杂志的性质。政治性或者学术性的，版式设计应严肃庄重。 反之，趣味性、娱乐性内容的杂志，版式设计应较为活泼花哨。当然这也不是 绝对的，而是相互融合的。版式设计还要与各篇文章内容及各个栏目相