平面设计的组版原则与设计步骤(1)精编版

1、 49 of70 组版原则与设计步骤组版原则与设计步骤 第二节：平面设计的一般步骤第二节：平面设计的一般步骤 分析客户要求阶段 设计主题定位阶段 初步构思创意阶段 实施版面设计阶段 推敲征询意见阶段 版面清样审定阶段 50 of70 报纸的版面设计报纸的版面设计 第一节：报纸的媒体特点和功能第一节：报纸的媒体特点和功能 功能： 1对报纸读者的功能 认知广告内容 了解商品信息 知晓市场行情 劝服和诱导功 能 2对广告主的功能 提高品牌知名 度 塑造企业文化 提升企业形象 扩大产品市场 3对报社的功能 必要的资金来 源 引导和制约作 用 51 of70 报纸的版面设计报纸的版面设计 第一节：报纸的

2、媒体特点和功能第一节：报纸的媒体特点和功能 类型： （一）以办报方针分类 1政治性报纸 特点：这类报纸基本的编辑方针始终以维护政党或政府 利益为宗旨，坚持舆论导向，具有较强的思想政治影响 力。 对象：政党部门、政治团体、政治部门、关心时事政治 的人群。 2商业性报纸 特点：追求利润为最终目的的报纸。内容上注重商业信 息，讲究趣味性、知识性和人情味。 对象：财经和商业人士，关注商业信息人群。 3企业性政治报 特点：即追求政治利益又追求商业利润，在一定程度将 二者和谐统一。在经济上以企业方式经营，政治上有明 确目标、鲜明的立场和观点。 对象：政治部门、企业团体。 （二）以报纸内容分类 在我国一般分

3、为综合性报纸与专 业性报纸 1综合性报纸 特点：报道内容综合全面，读者 范围广，涉及政治、经济、法律、 科技、文体、社会等各个领域的 内容。 对象：面向各个行业、各个阶层 的读者。 2专业性报纸 特点：指以某个专业领域为主要 报道内容，为与这一专业有关的 群体或个人服务的报纸。 对象：与这一专业有关的群体或 个人。 52 of70 报纸的版面设计报纸的版面设计 第二节：报纸版面中的设计要素第二节：报纸版面中的设计要素 报纸版面中的文字 报纸版面中的图片 53 of70 报纸的版面设计报纸的版面设计 第三节：报纸的版面设计第三节：报纸的版面设计 报纸版面中的构成 报纸是新闻出版业中内容最丰富、报

4、道最实时、读者最广泛的一种大众传播媒介，在纸质媒 体中占有首要位置。 世界现代报纸幅面主要有对开、四开两种。中国对开报纸幅面为780mm550mm，版 心尺寸350mm490mm2，通常分8栏，每栏13个字、120行，版心字数13,320字。四 开报纸幅面尺寸为540mm390mm,版心尺寸490mm350mm，版心字数为（小五号） 86行71字（6106字），中缝（小五号）86行12字（1032字）。 报眼：又称报耳，报名傍边的一小块版面，通常刊登一些单独的、比较重要的文字稿和图片搞，也 有刊登当日报纸的内容提要、天气预报和日历表等。 报线：版心的边线，分“天线”（又称“眉线”）、“地线”。

5、 报眉：一般被置于报头的下面、头条的上方，用来刊登报纸创刊日期、总的印行期数、当日报纸的 版面数、出版日期、登记号码（代号），有的还注明主办者的名称。 中缝：报纸相邻两块版之间的空隙，可空也可刊登广告、转文等。 头条：横排报纸左上方、竖排报纸右上方的位置，通常用来刊登最重要的稿件。 双头条：在报眼或版面右下方刊登一条与头条同样重要的稿件。 倒头条：版面右下方与头条同等规格处理的重要稿件。 导读：导读是营销时代报纸版面设计的重要组成部分，它几乎成为每张报纸的必备栏目。 54 of70 报纸的版面设计报纸的版面设计 第三节：报纸的版面设计第三节：报纸的版面设计 55 of70 报纸的版面设计报纸的

6、版面设计 第三节：报纸的版面设计第三节：报纸的版面设计 56 of70 招贴海报的版面设计招贴海报的版面设计 第一节：招贴海报的类型第一节：招贴海报的类型 公益性招贴海报 商业性招贴海报 电影招贴海报 大学校园的招贴海报 57 of70 招贴海报的版面设计招贴海报的版面设计 第二节：关于海报设计第二节：关于海报设计 招贴海报的创意 幽默与诙谐 错位与求异 比喻与抒情 悬念与联想 海报设计的步骤 1、这张海报的目的？ 2、目标受众是谁？ 3、他们的接受方式怎么样？ 4、其他同行业类型产品的海报怎么样？ 5、此海报的体现策略？ 6、创意点？ 7、表现手法？ 8、怎么样与产品结合？ 海报设计的具体要

