栅格系统及其应用详解.ppt

本章提要 什么是网格系统 网格系统的重要性 网格的类型 网格的应用 突破网格 版面对比 网格系统的形成 1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。 他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能 这是是世界上最早对字体和版面进行科学实验的活动，也 是网格系统最早的雏形。 网格系统定义 网格系统grid systems，也翻译为“栅格系统” 是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一 网格系统特征是重视比例感、秩序感、连续感、清晰感、时代感、准确性和严密性 网格设计是书籍、报纸、杂志、广告、产品样本、展览等设计的有效方法 网格系统的重要性 网格系统的重要性 网格的类型 对称式网格 对称式网格是根据左右两个版面而言的 指左右两页拥有相同的页边距，相同的网格数量，相同的版面安排 对称式网格效果非常稳定，起到平衡左右两个页面信息的作用 对称式网格的对称形式及用法 对称式网格能在很大程度上控制文字与图片的位置变化，其特点是左右两边版式结构相同，页面中的网格可以进行合并或拆分，因此对称形式也有以下几种变化 单栏对称网格 双栏对称网格 均衡双栏对称网格 多栏对称网格 对称式网格的对称形式及用法 单栏对称 文字通栏排列，文字没有特别处理 缺点：长期阅读，视觉疲劳 使用范围：纯文字性书籍，可适当在页面下方配以图示，以缓解画面枯燥感 对称式网格的对称形式及用法 双栏对称 比较常见，视觉从中分开，避免阅读较长文字产生的枯燥感，阅读较为流畅 缺点：版式较为呆板，缺乏变化新意 适用范围：文字类书籍、杂志内页正文、也可将版式重新划分，以增强版式的变化性 双栏对称式网格的设计 对称式网格的对称形式及用法 均衡双栏式 左右双栏并列，但双栏栏宽不一样 可以左窄右宽、左宽右窄，操作灵活 缺点：窄的一栏放置的内容比较局限 适用范围：添加注释的书籍正文等 均衡双栏式网格的设计 均衡双栏式网格的设计 对称式网格的对称形式及用法 多栏对称式 栏数较多，左右两边栏数相等 缺点：不适合正文编排 非对称式网格 非对称式网格 非对称式网格 非对称式网格的设计 非对称式单元格 非对称式单元格是以单元格为基础的网格设计，在安排文字和图片时，可更加灵活 在非对称式单元格中 左页的外页边距=右页的内页边距 左页的内页边距=右页的外页边距 非对称式单元格 非对称式单元格 网格的设计方法 确定版心：明确图片、文字、以及内外业边距的区域 把版心分栏：根据图片数量和文字内容多少决定分几列 把版心分块，在分栏基础上建立横向划分 网格的设计方法 通过变化打破网格 大面积图片，如何编排文字 优秀版式欣赏 优秀版式欣赏 优秀版式欣赏 优秀版式欣赏 优秀版式欣赏 优秀版式欣赏 课堂练习 利用网格做一个城市旅游景点宣传内页，要求如下，做完后请保存psd格式，后续两周的课堂练习需要在此基础上完成 A4大小 3个不同版式,图片、文字、背景色、装饰图案、线条、点等可自由发挥 只有一张图片以及对应图片文字说明的版式 有三张图片以及对应图片文字说明的版式 有十张以上图片以及对应图片文字说明的版式 辅助线 辅助线可通过从标尺中拖出而建立的，可通过视图菜单--标尺命令打开，也可用快捷键 Ctrl+R，打开标尺 Ctrl+，填充网格 Ctrl+H，显示隐藏参考线 拖动辅助线时按住Shift键将强制其对齐到标尺上的刻度 拖动辅助线时按住Alt键可以在水平辅助线和垂直辅助线之间切换。 按住Alt键点击一条已经存在的垂直辅助线可以把它转为水平辅助线，反之亦然。 双击辅助线可以打开“辅助线 风格参数设置”对话框 双击标尺[Ctrl+R]可以打开单位＆标尺参数设置对话框 * /fhtml 网格系统及其应用 * /fhtml * *