平面设计的组版原则与设计步骤

1、平面设计的组版原则与设计步骤48of70组版原则与设计步骤组版原则与设计步骤第一节：平面设计的组版原则第一节：平面设计的组版原则诉求主题鲜明、视觉形象突出排版便于阅读、设计形式美观加强整体效果、追求版面个性49of70组版原则与设计步骤组版原则与设计步骤第二节：平面设计的一般步骤第二节：平面设计的一般步骤分析客户要求阶段设计主题定位阶段初步构思创意阶段实施版面设计阶段推敲征询意见阶段版面清样审定阶段50of70报纸的版面设计报纸的版面设计第一节：报纸的媒体特点和功能第一节：报纸的媒体特点和功能功能：1对报纸读者的功能 认知广告内容 了解商品信息 知晓市场行情 劝服和诱导功能2对广告主的功能 提

2、高品牌知名度 塑造企业文化 提升企业形象 扩大产品市场3对报社的功能 必要的资金来源 引导和制约作用51of70报纸的版面设计报纸的版面设计第一节：报纸的媒体特点和功能第一节：报纸的媒体特点和功能类型：（一）以办报方针分类 1政治性报纸特点：这类报纸基本的编辑方针始终以维护政党或政府利益为宗旨，坚持舆论导向，具有较强的思想政治影响力。对象：政党部门、政治团体、政治部门、关心时事政治的人群。 2商业性报纸特点：追求利润为最终目的的报纸。内容上注重商业信息，讲究趣味性、知识性和人情味。对象：财经和商业人士，关注商业信息人群。 3企业性政治报特点：即追求政治利益又追求商业利润，在一定程度将二者和谐统

3、一。在经济上以企业方式经营，政治上有明确目标、鲜明的立场和观点。对象：政治部门、企业团体。（二）以报纸内容分类在我国一般分为综合性报纸与专业性报纸 1综合性报纸特点：报道内容综合全面，读者范围广，涉及政治、经济、法律、科技、文体、社会等各个领域的内容。对象：面向各个行业、各个阶层的读者。 2专业性报纸特点：指以某个专业领域为主要报道内容，为与这一专业有关的群体或个人服务的报纸。对象：与这一专业有关的群体或个人。52of70报纸的版面设计报纸的版面设计第二节：报纸版面中的设计要素第二节：报纸版面中的设计要素报纸版面中的文字报纸版面中的图片53of70报纸的版面设计报纸的版面设计第三节：报纸的版面

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

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

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

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

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

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

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

11、标志取名要简洁、标准、创新、高雅、响亮，这样才能避免和其他企业名称的重复、雷同，又能具有冲击力、影响力，做到“名正言顺”。索尼公司的SONY是英文的组合创意，既有“声音”、“可爱”、之意，又要避免雷同，为索尼公司树立名牌奠定了基础。企业名称与产品品牌和以有利于树立企业的形象，突出了产品宣传，提高了广告效果，因为高频度、高强度的统一名称的不断出现，自然会加深公众的知名度和印象。 企业标志在激烈的市场经济竞争中，扮演着越来越重要的角色。企业在创办之初，最主要的事是设计一个符合企业经营观念或产品内容的企业标志，然后再以企业标志为中心建立一套完整的企业形象视觉识别计划。在此，应用最广泛，出现频率最高者

12、，首推企业标志。标志不仅具有发动所有视觉要素的主导力量，也是统一所有视觉设计要素的核心。更重要的是，标志在消费者心目中是企业、品牌的统一，集中的表现了企业特征和商品的外部形象。60of70视觉识别（视觉识别（VIVI）的设计）的设计第二节：视觉设计中的基本要素第二节：视觉设计中的基本要素二、标志设计的原则 标志设计不仅是实用物的设计，也是一种图形的艺术设计。它与其它图形艺术表现手段既有相同之处，又有自己的艺术规律，标志设计应在下面一些原则的基础上进行。设计应详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。1.设计须充分考虑其实现的可行性，针对其应用形