7、素 1、充分的视觉冲击力,可以通过图像和色彩来实 现。 2、海报表达的内容精炼,抓住主要诉求点。 3、内容不可过多。 4、一般以图片为主,文案为辅。 5、主题字体醒目。 海报设计注意事项 1.海报一定要具体真实地写明活动的地点、时间及 主要内容。文中可以用些鼓动性的词语，但不可 夸大实事。 2.海报文字要求简洁明了，篇幅要短小精悍。 3.海报的版式可以做些艺术性的处理，以吸引观众。 58 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第一节：企业视觉识别（第一节：企业视觉识别（VIVI）系统的基本特征）系统的基本特征 企业识别系统VI是由三个基本内容构成的，即企业理念识别MI（Min

8、dIdentity）、企业行为识别BI （BehaviorIdentity）、企业视觉识别VI（VisualIdentity）。也就是说，企业要有明确的经营理念MI，并把这 种经营理念贯彻到生产、营销、职工教育活动中BI，同时以一定的标准字表现出来VI，三者缺一不可。 企业视觉识别VI（VisualIdentity）系统是企业识别系统构成因素之一，VI是以视觉传播方式将企业理念与 企业行为有机的建立在完整的视觉组织上，有计划的传达出来，树立统一的企业形象。视觉识别是传播体系之上的， 通过设计、媒介传播向大众传达信息，体现企业的基本理念和统一的形象。视觉识别以静态的识别符号具体化、 视觉化的传达

9、企业信息，效果直接，项目多样，层面广泛。 1.基本要素 企业名称企业品牌标志企业品牌标准字体企业专用印刷字体企业标准色 企业造型象征图案企业宣传标志口号市场行销报告书 2.应用要素 办公事务用品招牌旗帜标志牌建筑外观橱窗展示员工制服交通工具 产品设计包装用品广告宣传展示陈列 户外应用 在企业的视觉识别中，设计要体现统一性，对所有的设计要素进行识别化、标准化的设计，设计的象征意义 蕴含要与企业形态传播特点相符，能够表达企业精神并给人以深刻的印象，要具有一定的促销潜力，符合时代的发 展特征。 59 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第二节：视觉设计中的基本要素第二节：视觉设计

10、中的基本要素 一、标志设计 标志，使用特定的明确的造型、图案、文字、色彩来表示某种事物或象征某种事物的，它不仅具有作为事务 存在的单纯性指示作用，而且包括了目的、内容、性质的总体表现，标志就是将事物、对象、抽象的精神内涵，以 具体可见的形象表现出来。企业标志，是从事生产或经营活动的经营者的标志。它通过造型单纯，图文明确，统一 标准的视觉符号，将企业的理念、公司的规模、经营内容、产品的性质等因素，传达给消费大众，以资认同识别。 企业标志设计不同于一般的商标，它必须能传达企业理念、企业精神，以MI为核心的原则，突出企业形象的个性化。 标志寓意要准确，名实要相符，简洁鲜明富有感染力；标志的设计要相对

11、稳定，符合时代的潮流。它的造型应优美 精致，符合美学原则，这些都是理想标志设计所必需具备的设计原则。 标志取名要简洁、标准、创新、高雅、响亮，这样才能避免和其他企业名称的重复、雷同，又能具有冲击力、 影响力，做到“名正言顺”。索尼公司的SONY是英文的组合创意，既有“声音”、“可爱”、之意，又要避免雷 同，为索尼公司树立名牌奠定了基础。企业名称与产品品牌和以有利于树立企业的形象，突出了产品宣传，提高了 广告效果，因为高频度、高强度的统一名称的不断出现，自然会加深公众的知名度和印象。 企业标志在激烈的市场经济竞争中，扮演着越来越重要的角色。企业在创办之初，最主要的事是设计一个符 合企业经营观念或

12、产品内容的企业标志，然后再以企业标志为中心建立一套完整的企业形象视觉识别计划。在此， 应用最广泛，出现频率最高者，首推企业标志。标志不仅具有发动所有视觉要素的主导力量，也是统一所有视觉设 计要素的核心。更重要的是，标志在消费者心目中是企业、品牌的统一，集中的表现了企业特征和商品的外部形象。 60 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第二节：视觉设计中的基本要素第二节：视觉设计中的基本要素 二、标志设计的原则 标志设计不仅是实用物的设计，也是一种图形的艺术设计。它与其它图形艺术表现手段既有相同之处，又有 自己的艺术规律，标志设计应在下面一些原则的基础上进行。设计应详尽明了设计

