平面版式设计版面设计的基本元素
平面设计师要掌握的版式基础大全
平面设计师要掌握的版式基础大全（一）构成平面的三要素（1）点的构成点是组成平面构成的基础要素。
点可以是不同大小的，也可以是不同疏密的。
在一个画面上也可以有大小、疏密、虚实、整齐和随意对比的，对比就会产生韵律感。
（2）线的构成垂直和水平的线都会有稳定的感觉，斜线会更加有冲击力，曲线会感受更加柔和。
（3）面的构成面的种类有不规则形状和几何形状两种。
（二）排版中的元素在平面设计的过程中，我们其实是在组织图片、文字、按钮、图标等比较小元素的信息架构。
这些排版中的元素需要我们放在画面中，不可以因为好不好看而删去必要的信息，然后根据它们的重要性进行排列组合。
（三）文字排版八条定律字体是排版中重要的元素，也是直接的信息传达方式。
下面有八条文字排版的定律，供参考。
第一，保证文字是可读的。
第二，不要在一个版面中使用三种以上的字体。
第三，如果英文标题或单独进行排版时，尽量全部使用大写而非首字母大写。
中文标题或单独进行排版时结尾不需要句号。
第四，字间距和行距以及文字大小都要依据实际场景来决定。
第五，文字阅读需要清晰地背景区分，比如黑纸白字和白纸黑字原则。
第六，除非不得已，尽量避免在一个版式中使用中英文混排。
第七，文本左边对齐同时右边也需要对齐。
第八，中文前面需要空两个全角字符空格，英文前面无需空格，但需要大写。
（四）图片素材比例在进行排版的时候，或多或少都会用到图片素材。
无论图片的大小，首先要保证使用的图片与整体设计色调相符。
冷色、暖色、中性色都要符合整体的色调，一定是邻近色或对比色等色彩关系，不要因为自己的主观放置没有色彩关系的配图或者会抵消画面色彩倾向的配图。
同时，还要注意比例，才会让作品整体耐看。
（1）图文比例在一个设计中，图片与文字的量应该有一定的对比。
人天生喜欢看图片而不是阅读，实际上人类有阅读能力的历史只有几千年，而欣赏图片的能力是天然的。
如果需求方的文字需求非常多，尝试与需求方商讨减少文字量。
文字量越少，图形化设计越多，那么视觉上这个作品看起来就更轻松。
版式设计的构成要素
版式设计的构成要素点、线、面是构成视觉空间的基本元素,也是版面构成的主要语言.版面构成实际上就是如何经营好点、线、面。
不管版式如何复杂，最终都可以简化到点、线、面。
在设计师的眼里，世上万物都可以归纳为点、线、面：一个字母、几个数字，可以理解为一个点或多个点。
一行文字、一行空白,均可理解为一条线。
多行文字、一张图片或一片空白，都可以理解为不同形状的面.版式设计就是在有限的版面空间内处理和协调好点线面之间相互依存、相互作用的关系,组合出各种各样的形态，构成有新意的符合审美意识的版式.一、点点在造型要素中是最基本的形态，也是最细小的单位。
一个较小的形态称为点，一条线的起始或终结也是点,两条或几条线的交叉处仍然可以称为点.点在形象设计中不是孤立存在的，它必然会依附于某个形体上，它的形状不固定，可以是任意的形象.比如：在一套形象设计中,服装上的蝴蝶结是点，一粒特殊的装饰扣是点，头发可以是点,帽子也可以是点。
点的性质是由空间环境所决定。
点在空间环境中只占有极小的面积.点具有张力作用和紧张性，在空间的衬拖托下，点很容易将视线吸引和聚集。
在版面中一组文字、一个标志或几个符号的位置不同、数量不同、大小不同、聚散排列不同给人的感觉也不同。
主要表现在以下几个方面:(一）平等配置以大、小均等的点在整体上等距的排列，效果平稳、均衡，但是,容易显得缺少变化、呆板，无新意.(二)不均等配置以大、小不同,距离不等的分配方式排列，设计效果有强弱对比之感,配置效果活泼，富于变化。
（三）强调配置一个点在整体形象中常常起到强调的作用。
同样的点，由于设计的位置不一样，强调的位置也不一样。
比如：头饰作为点,配置在人体的上部，其装饰的不仅仅是头部或脸部，而是通过强调整体形象上部的一“点”，来达到某种整体效果.设计师在造型构思时首先要决定用点的目的，然后再确定点的位置.以点在全局中的强调配置，起到画龙点睛的作用。
点设计表现时通常是需要色彩来配合，因此,点的位置、大小与色彩配置有着很重要的联系。
版式设计基本要素及构成规律_色彩及肌理
七类对比：色相对比、纯度对比、明度对比、冷暖对比、 平衡对比、互补色对比、同时对比与继时对比
版式设计基本要素及构成规律_色 彩及肌理
ቤተ መጻሕፍቲ ባይዱ
版式设计基本要素及构成规律_色 彩及肌理
版式设计基本要素及构成规律_色 彩及肌理
西班牙毕尔巴鄂某 博物馆入口。红色 的墙面本身就具有 很强的视觉冲击力， 使得上面的 BILBAO 字 样 有 一 种直冲眼帘的感觉。
微笑是世界的语言 佐腾 （U.G.Sato） 为微笑行动所作公 益海报。
版式设计基本要素及构成规律_色 彩及肌理
法国巴黎蓬皮杜国家艺术中 心的指示牌。不同色彩的标 牌代表不同的内容，使信息 的传达更加快速，一目了然。
版式设计基本要素及构成规律_色 彩及肌理
版式设计基本要素及构成规律_色 彩及肌理
版式设计基本要素及构成规律_色 彩及肌理
（2）色彩的和谐 色彩的对比是以和谐为前提——在构图中，所有
的色彩要相互关联并在统一的整体中产生应有的效果， 就必须形成比较和谐的视觉系统。
要达到色彩上的和谐有一些手法： 一是追求色彩要素的一致性，比如在明度、色相、 纯度上的近似。 二是不依赖某种元素的一致或相似，而是通过色 相、明度、纯度的不同来组合，形成一种视觉上的有 序性。 三是通过色彩的面积、色块的位置来改变每一个 色块在画面中的视觉作用，实现色彩在视觉感受中的 和谐。
1.肌理的形式 视觉肌理 触觉肌理 2.肌理的应用
版式设计基本要素及构成规律_色 彩及肌理
（1）视觉肌理
视觉肌理是对物体表面特 征的认识，一般是用眼睛看而 不是用手触摸的肌理。它的形 和色彩非常重要，是肌理构成 的重要因素；如用毛笔、喷笔、 彩笔，都能形成各自独特的肌 理痕迹；也可用画、染、淋、 熏灸、拓印、贴压、剪刮等手 法制作。可用的材料也很多， 如木头、石头、玻璃、面料、 油漆、海绵、纸张、颜料、化 学试剂等等。
版式设计-版式的基本类型
• 骨骼与基本形相叠 有作用性的骨骼或可见的 骨骼线可与基本形相叠， 产生覆叠或透叠的关系。
发射骨骼与自然现象
许多植物的生长方式，如树木与花卉等等， 常具有发射结构。所谓发光体都具有发射 骨骼。自然界的中心发射现象，只要留心 观察，是艰容易寻找的。
1．离心式--由发射中心向四周发射。骨骼线或直或 曲，或弧线型，或发射线不连接，以及中心迁移 与多发射。
3、离心－犹如石子投入水 中，产生一圈一圈向外扩散 的弧线的运动。
• 10.三角型 在圆形、矩形、三角形等基
本图形中，正三角形(金字 塔形)最具有安全稳定因素。
11.并置型 将相同或不同的图片作 大小相同而位置不同的 重复排列。 并置构成的版面有比
较、解说的意味，给予 原本复杂喧闹的版面以 秩序、安静、调和与节 奏感。
3.作用性骨格：
作用性骨格是使基本形彼此分 成各自单位的界线，骨格给形象 准确的空间，基本形在骨格单位 内可自由改变位置、方向、正负， 甚至越出骨格线。
它是骨骼线将画面面积分
割成若干具有相对独立性的 骨骼单位，形成多元性的空 间。基本形移出骨骼单位便 受到分割。这种骨骼里，基 本形不一定被固定在每一骨 骼单位中，且基本形的数目 及方向在每一骨骼单位中可 做变化。但完成后的画面必 须能显示出骨骼线的存在。 （如图）
在编排设计学中，同样存在与其它学科类似的问 题，即是：
如何借助一定手段或方法来引喻、提示本学科内 在的基本原理。而骨格概念与编排设计版面构成 之间 有着极为类似的机理特性
于是，“骨格”的自然的被引用到编排设计 学中来，阐释编排设计学中，关于版面内视觉图 形元素间的构成关系。
骨格与视觉元素
⑴段落文字： 有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中，处较后的位置， 一般在版面中以“面”的形态出现。具体影响其信息传递力度的主要因素包括：字 体、字号、颜色、背景、字间距、行间距、段落间距、段首设置、文本宽度等。
版式设计全套知识点
版式设计全套知识点版式设计是指将内容元素以一定的规则和布局方式在页面上进行组织，形成具有美感、功能性和易读性的视觉效果。
在印刷、网页设计、平面设计等领域中，版式设计扮演着至关重要的角色。
本文将从基本原则、排版元素、字体搭配、配色方案以及留白运用等方面介绍版式设计的全套知识点。
一、基本原则1. 一致性：在整个版面中保持一致的风格和风格。
2. 对称性与不对称性：通过对称或不对称的布局来实现平衡和视觉吸引力。
3. 简洁性：去除冗余和不必要的元素，使版面更加简洁。
4. 重点突出：通过使用不同的字体、颜色、大小和样式等手段，突出重要信息。
5. 色彩搭配：使用合适的色彩搭配来提高版面的吸引力和可读性。
6. 线条和形状：线条和形状的运用能够增强版面的结构感和层次感。
二、排版元素1. 文本：选择合适的字体、字号和行高，确保文字内容的易读性。
2. 图片：运用合适的图片来辅助版面表达，并注意图片的分辨率和尺寸。
3. 标题和副标题：使用清晰明了的标题和副标题，使读者能够迅速获取主要内容。
4. 引用：引用可以突出重点、强调观点或者加强版面的实用性。
5. 列表：使用有序或无序列表来整理信息，提高阅读体验。
三、字体搭配1.字体风格：根据设计的主题和内容来选择适合的字体风格，如宋体、黑体、楷体等。
2.字体大小：根据内容的重要性和阅读环境的特点，选择合适的字体大小，以确保易读性。
3.字体颜色：根据设计的整体风格和版面的配色方案，选择与之协调的字体颜色。
4.字体间距：调整字体间距来提高版面的可读性和美观性。
四、配色方案1.主色调：选择适合主题和内容的主色调，并在版面中统一运用。
2.辅助配色：选择与主色调搭配的辅助颜色，用于强调重点信息或营造视觉层次感。
3.对比色：使用对比鲜明的颜色来突出重要信息，增强版面的可读性。
4.色彩搭配：运用色彩的明暗、冷暖色等特性，使版面更具有视觉吸引力。
五、留白运用1.内部留白：合理运用内部留白来增强版面的美感和结构感。
平面设计专题：版式设计基础知识ppt课件
文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量——影响 读者注意力主题借助图形、图片来增强文字说服力，提高阅读兴趣。
7
01 版式设计的基本概念 02 版式设计的基本原则 03 版式设计的基本类型 04 版式设计的基本步骤
1.2 版式设计三大视觉要素
(3)色彩：色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设 计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。
17
01 版式设计的基本概念 02 版式设计的基本原则 03 版式设计的基本类型 04 版式设计的基本步骤
3.1 版面设计的编排形式法则 3.1.3 对称与均衡 对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的 静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。
3.1 版面设计的编排形式法则
3.1.3 对称与均衡
对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理
上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称
均衡。
绝对对称均衡
绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古典主 义版面设计风格的表现，但处理不好容易单调、呆板。
— 9—
10
01 版式设计的基本概念 02 版式设计的基本原则 03 版式设计的基本类型 04 版式设计的基本步骤
2.1 基本原则——主题与导读 鲜明主题的诱导力： 目的：清晰的条理性，最佳形式感，最佳诉求效果。价值：吸引注意力，易解。
11
01 版式设计的基本概念 02 版式设计的基本原则 03 版式设计的基本类型 04 版式设计的基本步骤
版式设计的基本要素
版式设计的基本要素
版式设计的基本要素包括：
1. 页面布局：版面的整体结构，包括标题、文本、图片等元素在页面中的位置和排列方式。
2. 字体选择：选择适合内容和主题的字体，包括字体的大小、粗细、风格等，以增强阅读体验和传达信息。
3. 色彩运用：选择适合主题和目标受众的色彩方案，包括背景色、字体色、边框色等，以增强视觉吸引力和传递情感。
4. 图片和图形：选择合适的图片和图形来增加视觉效果和传达信息，包括图片的尺寸、配色、对比度等。
5. 空白间隔：利用合理的空白间隔来分隔不同元素和模块，以增加阅读性和整体美观性。
6. 对齐方式：选择合适的对齐方式，如居中、左对齐、右对齐等，以提高版面的整齐度和可读性。
7. 重点突出：通过字体大小、颜色、着重线条等方式突出重点内容，引导读者的注意力。
8. 统一性：保持版面的一致性和统一性，包括字体、色彩、图标等元素的统一。
9. 栏目划分：将内容划分成不同的栏目和模块，使页面结构清晰、易于理解和浏览。
10. 可读性：选择合适的字体大小、行距、段落间距等，以提高内容的可读性和易懂性。
版式设计中的基本元素--点、线、面的应用
在有 限的版面空 间里 ， 运用线条、 文字、 图形、 色彩 、 图片等视 觉元
素， 采用 美学原理把有计划 的目的与构思用视觉美的形式进行合 理 的安排。其 中点、 、 线 面是构 成版 式设计 的基本视觉语言 ， 也是 版面设计 中的基本要素。
富有 自由、 随意、 柔软 、 女性美特征的表现形式。 自由曲线的独特 性还体 现在 它的韵律 、 弹性和 自由的伸展 性。 第二 ， 的位 置 。 线
版 式艺术作为一种传 达某 种信 息的载体 ， 有艺术性和文化 具 性， 已深入人们 的精神 生活 ， 一切视觉传达 艺术 的重要基础， 是 体
各种视觉元素对人们视 角、 心理、 情感产生影响 。设计者利用平面构成的 设计原理将这三种基本元素在有限的版面 中进行合理安排 ， 给读者一种愉
悦 的 心理 感 受 ， 而更 好 地表 达 内容 。 从 关键 词 ： 式设 计 点 线 面 视 觉 元 素 版
同的属性 ： 线构成安定 、 直 平稳、 直接 、 明晰等表现形 式； 几何 曲线 表现 出圆润、 速度 、 弹力 等表 现形式 ； 自由曲线反 映一种抽 象化 ，
形 式中， 点的外形决定 了它的形状 ， 以点不仅仅是 圆的， 所 还可 以 是任何形状 ， 如规则 的、 不规则的、 几何形 的、 有机形 的、 自然形 的 等。在版式设计 中这些点有时与周 围环境形成 一种对 比。第三 ，
通过不 同的处理手法如 重叠、 密集 、 割、 切 相交 、 相切 等产 生不 同
一
、
三种 元素 的基本要 素
１ 版式设计 的基本要素一 ： ． 点
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 情感和价值目标：
4.
说学生
• 一般特征分析： • 初始能力分析： • 目标能力分析：
• 情感态度分析：
5.
说教学过程
• 教学设计思路： ⑴. 理论与实践一体化教学。 ⑵. 实行教、学、做、创的教学模式。
⑶.弹性考评机制。
5.
说教学过程
• 教学方法： ⑴.分布式任务驱动教学法。 ⑵.演示法。
⑶.案例教学法。
5.
说教学过程
• 讲授（演示）： ⑴.知识点1：点在版面上的构成。 ⑵.知识点2：线在版面上的构成。
⑶.知识点3：面在版面上的构成。
5.
说教学过程
• 讲授（提问、互动）： ⑷.知识点4：点、线和面之间的互相转换关系。
• 总结： 概念图 案例欣赏
• 作业：
西北师范大学教育技术学院 严富华
——版面设计的基本元素
主要内容：
一.说个人教学工作 二.说课程（说教材）
三.说教学内容
四.说学生 五.说教学过程
1.
个人教学工作简介
• 个人经历： 09年7月毕业于重庆大学艺术学专业 • 承担《平面版式设计》课程三年 • 热爱教师这个职业，要对工作充满激情 鼓励学生发展个性，挖掘学生自身潜力 提升学生学习效果，加强学生创新能力
2.
说课程
• 课程：专业课、必修课
• 提高版式设计能力和审美修养
• 适应行业发展的需要
2.
说教材
• 教材：《版式设计》
• 教材特点： 出版较新，有前瞻性 科学性与通俗性结合（兼顾实验性与功能性） 内容丰富，图文并茂
3.
说教学内容
• 第二章：版面设计的基本元素
• 知识和技能目标： • 过程和方法目标：