视觉流程及网格ppt课件.ppt

版面设计6 AppliesFormatDesign 第七章视觉流程 网格设计 版面设计的视觉流程是一种 空间的运动 是视线随个元素在版面空间沿一定的轨迹运动的过程 这种视觉在空间的流动线为 虚线 由于是虚线容易被人忽视 有经验的设计师却非常重视并善于运用这条贯穿版面的主线 视觉流程强调逻辑 注重版面脉络的清晰 似乎一条线 一股气贯穿其内 使整个版面运动趋势有 主体旋律 细节与主体有如树干与树枝一样和谐 1 版面的整体编排 支配版面的四角及对角线 支配版面的中轴四点 四角与中轴四点结构 不同构图 版面中的四角点 垂直线 水平线相交处等的位置都起着举足轻重的作用 在对角线上安置图片要素 可以支配整个版面的空间 2 单向视觉流程版面的流动线更为简明 直接的诉求主题内容 有简洁而强烈的视觉效果 3 曲线视觉流程各视觉要素随弧线或回旋线而运动变化 更具韵味 节奏与曲线美 弧线具有饱满 扩张和一定的方向动感 弧线有呈 C 型 有呈 S 型 4 重心视觉流程以强烈的形象或文字独据版面某个部位或充塞整个版面 有向心 离心的视觉运动 目的使主题更为鲜明突出而强烈 5 反复的视觉流程相同与相似的视觉要素作规律 秩序 节奏的逐次运动 虽视觉效果不如单向 曲线和重心强烈 但更有秩序美与韵律美 6 导向视觉流程通过诱导元素 主动引导读者视线向一定的方向顺序运动 有主及次 把画面各要素串联起来 形成一有机整体 使条理清晰 重点突出 发挥最大的传达效果 7 散点视觉流程图与图之间 图与文字之间自由分散状态的排列 强调感性 自由随机性 偶然性 追求空间动感 跳跃感 不如直线弧线阅读快捷 但生动有趣 网格设计网格 Grid 意为格栅 网栅 指由交叉或平行的条构成的架子 是系列版面在视觉表现上的框架 即 利用页面上预先确定的网格 按照一定的视觉原则在网格内分配文字 图片 标题等元素 不管属于什么项目 不管有多少栏目 所有的页面都在一定的网格 结构 规矩 中完成 版面所有的要素都按照这些格子的划分有序分布 组织 特点重视比例 秩序 连续感和现代感 具有整体的统一 对齐 基本的原则 竖向对齐 图与文的栏的竖向对齐 横向对齐 对开页面中图文的左右横向对齐 要追求变化 但不管怎么变 都沿着网格的主线 遵循网格的原则去完成 网格 20世纪起源于瑞士 也是平面构成中骨架的概念 并得以发展与延伸 这种逻辑性的思维方式 为版面构成的科学性 严谨性 高效性提供了极大的方便 使视觉上产生空间的 力场 和装饰作用 网格分为可见的和不可见的 可见的网络清晰 具有条理性 但一味机械地使用 会使人产生呆板的感觉 不可见的网格 设计师在统一网络的风格中 进行一些破格或变异的设计 运用网格作为版面编排的程序 这种自由方式的构造 能使版面更丰富 更创新 更活泼 三栏版面 双栏版面 双栏版面 四栏版面 网格基本变化示意 网格的制作1 根据页面大小设定版心的位置 可参考不同类型的页面 注意出血线的制定 如是杂志要考虑订口 要用尺子设定版面的上下左右的尺度 2 版心内的栏数设定 3 选定好内文的字体 字体 字距 字号 行距 选择图片等要素 根据栏布局整个版面 4 比较 修整 注意版面之间的节