网格设计课件.pptVIP

网 格 设 计 “版面网格可辅助设计师做出明智的设计决策,消除了设计元素被随便编排的可能,也可使各种元素整合在同一的设计中。”  网格构成设计特别强调比例感、秩序感、整体感、时代感和严密感，创造了一种简洁、朴实的版面艺术表现风格，曾对西文现代平面设计产生过广泛影响。 将之分为一栏、二栏、三栏以及更多的栏把文字与图片安排于其中，使版面具有一定的节奏变化，产生优美的韵律关系、网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来呆板的负面影响。 利用网格对版面作出空间的划分，它的基本形态是垂直和水平线划分而产生的等面矩形区域和其中间隔区域，他们共同形成了版面的行于列 在网页设计中合理利用网格系统来组织页面上的内容能大大改善页面的精确性和美观性。为更高层次的创作提供了一个框架，网格系统在很大程度上使我们的排版工作压力得到了缓解。 空间与组合 虚空间杂乱 没有组合 没有合理组合，底部的空间浪费，顶部的虚空间感觉闷 强调轴列 在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下：W =（a×n）+（n-1）i由于a+i=A，可得：(A×n) - i = W yahoo首页每个区块的宽度对应的n值分别为：4，11，9。在这里我们看到一个很有意思 的事情：只要保证一个横向维度的各个区块的n值相加等于24，则即可保证页面的宽度一定是950px。然而，950px的宽度也恰好就是当n=24的时 候，W的宽度值。 宽度的栅格化 栅格系统具有以下优势： 能大大提高网页的规范性。在栅格系统下，页面中所有组件的尺寸都是有规律的。这对于大型网站的开发和维护来说，能节约不少成本。 基于栅格进行设计，可以让整个网站各个页面的布局保持一致。这能增加页面的相似度，提升用户体验。 对于设计师们来说，灵活地运用栅格系统，能做出很多优秀和独特的设计。 对于大型网站来说，我相信栅格化将是一种潮流和趋势。 网格的构造必须与设计版面上的元素数量大小相对应，网格的分的越多单元越多，条理秩序也就越困难。 打破网格的设计 * 基 于 网 格 的 设 计 什么是网格设计？ 网格设计是现在版式设计最重要的基础技能之一。 作为一种行之有效的版式设计形式法则，它将构成主义和秩序的概念引入到设计之中，使得所有的设计元素——字体、图片以及点、线、面之间的协调一致成为可能。 概 论 网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一个页面上。 从本质上说，它是一件设计作品的骨骼。 网格对版面的视觉的统一是非常必要的。 概 论 概 论 网格设计的发展与应用 产生于二十世纪初叶的西欧诸国，完善则于五十年代的瑞士。 网格设计风格的形成离不开建筑对其深刻的影响，其风格特点是运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。 历 史 应 用 应 用 网格设计的空间组合功能 空间与组合 通过组合要素，结构简化，并强调了虚空间 四边联系 通过调整，顶部的虚空间被激活，底部构成更加开阔。 轴的关系 网格的定制与使用 网格的制定与使用 网格的制定与使用 网站网格的定制 网站网格的制定与使用 Yahoo!是很标准的 24 x 40 栅格 高度的栅格化 *