13、式、材料和制作条件采取相应的设计手段。同时还要考虑其它视觉传播方式的应用（如印刷、广告、映像等）或放大、缩小时的视觉效果。2.设计要符合作用对象的直观接受能力、审美意识、社会心理和禁忌。3.构思应慎重，寓意深刻、巧妙、新颖、独特，表意准确，能经受住时间的考验。4.构图要凝练、美观、适形（适应其应用物的形态）。5.图形、符号既要简练、概括，又要有高度的艺术性。6.色彩宜单纯、强烈、醒目。61of70视觉识别（视觉识别（VIVI）的设计）的设计第二节：视觉设计中的基本要素第二节：视觉设计中的基本要素三、标志的表现形式 标志设计的表现形式应该说是丰富多样的，而且随着科学技术水平的提高和人们文化层次的

14、提高，标志的表现形式也在不断发展创新。不过，归纳起来较常见的表现形式不外乎具象形式、意象形式、抽象形式三种。1.具象形式：这种形式基本忠实于客观物象的自然形态，经过设计者的提炼、概括和简化，突出与夸张其特征本质，作为标志图形。这种形式具有易识别的特点。2.意象形式：这是一种以某种物象的形态为基本意念，以装饰的、抽象的图形或文字符号来表现的形式。如下图宜华家装设计室标志，以一支设计师的铅笔折成房屋的轮廓，概括、形象的将设计室的性质展示给观众，使人看后记忆深刻。3.抽象形式：以完全抽象的几何图形、文字或符号来表现的形式。这种图形往往具有深邃的抽象含义、象征意味或具神秘感。如(图7.3)北京应急避难

15、所标志以给人最稳定感觉的三角形象征其安全可靠性，又以内部的曲线说明避难所的舒适及人性化。网址文字不仅提示人们如何了解避难所的信息，同时更具有强烈的现代感和符号感，易于记忆。62of70视觉识别（视觉识别（VIVI）的设计）的设计第三节：其他基本要素的设计第三节：其他基本要素的设计企业字体设计 标准字是企业识别中视觉要素之一，应用广泛，出现的频率较高，在所有的应用设计中几乎都会出现。标准字的设计不仅是信息传达的手段，也是视觉传达表现的一种不可缺少的要素。标准字与普通铅字书写的最大区别在于标准字出了造型外观设计上的差异处，更在于文字之间的设计关系。标准字的设计师根据企业名称、品牌名称、活动主题、广

16、告口号等精心设计创作的。通过对笔划和字距的设计在配置、线条的粗细做统一的造型要素的精心制作，在文字的配置关系中经过视觉的调整修改设计来取得空间的平衡和结构上的和谐。63of70视觉识别（视觉识别（VIVI）的设计）的设计第三节：其他基本要素的设计第三节：其他基本要素的设计企业象征图形的设计题材： 其一，以企业标志的造型为开发母体。 其二，以企业标志或企业理念的意义为开发母体。 STUDIO11音乐工作室的VI设计中就应用象征形加强了视觉的识别性，同时在其他宣传方式中象征形以它特有的造型起到了象征意义，作为一个构成元素象征形在VI设计中发挥着重要的作用。64of70视觉识别（视觉识别（VIVI）

17、的设计）的设计第三节：其他基本要素的设计第三节：其他基本要素的设计企业的吉祥物 企业造型角色要素之一，是为了强化企业性格、诉求产品特征，而设计的漫画式的人、动物和植物及非生命物的角色。本身有强烈的个性或显著的特征，容易与其它物和人识别区分。 在整个企业识别设计中，吉祥物设计以其醒目性、活泼性、趣味性，越来越受到企业的青睐。利用人物、植物、动物等为基本素材，通过夸张、变形、拟人、幽默等手法塑造出一个亲切可爱的形象，对于强化企业形象产生不可估量的作用。由于吉祥物具有很强的可塑性，往往根据不同的需要设计不同的表情、不同的姿势，不同的动作，在应有过程中更富有弹性、更生动、能达到过目不忘的效果。如王东晟

18、设计的LG空调卡通形象、摩托罗拉小狗设计都体现了吉祥物的特征。上海世博会吉祥物“海宝”海尔公司的吉祥物中国电信吉祥物肯德基吉祥物65of70视觉识别（视觉识别（VIVI）的设计）的设计第四节：办公用品设计（名片、信封、信纸）第四节：办公用品设计（名片、信封、信纸） 办公用品是传达的基础单位、是VI有利的传播手段，通常被排在首位，名片、信封、信纸更是办公用品的主要部分。它既具有公务上的实际功能，又有视觉识别功能，无论是否推行CIS都是少不了的用品。设计精美的办公用品体现整齐美观有品位，同时它也给员工在心理上增强了自尊心和自信心，体现责任感和荣誉感。名片、信封、信纸参与日行营运的活动，是企业的重要

