网格版式设计

《网格版式设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

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

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

5、版面率越高，空白就越少。央视网站紧缩空白，放入很多内容，给人信息丰富的感觉，如果空白大了，就很难表现出信息量的感觉，版面率高，体现信息丰富；在我们日常接触的印刷物中，报纸的版面率是非常高的。化妆品旁扩大空白量，造成舒畅、稳重的氛围，给人高品质的感觉网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一个页面上。从本质上说，它是一件设计作品的骨骼。网格给设计带来秩序感和结构感，不管它们是像右页图中的那样简单，还是像在新闻网页中所表现出来的那样复杂。　　本书的目的是向读者介绍平面设计中网格的基本运用原则，就像当代设计师们所实践的那样。虽然这些

6、基本原则中有一些要追溯至出版业第一次成为大型产业的时期，但这些方法、技术已经在几个世纪的发展中变得更加精确、进步和完善。这个过程仍在继续，新科技也为其带来了以互联网、移动电话为代表的新媒体。　　不过，本书也无意成为网格使用说明书。它所关注的是网格使用背后的原则，以此赋予读者更强的能力，去解决平面设计工作中将面临的问题。本书所要传达的主要讯息就是：如果只是以静态和重复的方式运用网格，是不会带来有效并有创造性的设计的。在帮助读者增进对网格多面形态的理解的同时，我们也希望证明网格不仅仅赋予设计以秩序感，而且还能给设计的表述和创造提供丰富的机会。　　版式设计的

7、原理已经存在了几个世纪，除平面设计外，建筑设计、时装设计等很多领域都广泛地运用这些原理。本书通过挖掘日常生活中的版式设计元素，分析版式创意理念，来讲述版式设计的基本原理以及这些原理的实际应用技巧，为读者提供丰富多样的版式设计案例，激发其创意灵感_________表格布局很适合网格设计。表格的代码本身就是重现一个网格，我们只是在单元格中填入图片，文字，界面元素来完成我们的设计(图6)。如果我们想实现复杂的非结构化设计，就需要在文档中运用大量图片，导致整个文档的臃肿。　　　　　　图6:Weightshift　　表格布局有一些优势，然而跟城市规划一样，优势有

8、时候也可以变成劣势。基于表格的网格保证它里面的所有单元格规规矩矩，要想让所有的列拥有同样的宽度