13、对象的使用目的、适用范畴及有 关法规等有关情况和深刻领会其功能性要求的前提下进行。 1.设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设计手段。同时还要考虑其它视 觉传播方式的应用（如印刷、广告、映像等）或放大、缩小时的视觉效果。 2.设计要符合作用对象的直观接受能力、审美意识、社会心理和禁忌。 3.构思应慎重，寓意深刻、巧妙、新颖、独特，表意准确，能经受住时间的考验。 4.构图要凝练、美观、适形（适应其应用物的形态）。 5.图形、符号既要简练、概括，又要有高度的艺术性。 6.色彩宜单纯、强烈、醒目。 61 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第二节

14、：视觉设计中的基本要素第二节：视觉设计中的基本要素 三、标志的表现形式 标志设计的表现形式应该说是丰富多样的，而且随着科学技术水平的提高和人们文化层次的提高，标志的表 现形式也在不断发展创新。不过，归纳起来较常见的表现形式不外乎具象形式、意象形式、抽象形式三种。 1.具象形式：这种形 式基本忠实于客观物 象的自然形态，经过 设计者的提炼、概括 和简化，突出与夸张 其特征本质，作为标 志图形。这种形式具 有易识别的特点。 2.意象形式：这是一种以某种 物象的形态为基本意念，以装 饰的、抽象的图形或文字符号 来表现的形式。如下图宜华家 装设计室标志，以一支设计师 的铅笔折成房屋的轮廓，概括、 形象

15、的将设计室的性质展示给 观众，使人看后记忆深刻。 3.抽象形式：以完全抽象的几何图形、文字或符 号来表现的形式。这种图形往往具有深邃的抽象 含义、象征意味或具神秘感。如(图7.3)北京应 急避难所标志以给人最稳定感觉的三角形象征其 安全可靠性，又以内部的曲线说明避难所的舒适 及人性化。网址文字不仅提示人们如何了解避难 所的信息，同时更具有强烈的现代感和符号感， 易于记忆。 62 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第三节：其他基本要素的设计第三节：其他基本要素的设计 企业字体设计 标准字是企业识别中视觉要素之一，应用广泛，出现的频率较高，在所有的应用设计中几乎都会出现。标准

16、 字的设计不仅是信息传达的手段，也是视觉传达表现的一种不可缺少的要素。标准字与普通铅字书写的最大区别在 于标准字出了造型外观设计上的差异处，更在于文字之间的设计关系。标准字的设计师根据企业名称、品牌名称、 活动主题、广告口号等精心设计创作的。通过对笔划和字距的设计在配置、线条的粗细做统一的造型要素的精心制 作，在文字的配置关系中经过视觉的调整修改设计来取得空间的平衡和结构上的和谐。 63 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第三节：其他基本要素的设计第三节：其他基本要素的设计 企业象征图形的设计题材： 其一，以企业标志的造型为开 发母体。 其二，以企业标志或企业理念 的意义

17、为开发母体。 STUDIO11音乐工作室的VI 设计中就应用象征形加强了视觉的识 别性，同时在其他宣传方式中象征形 以它特有的造型起到了象征意义，作 为一个构成元素象征形在VI设计中发 挥着重要的作用。 64 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第三节：其他基本要素的设计第三节：其他基本要素的设计 企业的吉祥物 企业造型角色要素之一，是为了强化企 业性格、诉求产品特征，而设计的漫画式的人、 动物和植物及非生命物的角色。本身有强烈的 个性或显著的特征，容易与其它物和人识别区 分。 在整个企业识别设计中，吉祥物设计以 其醒目性、活泼性、趣味性，越来越受到企业 的青睐。利用人物、

18、植物、动物等为基本素材， 通过夸张、变形、拟人、幽默等手法塑造出一 个亲切可爱的形象，对于强化企业形象产生不 可估量的作用。由于吉祥物具有很强的可塑性， 往往根据不同的需要设计不同的表情、不同的 姿势，不同的动作，在应有过程中更富有弹性、 更生动、能达到过目不忘的效果。如王东晟设 计的LG空调卡通形象、摩托罗拉小狗设计都 体现了吉祥物的特征。 上海世博会吉祥物“海宝” 海尔公司的吉祥物 中国电信吉祥物 肯德基吉祥物 65 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第四节：办公用品设计（名片、信封、信纸）第四节：办公用品设计（名片、信封、信纸） 办公用品是传达的基础单位、是VI有

