网格设计课件.ppt

《网格设计课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网格设计基于网格的设计什么是网格设计？网格设计是现在版式设计最重要的基础修养之一。作为一种行之有效的版式设计形式法则，它将构成主义和秩序的概念引入到设计之中，使得所有的设计元素——字体、图片以及点、线、面之间的协调一致成为可能。概论网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一个页面上。从本质上说，它是一件设计作品的骨骼。网格对版面的视觉的统一是非常必要的。概论“版面网格可辅助设计师做出明智的设计决策,消除了设计元素被随便编排的可能,也可使各种元素整合在同一的设计中。”网格构成设计特别强调比例感、秩序感、整体感、时代感和严密感，创造了一种简洁、朴实的版面艺术表现风格

2、，曾对西文现代平面设计产生过广泛影响。概论网格设计的发展与应用产生于二十世纪初叶的西欧诸国，完善则于五十年代的瑞士。网格设计风格的形成离不开建筑对其深刻的影响，其风格特点是运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。历史将之分为一栏、二栏、三栏以及更多的栏把文字与图片安排于其中，使版面具有一定的节奏变化，产生优美的韵律关系、网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来呆板的负面影响。应用利用网格对版面作出空间的划分，它的基本形态是垂直和水平线划分而产生的等面矩形区域和其中间隔区域，他们共同形成了版面的行于列在网页设计中合理利用网格系统来组织页面上的

3、内容能大大改善页面的精确性和美观性。为更高层次的创作提供了一个框架，网格系统在很大程度上使我们的排版工作压力得到了缓解。应用网格设计的空间组合功能空间与组合虚空间杂乱没有组合空间与组合通过组合要素，结构简化，并强调了虚空间四边联系没有合理组合，底部的空间浪费，顶部的虚空间感觉闷通过调整，顶部的虚空间被激活，底部构成更加开阔。轴的关系强调轴列网格的定制与使用网格的制定与使用网格的制定与使用网站网格的定制网站网格的制定与使用在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下：W=（a×n）+

4、（n-1）i由于a+i=A，可得：(A×n)-i=WYahoo!是很标准的24x40栅格yahoo首页每个区块的宽度对应的n值分别为：4，11，9。在这里我们看到一个很有意思的事情：只要保证一个横向维度的各个区块的n值相加等于24，则即可保证页面的宽度一定是950px。然而，950px的宽度也恰好就是当n=24的时候，W的宽度值。宽度的栅格化高度的栅格化栅格系统具有以下优势：能大大提高网页的规范性。在栅格系统下，页面中所有组件的尺寸都是有规律的。这对于大型网站的开发和维护来说，能节约不少成本。基于栅格进行设计，可以让整个网站各个页面的布局保持一致。这能增加页面的相似度，提升用户体验。

5、对于设计师们来说，灵活地运用栅格系统，能做出很多优秀和独特的设计。对于大型网站来说，我相信栅格化将是一种潮流和趋势。网格的构造必须与设计版面上的元素数量大小相对应，网格的分的越多单元越多，条理秩序也就越困难。打破网格的设计网格设计在现在设计中的应用网格设计的艺术网格并不是一切设计问题的解决方案，也不一定适用于所有人。但网格的确为那些需要结构感和平衡感，而且需要稳定和清爽设计的站点提供了很好的切入点。在你的作品中尝试网格吧，你一定能体会到网格结构给你带来漂亮而且独特的设计感受。thank