19、资料，所以在规格标准上要符合国际标准，这样才能使我们的企业更国际化，才能更好的与世界接轨。 信纸信封是匹配成套的两种办公用纸品，它们之间有一定的比例关系。国际上有普遍的习惯标准，信纸：190270mm；信封：18590mm；名片：5490mm。办公用品的规格比例有一定的美学要素，他们基本都保持一标准矩形，其长宽比例为“黄金比例”或是近似值，给人优美稳定有秩序之感，但有时为追求鲜明特点也采用非常规比例的开本。66of70视觉识别（视觉识别（VIVI）的设计）的设计第五节：第五节：VIVI赏析赏析67of70网页的平面设计网页的平面设计第一节：网页平面构成的一般形式第一节：网页平面构成的一般形式

20、网页的平面构成,就是一种造型概念,也是现代造型设计语言.其中含义就是将点线面色等各种单元组成一个新的单元,并赋予视觉化的、力学的概念。其中，立体构成是厚度造型，平面构成是以轮廓造型，是将不同的基本形态按一定的规则在平面上组合图案。网页是由文本、图象、Flash动画、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成，而这些元素从构成上看就是简单的点、线、面等基本元素经过艺术创造，变得更加有质感。68of70网页的平面设计网页的平面设计第一节：网页平面构成的一般形式第一节：网页平面构成的一般形式一、基础中的基础：点、线、面 点构成线，线构成面，这些是平面构成中的基本要素，也是所有平面设

21、计的基本要素。那么将这些基础中的基础运用在网页设计中，又是怎样的效果呢？点、线、面这三个东西不单纯的指一个点、一根线、一个平面。我们要善于利用文字和图形的排布，为自己的网页增添效果。网页中的每一个文字，每一个点，每一个图形都是这个网页的组成元件，文字可组成图形，图形也可组成文字，这些都不是限定死的。当我们被各种丰富多彩的页面瞭花了眼的时候，回头看看基础的平面构成图案，或许会有一些新的启发和想法，点构成多用于细碎东西，整合排布和文字排版。集中而规律的排列，从整体上抓住人们的视觉 用一条主线分割画面，线条经过的地方有相应的内容呼应。画面因为这条线而变得生动有趣，也因为它的分割功能，整合规划了不同的

22、内容区域，线构成多用于装饰与分割，同时也会有连贯的功能。线条对阅读顺序有着一定的引导作用。若点与线的构成大多为细节处理，那么面的构成则直接影响着网页整体风格和布局，与线搭配构成空间透视效果。不同的面形状，呈现出的视觉效果也不同二、各种形式在网页中的体现 平面构成中的形式在网页中常见的有：渐变形式、发射形式、对比构成。而渐变亦有形状渐变，颜色渐变。这些表现形式即丰富了画面，又能反应出网页的整体氛围，网页设计并不是单纯的作图，还需要考虑到功能性和阅读性，因此颜色渐变成为网页中常用的表达方式，形状渐变却很少见。用明度渐变的方式来表现地图背景，很好的展示了地图的样式，又没有因为色彩繁多复杂而看不清主体

23、内容。发射形式不利于文字的阅读和整体排版，所以一般发射形式多用于背景图片，或者一些小部分细节处理上。 强烈的色彩对比也会引起人们的视觉停留，这种对比方式一般多用于对立状态或者有着正反义词组的页面，也有时出现在Q版卡通页面中，对比色色彩鲜艳亮丽，反应出孩子的多彩世界。69of70网页的平面设计网页的平面设计第一节：网页平面构成的一般形式第一节：网页平面构成的一般形式三、肌理效果 肌理效果分为：视觉肌理、触觉肌理两种。介于我们使用的是网络媒体，无法做到触觉肌理，所以我们常用视觉肌理，从视觉上刺激读者的感觉，让他们从眼开始对某种肌理产生联想，联想到某个场景效果。肌理效果强烈的页面更多用于游戏官网，主题性跟强，也多伴有游戏UI应用在页面中 平