19、利的传播手段，通常被排在首位，名片、信 封、信纸更是办公用品的主要部分。它既具 有公务上的实际功能，又有视觉识别功能， 无论是否推行CIS都是少不了的用品。设计 精美的办公用品体现整齐美观有品位，同时 它也给员工在心理上增强了自尊心和自信心， 体现责任感和荣誉感。名片、信封、信纸参 与日行营运的活动，是企业的重要资料，所 以在规格标准上要符合国际标准，这样才能 使我们的企业更国际化，才能更好的与世界 接轨。 信纸信封是匹配成套的两种办公用纸 品，它们之间有一定的比例关系。国际上有 普遍的习惯标准，信纸：190270mm； 信 封 ： 1 8 5 9 0 m m ； 名 片 ： 5490mm。办

20、公用品的规格比例有一定 的美学要素，他们基本都保持一标准矩形， 其长宽比例为“黄金比例”或是近似值，给 人优美稳定有秩序之感，但有时为追求鲜明 特点也采用非常规比例的开本。 66 of70 视觉识别（视觉识别（VIVI）的设计）的设计 第五节：第五节：VIVI赏析赏析 67 of70 网页的平面设计网页的平面设计 第一节：网页平面构成的一般形式第一节：网页平面构成的一般形式 网页的平面构成, 就是一种造型概念,也是 现代造型设计语言.其中 含义就是将点线面色 等各种单元组成一个新的 单元,并赋予视觉化的、 力学的概念。其中，立体 构成是厚度造型，平面构 成是以轮廓造型，是将不 同的基本形态按一

21、定的规 则在平面上组合图案。网 页 是 由 文 本 、 图 象 、 Flash动画、声音、视频、 超级链接、表格、导航栏、 交互式表单等基本元素构 成，而这些元素从构成上 看就是简单的点、线、面 等基本元素经过艺术创造， 变得更加有质感。 68 of70 网页的平面设计网页的平面设计 第一节：网页平面构成的一般形式第一节：网页平面构成的一般形式 一、基础中的基础：点、线、面 点构成线，线构成面，这些是平面构成中的基本要素，也是所有平面设计的基本要素。那么将这些基础中的 基础运用在网页设计中，又是怎样的效果呢？点、线、面这三个东西不单纯的指一个点、一根线、一个平面。我 们要善于利用文字和图形的排

22、布，为自己的网页增添效果。网页中的每一个文字，每一个点，每一个图形都是这个 网页的组成元件，文字可组成图形，图形也可组成文字，这些都不是限定死的。当我们被各种丰富多彩的页面瞭花 了眼的时候，回头看看基础的平面构成图案，或许会有一些新的启发和想法，点构成多用于细碎东西，整合排布和 文字排版。集中而规律的排列，从整体上抓住人们的视觉 用一条主线分割画面，线条经过的地方有相应的内容呼应。画面因为这条线而变得生动有趣，也因为它的分 割功能，整合规划了不同的内容区域，线构成多用于装饰与分割，同时也会有连贯的功能。线条对阅读顺序有着一 定的引导作用。若点与线的构成大多为细节处理，那么面的构成则直接影响着网

23、页整体风格和布局，与线搭配构成 空间透视效果。不同的面形状，呈现出的视觉效果也不同 二、各种形式在网页中的体现 平面构成中的形式在网页中常见的有：渐变形式、发射形式、对比构成。而渐变亦有形状渐变，颜色渐变。 这些表现形式即丰富了画面，又能反应出网页的整体氛围，网页设计并不是单纯的作图，还需要考虑到功能性和阅 读性，因此颜色渐变成为网页中常用的表达方式，形状渐变却很少见。用明度渐变的方式来表现地图背景，很好的 展示了地图的样式，又没有因为色彩繁多复杂而看不清主体内容。发射形式不利于文字的阅读和整体排版，所以一 般发射形式多用于背景图片，或者一些小部分细节处理上。 强烈的色彩对比也会引起人们的视觉停留，这种对比方式一般多用于对立状态或者有着正反义词组的页面， 也有时出现在Q版卡通页面中，对比色色彩鲜艳亮丽，反应出孩子的多彩世界。 69 of70 网页的平面设计网页的平面设计 第一节：网页平面构成的一般形式第一节：网页平面构成的一般形式 三、肌理效果 肌理效果分为：视觉肌理、触觉肌理两种。介于 我们使用的是网络媒体，无法做到触觉肌理，所以我 们常用视觉肌理，从视觉上刺激读者的感觉，让他们 从眼开始对某种肌理产生联想，联想到某个场景效 果。肌理效果强烈的页面更多用于游戏官网，主题性 跟强，也多伴有游戏UI应用在页面中 平面构成内容多