第六章 版式设计-如何引导读者视线（视觉流程延伸）.ppt

NO.6 如何引导读者视线。 作业评析 Good. 作业评析 Good. ⑽花样文字 作业评析 Goof. 作业评析 Good. ⑵“泪别” 作业评析 Good. 作业评析 Good. ⑶填充过满 作业评析 Bad. 作业评析 Bad. 作业评析 Good. 作业评析 Good. ⑷贴边 作业评析 Bad. 作业评析 Good. 作业评析 Good. ⑸黑色是逃避色 作业评析 Bad. 作业评析 Good. 作业评析 Good. ⑹框架过多 作业评析 Bad. 作业评析 Good. 作业评析 Good. ⑺跳读 作业评析 Good. 作业评析 Good. ⑻参差不齐 作业评析 Good. 作业评析 Good. ⑼异常接近 ⑼异常接近 作业评析 Bad. 作业评析 Bad. * 视觉流程延伸 1.利用读者视觉心理引导视线 2.如何留住读者视线 3.版式设计禁忌 一.利用读者视觉心理引导视线 视错觉 因为眼睛构造的原因，有时候人看东西会产生错觉，我们将其称为视错觉。 ①自上而下移动 礼遇中国情 ● ● ● ● ● ●● ● ● ● ● ● ● ● ● ● ● ● ● ●● ● ● ● ● ● ● ● ● ●● ● ● ● — ——— ● ● ● ● ● ●● ● ● ● ● ● ● ———— —————— —————— —————— —————— ↓ 图例 ②从大到小移动 礼遇中国情 ● ● ● ● ● ●● ● ● ● ● ● ● ● ● ● ● ● ● ●● ● ● ● ● ● ● ● ● ●● ● ● ● — ——— ● ● ● ● ● ●● ● ● ● ● ● ● —————— —————— —————— —————— — ——— 图例 ③向相邻物体移动 礼遇中国情 ● ● ● ● ● ●● ● ● ● ● ● ● ● ● ● ● ● ● ●● ● ● ● ● ● ● ● ● ●● ● ● ● — ——— — ——— — ——— ● ● ● ● ● ●● ● ● ● ● ● ● ●● 图例 ④趋向相同形状 图例 图例 ⑤趋向相同颜色 图例 ⑥向下一号码移动 图例 ⑦沿箭头移动 图例 二.如何留在读者视线 便于阅读 让读者感兴趣 使用形象化设计 联系方式 运用视觉心理 ①利用“压角” 图例 ②利用“屏障板” 图例 ③利用“视线流” 图例 三.版式设计禁忌 ⑴ 切腹 ⑵ 泪别 ⑶ 填充过满 ⑷ 贴边 ⑸ 黑色是逃避色 ⑹ 框架太多 ⑺ 跳读 ⑻ 参差不齐 ⑼ 异常接近 ⑽ 花样文字 ⑾ 烟囱 ①“切腹” ①“切腹” 作业评析 Bad. * *