图片设置、剪裁和编排讲述.ppt

8 图表式排版 三 借助图表设计完成版式设计的创意 一、英文字体的历史 * 练习 根据右侧报纸的版式，用网格图示的形式表示出来。 2 图与标题排版 三 A.图片的焦点、方向、线条与版块 对齐与比例 练习 方法 1.文字分布于左右两侧，展示中间图片空间； 2.半透明背景色块里安排文字； 3.视觉反差大的黑白文字； 4.色块上安排文字，创造背景与文字的反白效果。 3 视觉流程 三 制作阅读引导线 视觉流程 1.图片—标题—正文 2.横版从左上到右下 3.对角线式满版跨页排版 4 等分构图 三 16等分构图 5 版面轴线 三 利用版面轴线，整合散乱版面 设置垂直、水平双轴线 a 利用内文产生垂直方向的轴线 b b 讲轴线设置在页面下方，稳定版面 6 活跃版面 三 一图+纯色单色，+不规整底色形状，+边框，+插画 1.高饱和度的颜色； 2.半透明的颜色； 3.高亮度的颜色； 4.高对比度的颜色； 5.半覆盖； 6.寻找图片中的色块，进行不规则形状的延伸； 7.图片外加颜色对比度强，粗边框； 8.写实照片与抽象符号的对比。 7 自由式排版 三 表现强弱不同的比重——尺寸和位置的变化 a 沿着图形摆放图片，营造版面图像化效果 以不同颜色分类整理图片 b 从左到右的视觉顺序，引导读者翻阅下一页 c 利用3个散开的图像为页面创造动感 d 4 去背景缩放 二 B.缩放 运用平面构成的知识找找这张图片中包含了什么？ 抽象 对比 比例 为该品牌的网站主页导航下方区域位置安排“剪裁后的图片” 练习二 为棒球图片进行剪裁，作为《 运动之爱》一书的封面。 对象：书籍封面 标题：For The Love Of The Game ——a Century Of Baseball 作者：JASON HARTFORD 尺寸：A4 练习三 利用网球元素插图，剪裁进行封面设计，参考allposters。 图片缩放练习对“海报设计”的启示——图形创意方法 1 网格系统 三 A. 纸张尺寸 A4尺寸 297cm × 210cm 即基于ISO（ International Organization for Standardization，国际标准化组织）标准的A系列纸张， 宽长之比为1: 1 网格系统 三 B. 页面骨架 磅point＝0.01384英寸，或＝1／72英寸 10磅 Jan Tschichold C. 网格设计大师 Emil Ruder（三分法） 瑞士国际主义风格设计师 设计风格 1.高度的可读性和易读性 2.规整简单的网格 3.非对称性排版 4.重视版面的空白 5.讲究版面设计要素的匀称和谐（字体大小尺寸之间、印刷部分与非印刷部分之间、字体和图像之间以及不同灰度之间） 6.文字设计为核心 《网格设计》,Gavin Ambrose 1 网格系统 三 C. 网格设计大师 1 网格系统 三 Carl gerstner D. 网格类型 1 网格系统 三 a.对称式网格 b.不对称式网格 c.模块网格 d.复合网格 关键词有哪些信誉好的足球投注网站 Leaflet、booklet、poster、catalog等 a b c a a b b c c c 图片的 设置、剪裁与编排 汪晨敏 广告学教研室 图片的设置、 剪裁与编排 一、关于图片 ● 图片的格式 ● 图片的分辨率 ● 图片的类型 二、图片的剪裁 ● 切记要“约束比例” ● 符合“构图美”原则 ● 根据设计需要 ● 去背景、缩放 三、图片的编排 ● 网格系统grid system ● 图片与标题的排版 ● 视觉流程 ● 等分构图 ● 版面轴线 ● 活跃版面 ● 自由式排版 ● 图表式排版 1 2 3 1 2 3 4 1 2 3 4 5 6 7 8 二、参考网址 1. 美编论坛 2. 图研所 3.网易数读 4. Smashingmagazine 5. visual.ly 6. Infographicpost 7.coolinfographics 一、参考书目 1.《栅格系统与版式设计》，金伯利·伊拉姆， 上海人民美术出版社 2.《版式设计——日本平面设计师参考手册》，+designing编辑部，人民邮电出版社 3.《超越平凡的平面设计系列》， John McWade，人民邮电出版社 4. 《Idea＋10系列》，DTPWORLD编辑部，中国青年出版社 5.《摄影构图秘籍：多一点与少一点的手感取景》，边贤雨，化学工业出版社 参考书目、网址 1 图片的格式 GIF、PNG、JPEG SWF、SVG EPS ●GIF：RGB模式