版面设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
版 面 设 计
（一）
何谓版面？
1. 使人感到愉悦
何为好的版面？
2. 提供可靠信息
3. 懂得受众心理
1. 3格调+5要素
好版面的组成与原理 分析篇
2. 引起认同感
用3格调5要素分析版面
实践篇 用3格调5要素设计有认同感版面
1
什 么 是 版 面 ？
版面及版面编排亦称版式设计。
即在有限版面，将有限的视觉元素（文字字体，图片图形、线条 线框和颜色色块诸因素）根据特定内容的需要进行组合排列，并 运用造型要素及形式原理，把构思与计划以视觉形式表达出来。 传达信息的同时，也产生感官上的美感。
, ,
版面样式 信息量
5要素
静动性 图文性 跳跃率
对3格调产生的影响
5要素 1
版面式样
版面样式：是5要素中最基本要素，也就是版面的构图。这种构图加其他4个要
素就能确定格调。
实用性格调
随和性格调
精神性格调
版面式样
规范性和自由度来理解
硬网格 实用性格调
方版型 随和性格调
偏侧型 精神性格调
网
格
将版心划分为无数统一尺寸的网格。
实用性格调 3格调 3格调+5要素 随和性格调 精神性格调
版面样式 5要素 信息量 静动性 引起认同感 图文性
跳跃率
3格调
实用性格调 随和性格调 精神性格调
3格调 1
实用性格调
实用性格调：讲求诚实，功效性，实用 性为主。比如报纸 特点：信息量大，排列规范，阅读感清 晰。适用于慢慢阅读实用性的说明，版 面不强调视觉效果漂亮
把文字与图片安排于其中，使版面具有一定的节奏
变化，产生优美的韵律关系
负面影响：会给版面带来呆板。
所以运用网格设计的同时，应适当打破网格的约束 使画 面活泼生动。
5要素 2 信息量
信息量：多图片和文字充满版面，信息量多；信息量的多少决定版面式样的形象。
实用性格调 随和性格调
精神性格调
信息量多少导致格调发生变化 大信息量显示实用格调，小信息 量显示精神格调。
实用性格调
精神性格调
文字的 跳跃率
跳 跃 率
精神格调下的文字的跳跃率
随和性格调下的文字的跳跃率
图像的 跳跃率
实用格调下图像的跳跃率
随和格调下图像的跳跃率
认同感
认同感：信息是否与受众者所想的形象一致。
好版面=好感度高的版面 认同感、欢迎感、高品 质感3感齐备
尽管版面美观，但没有 儿童用品的健康活泼的 形象，呆板不具好感。
比如报纸，给人和合适的感觉
因素： 1正文左右恰当，垂直、水平，给人充实感觉 2.标题大小 3.照片人物
3. 懂得受众的心理
因素:
1.版面：无拘无束，亲和的开放性 2.图文：视觉形象比文字更能产生影响力 3.信息量：图片漂亮，图片文字适当 4.静动性
缺乏时装杂志的开放、轻松、随和性
好 版 面 组 成 与 原 理
3格调 2
随和性格调
随和性格调：指开放的、轻松的。比如时装杂志 特点：标题和图片排版相对自由，容易使人感到亲近产生共鸣
3Biblioteka Baidu调 1
精神性格调
实用性格调： 强调和重视情绪、趣味等精神性。
特点：图片张力强，构图稳重，
传达内心，版面较多空白，文字 信息较少。
诠 释 美 国 野 性 刚 毅 叛 逆 与 西 部 开 拓 者 的 精 神
图文率：照片、插图等画面与文字的比列。表达版面的视觉度 文章是理性的，而照片和插图情绪性的，是一瞬间传达的。两者需结合
实用性格调 随和性格调
精神性格调
文中心
实用格调下的图为率
图文率
图文各半
随和格调下的图为率
图中心
精神格调下的图为率
5要素 5
跳跃率
随和性格调
跳跃率：大标题字与版面主体的正文的大小比例。跳跃率对版面格调很大影响
下 节 再 续
何 为 好 的 版 面
？
1. 使人感到愉悦 2. 提供可靠信息 3. 懂得受众心理
1. 使人感到愉悦
因素: 1.版面：照片饱满，自由，色彩明亮 2.跳跃率：标题大而充实，显得精神饱满 3.信息量：图片文字适当 4.静动性：弧形文字自由开放
刻板，缺乏时装杂志的开放、轻松、随和性
2.提供可靠的信息
5要素 3 静动性
静动性：照片主体表现的垂直、水平和动态。此外还有照片外形轮廓
实用性格调
随和性格调
精神性格调
图像外形 的静动性
静动性
图像内容 的静动性
方版兼具实用和精神 两种 有水平和垂直构成， 稳重没浪费
扣抵版、羽化版有感 染力，适合随和格调
出血版有内向性 全照片性，表达高格
5要素 4 图文率
（一）
何谓版面？
1. 使人感到愉悦
何为好的版面？
2. 提供可靠信息
3. 懂得受众心理
1. 3格调+5要素
好版面的组成与原理 分析篇
2. 引起认同感
用3格调5要素分析版面
实践篇 用3格调5要素设计有认同感版面
1
什 么 是 版 面 ？
版面及版面编排亦称版式设计。
即在有限版面，将有限的视觉元素（文字字体，图片图形、线条 线框和颜色色块诸因素）根据特定内容的需要进行组合排列，并 运用造型要素及形式原理，把构思与计划以视觉形式表达出来。 传达信息的同时，也产生感官上的美感。
, ,
版面样式 信息量
5要素
静动性 图文性 跳跃率
对3格调产生的影响
5要素 1
版面式样
版面样式：是5要素中最基本要素，也就是版面的构图。这种构图加其他4个要
素就能确定格调。
实用性格调
随和性格调
精神性格调
版面式样
规范性和自由度来理解
硬网格 实用性格调
方版型 随和性格调
偏侧型 精神性格调
网
格
将版心划分为无数统一尺寸的网格。
实用性格调 3格调 3格调+5要素 随和性格调 精神性格调
版面样式 5要素 信息量 静动性 引起认同感 图文性
跳跃率
3格调
实用性格调 随和性格调 精神性格调
3格调 1
实用性格调
实用性格调：讲求诚实，功效性，实用 性为主。比如报纸 特点：信息量大，排列规范，阅读感清 晰。适用于慢慢阅读实用性的说明，版 面不强调视觉效果漂亮
把文字与图片安排于其中，使版面具有一定的节奏
变化，产生优美的韵律关系
负面影响：会给版面带来呆板。
所以运用网格设计的同时，应适当打破网格的约束 使画 面活泼生动。
5要素 2 信息量
信息量：多图片和文字充满版面，信息量多；信息量的多少决定版面式样的形象。
实用性格调 随和性格调
精神性格调
信息量多少导致格调发生变化 大信息量显示实用格调，小信息 量显示精神格调。
实用性格调
精神性格调
文字的 跳跃率
跳 跃 率
精神格调下的文字的跳跃率
随和性格调下的文字的跳跃率
图像的 跳跃率
实用格调下图像的跳跃率
随和格调下图像的跳跃率
认同感
认同感：信息是否与受众者所想的形象一致。
好版面=好感度高的版面 认同感、欢迎感、高品 质感3感齐备
尽管版面美观，但没有 儿童用品的健康活泼的 形象，呆板不具好感。
比如报纸，给人和合适的感觉
因素： 1正文左右恰当，垂直、水平，给人充实感觉 2.标题大小 3.照片人物
3. 懂得受众的心理
因素:
1.版面：无拘无束，亲和的开放性 2.图文：视觉形象比文字更能产生影响力 3.信息量：图片漂亮，图片文字适当 4.静动性
缺乏时装杂志的开放、轻松、随和性
好 版 面 组 成 与 原 理
3格调 2
随和性格调
随和性格调：指开放的、轻松的。比如时装杂志 特点：标题和图片排版相对自由，容易使人感到亲近产生共鸣
3Biblioteka Baidu调 1
精神性格调
实用性格调： 强调和重视情绪、趣味等精神性。
特点：图片张力强，构图稳重，
传达内心，版面较多空白，文字 信息较少。
诠 释 美 国 野 性 刚 毅 叛 逆 与 西 部 开 拓 者 的 精 神
图文率：照片、插图等画面与文字的比列。表达版面的视觉度 文章是理性的，而照片和插图情绪性的，是一瞬间传达的。两者需结合
实用性格调 随和性格调
精神性格调
文中心
实用格调下的图为率
图文率
图文各半
随和格调下的图为率
图中心
精神格调下的图为率
5要素 5
跳跃率
随和性格调
跳跃率：大标题字与版面主体的正文的大小比例。跳跃率对版面格调很大影响
下 节 再 续
何 为 好 的 版 面
？
1. 使人感到愉悦 2. 提供可靠信息 3. 懂得受众心理
1. 使人感到愉悦
因素: 1.版面：照片饱满，自由，色彩明亮 2.跳跃率：标题大而充实，显得精神饱满 3.信息量：图片文字适当 4.静动性：弧形文字自由开放
刻板，缺乏时装杂志的开放、轻松、随和性
2.提供可靠的信息
5要素 3 静动性
静动性：照片主体表现的垂直、水平和动态。此外还有照片外形轮廓
实用性格调
随和性格调
精神性格调
图像外形 的静动性
静动性
图像内容 的静动性
方版兼具实用和精神 两种 有水平和垂直构成， 稳重没浪费
扣抵版、羽化版有感 染力，适合随和格调
出血版有内向性 全照片性，表达高格
5要素 4 图文率