网格版式设计

网格版式设计

版式设计的一种，产生于二十世纪初叶的西欧诸国，完善则于五十年代的瑞士。

网格设计风格的形成离不开建筑对其深刻的影响，其风格特点是运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。

将之分为一栏、二栏、三栏以及更多的栏把文字与图片安排于其中，使版面具有一定的节奏变化，产生优美的韵律关系、网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来呆板的负面影响。

设计师在运用网格设计的同时，应适当打破网格的约束使画面活泼生动。

网格构成是现在版面设计最重要的基础修养之一。作为一种行之有效的版面设计形式法则，它将构成主义和秩序的概念引入到设计之中，使得所有的设计元素——字休、图片以及点、线、面之间的协调一致成为可能。

网格构成设计特别强调比例感、秩序感、整体感、时代感和严密感，创造了一种简洁、朴实的版面艺术表现风格，曾对西文现代平面设计产生过广泛影响。随着版面设计的电脑化进程，网格构成设计越来越受到设计界的重视，已成为艺术院校平面设计的必修教程。

本书是最为经典的网格构成设计专著之一，通过大量文字和

设计实例，对网格构成设计理论和应用进行了系统和深入的讲解，读者不仅可为获得版面网格构成设计的形式法则，还可以结合自己的设计实践，将修养、感觉、技巧融为一体。逐步创造既有实用价值又有艺术性的完美版面。

书名:版面设计网格构成

作者:瑞士Niggli出版社编著，郑微译

出版社：中国青年出版社

出版日期：2005-2-1

网格拘束率和版面率

在网页界面设计中，照片和标题的位置沿着版面用纸的网格线决定，这样设计出的版面，是被网格约束住的版面。

雅虎中国网站运用网格设计，是稳重的版面，给人理性和庄重自由配置，形成脱离网格约束的版面设计，体现出自由的感觉，

容易制造有趣的版面

挖版打破网格拘束率

如果画面上标准照片是四边形，叫做角版，根据主题形状自由变化的照片类型叫做“挖版”，将周边部分进行部分淡化处理的叫“模糊版”，三种版式不仅在类型上有所区别，在视觉效果上也

存在着很大差异。

角版：合理的、理性的、新闻性的

挖版：自由的、非正式的、欢迎的、活泼的

角版和模糊版是相对的，模糊版能营造一种神秘的奇妙氛围，

表现出朦胧的美和优雅，但绝对不适合新闻的严谨性。

采用角版图片，与新闻形象十分相称，使版面紧凑，体现出理性的、新闻性的。角版一般在相对正式庄重的网站上使用。

网页界面中采用非正式的、自由的挖版形式，能够给观者一种轻松自由进入画面的情绪，体现出亲切、欢迎的表现形式

采用模糊版，体现出优雅和宽裕的感觉，同时图片与背景颜色的

过度融合，使人进入一种神秘的画面

网页界面上下左右都有一定的幅度空白，叫做留白。版面率指空

白的多少，版面率越高，空白就越少。

央视网站紧缩空白，放入很多内容，给人信息丰富的感觉，如果

空白大了，就很难表现出信息量的感觉，版面率高，体现信息丰

富；在我们日常接触的印刷物中，报纸的版面率是非常高的。

化妆品旁扩大空白量，造成舒畅、稳重的氛围，给人高品质的感

觉

网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一个页面上。从本质上说，它是一件设计作品的骨骼。网格给设计带来秩序感和结构感，不管它们是像右页图中的那样简单，还是像在新闻网页中所表现出来的那样复杂。

本书的目的是向读者介绍平面设计中网格的基本运用原则，就像当代设计师们所实践的那样。虽然这些基本原则中有一些要追溯至出版业第一次成为

大型产业的时期，但这些方法、技术已经在几个世纪的发展中变得更加精确、进步和完善。这个过程仍在继续，新科技也为其带来了以互联网、移动电话为代表的新媒体。

不过，本书也无意成为网格使用说明书。它所关注的是网格使用背后的原则，以此赋予读者更强的能力，去解决平面设计工作中将面临的问题。本书所要传达的主要讯息就是：如果只是以静态和重复的方式运用网格，是不会带来有效并有创造性的设计的。在帮助读者增进对网格多面形态的理解的同时，我们也希望证明网格不仅仅赋予设计以秩序感，而且还能给设计的表述和创造提供丰富的机会。

版式设计的原理已经存在了几个世纪，除平面设计外，

建筑设计、时装设计等很多领域都广泛地运用这些原理。本

书通过挖掘日常生活中的版式设计元素，分析版式创意理

念，来讲述版式设计的基本原理以及这些原理的实际应用技

巧，为读者提供丰富多样的版式设计案例，激发其创意灵感

_________

表格布局很适合网格设计。表格的代码本身就是重现一个网格，我们只是

在单元格中填入图片，文字，界面元素来完成我们的设计(图6)。如果我

们想实现复杂的非结构化设计，就需要在文档中运用大量图片，导致整个

文档的臃肿。

图6: Weightshift

表格布局有一些优势，然而跟城市规划一样，优势有时候也可以变成劣势。基于表格的网格保证它里面的所有单元格规规矩矩，要想让所有的

列拥有同样的宽度?太简单了，表格的天性如此。让单元格之间保持一致

的间隙?也是小菜一碟。然而，如果你不想要这种整齐划一的结构怎么办?

很不幸，你做不到。

一、版式设计的意义

在书刊的编辑加工中，一般把版面设计图叫“版式”，采用图示的方法设计版面，就称之为“版式设计”。它具体包括文字的编排形式、字体字号、图表排版形式以及版面装饰物的使用等等。

从装帧设计这一大方面来讲，装帧是书刊的精神内容的物质形态，日益被人们所重视。许多书刊的设计十分精美，令人赏心悦目，也不知不觉地增加了对书刊的喜爱。杂志有其周期性快的特点，但装帧艺术起着宣传教育的作用这一点是共同的。就期刊的版面设计而言，因为版面上的表格、公式、插图、注释等知识信息较多，它们在与正文内的知识信息之间的位置配合上，经过深思熟虑后用最理想的轨迹将知识信息之间联系起来，使读者的视线流顺，心理状态平衡愉悦。相反，没有经过精心思考，位置配合不当，知识信息之间的联系就梗阻不通，使本来可以连接的视线时断时续，就会造成心理失衡，影响求知兴趣。可见，小小版面也会由于技术设计语言得当与否，产生不同的社会影响。

二、版式设计的原则

首先，版式设计要体现编辑思想、体现总体编辑构思，系统结构。其表现在版面先后次序上与每一块版面的安排上。其次，版式设计还要受杂志文章内容的制约，又反作用于内容。其表现在杂志内容不同，版式设计也不同；就是同一期杂志，内容不同，版式设计也因之有异。再有，版式设计得好不好，美观不美观，还要依据杂志的性质。政治性或者学术性的，版式设计应严肃庄重。

反之，趣味性、娱乐性内容的杂志，版式设计应较为活泼花哨。当然这也不是绝对的，而是相互融合的。

版式设计还要与各篇文章内容及各个栏目相协调。使得整期杂志呈现整体版面作若干部分的大分割，再按各个栏目的不同情况来决定各有特色而又连为一体的版式设计构思，使设计出来的版面符合每一栏目对每篇文章的安排设计，符合栏与栏间的关系及文章与文章的关系。也就是说一篇文章的版式设计既要服从该篇文章的内容，也要服从文章内容之间的关系，