平面设计专题：版式设计基础知识.ppt

单击此处编辑母版标题样式,编辑母版文本样式,第二级,第三级,第四级,第五级,*,亨,特,来,PPT,课件工作室,04,版式设计的基本步骤,01,版式设计的基本,概念,02,版式设计的基本原则,03,版式设计的基本类型,1.1,版式设计的定义,包装设计,版式设计：,又称为,版面设计、编排设计,，它是,按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字、图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法,。它涉及,到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域,。版式,设计是设计专业的必修课程，也是基础,课程，,是现代设计家必须具有的艺术修养和技术知识,。,1.2,版式,设计三大视觉,要素,(1),文字,：,主题,内容,(,标题、正文、注解等,),离不开文字，通过文字获得主要信息。,设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解,。,(2),图形,和图像：,图片,在版面设计中，占有很大的比重，视觉冲击力比文字强,85%,。,但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实,。,1.2,版式,设计三大视觉,要素,文字,版中加入图形图片立即引起视觉流程的,变化图形,的形式、大小、数量,影响读者,注意力主题,借助图形、图片来增强文字说服力，提高阅读兴趣,。,1.2,版式,设计三大视觉,要素,明度高：可获得明亮、轻松感；,明度低：可获得深沉、庄严感；,(3),色彩,：,色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至,“,色彩行销,”,的策略，成为商品促销、品牌塑造的重要手段,。,1.2,版式,设计三大视觉,要素,暖色调：,可获得温暖、热烈感；,冷色调：可获得清冷、宁静、神秘感；,04,版式设计的基本步骤,01,版式设计的基本概念,02,版式设计的基本原则,03,版式设计的基本类型,2.1,基本原则,主题与,导读,鲜明主题的诱导,力,：,目的：清晰,的条理性，最佳形式感，最佳诉求,效果。价值：吸引,注意力，易解。,2.2,基本原则,形式与内容统一,前提,：,形式符合主题思想内容,。,常见现象,：,形式脱离内容，缺乏艺术表现，空洞和刻板。,2.3,基本原则,强化整体布局,图与图、图与,文在,编排结构及色彩上做整体设计。,获得整体性的方法：,(1),加强,整体的结构组织方向视觉秩序，如水平结构、垂直结构、倾斜结构、曲线结构等。,(2),加强,文案的集合性，将文案中多种信息组合成块状，增强版面文字的条理性和清晰的导读性。,(3),加强,展开页的整体设计。无论是连页、跨页、折页，或是展开页的设计，均为同一视线下展示的版面，因此加强整体性可以获得更加良好的视觉效果。,2.4,基本原则,技术与艺术的统一,设计者,应结合现代各种工艺，进行作品的创作，否则设计作品将会在现行技术下无法实施。,技术,与艺术的统一,04,版式设计的基本步骤,01,版式设计的基本概念,02,版式设计的基本原则,03,版式设计的基本类型,3.1,版面,设计的编排形式法则,3.1.1,单纯,与,秩序,也就是基本,形的,简练和编排,结构的简明、单纯,。运用,理性和逻辑思维，对图文资料进行大胆取舍，创建清晰的形式感,。单纯,化可使版面获得完整、秩序、明了感和良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍,。,3.1.2,对比,与调和,对比，,是,将相同或相异的视觉元素作强弱对照编排所运用的形式手法,。简洁,明快的对比关系是获得强烈视觉效果的重要手段,。,调和，,是指内容,与形式的,调和，版面,各部位、各视觉元素之间寻求相互协调的因素，也是在对比的同时寻求调和,。,对比强调差异，产生冲突；调和寻求共同点，缓和矛盾。,3.1,版面,设计的编排形式法则,3.1.3,对称,与均衡,对称,与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感,。关于,对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡,。,绝对,对称均衡给人庄重、严肃之感，是高格调的表现，是古典主义版面设计风格的表现，但处理不好容易单调、呆板。,绝对对称均衡,3.1,版面,设计的编排形式法则,3.1.3,对称,与均衡,对称,与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感,。关于,对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡,。,上下或左右基本相等而略有变化，又称相对对称均衡。,相对对称均衡,3.1,版面,设计的编排形式法则,3.1.3,对称,与均衡,对称,与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感,。关于,对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡,。,非对称,均衡是指版面中等量不等形，而求取心理上,“,量,”,的均衡状态,。非对称,均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，具有现代感的特征。,非对称均衡,3.1,版面,设计的编排形式法则,3.1.4,节奏,与韵律,所有,的艺术都在不断地向着音乐的境界努力。,”,沃尔特,.,佩特,节奏,与韵律来自音乐的概念，也是版式设计常用的形式,。节奏,是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。如舒缓的小夜曲，又如激烈的摇滚乐。无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉，即是韵律,。主要,建立在以比例、轻重、缓急或反复、渐变为基础的规律形式上。,3.1,版面,设计的编排形式法则,3.1.4,节奏,与,韵律,画面中的韵律感,3.1,版面,设计的编排形式法则,3.1.5,虚实,与留,白,版面,中的,“,虚,”,，可为空白，也可为细弱的文字、图形或色彩，主要依具体版面而定,。为了,强调主体，可有意将其它部分削弱为虚，甚至以留白来衬托主体的,“,实,”,，所以留白是版面,“,虚,”,处理中一种特殊的手法,。版面,中的虚实关系为以虚衬实，实由虚托。,3.2,版面,设计,的常见类型,3.2.1,上下分割型,整,个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文,字，安静平稳但稍显呆板。因为图,片部分感性而有活力，而文字则理性而静,止，多以图片要选择动感活泼的，文字应稍多些，从而调节版面效果。,3.2,版面,设计,的常见类型,3.2.2,左右分割型,整,个版面分割为左右两部分，分别配置文字和图,片。左,右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自,然如,果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和,谐。,3.2,版面,设计,的常见类型,3.2.2,左右分割型,由,于视觉原因，图片一般放置在左边，右侧配置小图片或者文字。两侧明暗对比强烈效果会更好。,3.2,版面,设计,的常见类型,3.2.3,倾斜型,版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，产生动感，引人注目。对于汽车或者较为呆板的产品宣传，倾斜放置效果较生动。,3.2,版面,设计,的常见类型,3.2.4,中轴,型,将,图形作水平方向或垂直方向排列，文字配置在上下或左,右。水,平排列的版面，给人稳定、安静、平和与含蓄之,感；垂,直排列的版面，给人强烈的动感。,3.2,版面,设计,的常见类型,将,图形作水平方向或垂直方向排列，文字配置在上下或左,右。水,平排列的版面，给人稳定、安静、平和与含蓄之,感；垂,直排列的版面，给人强烈的动感。,3.2.5,三角型,在,圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素,。,3.2,版面,设计,的常见类型,3.2.6,满版型,案 例,版面,以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像,上。满,版型，给人大方、舒展的感觉。是商品广告常用的形,式。,3.2,版面,设计,的常见类型,3.2.7,并置型,将,相同或不同的图片作大小相同而位置不同的重复排,列并,置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏,感。,04,版式设计的基本步骤,01,版式设计的基本概念,02,版式设计的基本原则,03,版式设计的基本类型,4.1,版面,设计,的基本步骤,1.,确,定主题,（需要传达的信息）,2.,寻找、收集用于表达信息的素,材,（,含,文字、图形图,像,）,文字表达信息最直接、有效，应该简洁、贴切,应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色色系）,3.,确定版面视觉元素的布局（类型）,4.,使用图形图像处理软件进行制作,4.2,案例分析,错误1：页边空白太少,裁,切时稍有疏忽，文字就会被裁掉而影响阅读,。页,边文字太多，看起来很不舒服。,修正方法：设定合适的页边距,扩,大页面切口处的页边距，然后依据页边距调整文字的位,置,。,4.2,案例分析,4.2,案例分析,错误2：不能不考虑订口,订,口、文字与主要图片中人物的手部发生重,合如,果是有折痕或有装订的宣传样本，这个部,分的,内容就会变得难看甚至看不到。,修正方法：不要把重要内容放在订口处,重,新安排主要图像的位置，避免订口与重要内容发生重合。在有中间折缝的印刷品中，需要考虑印刷品完成之后的效果，订口处留有必要的空间,4.2,案例分析,4.2,案例分析,错误3：意图不明确的布局,照片与人物介绍所安排的位置关系意图不明,确给,人一种随意处理或还未处理完的感觉。,修正方法：综合同类性质的要素,把,性质相近的同类要素尽量靠近安排，使它们看上去是一组内容。,4.2,案例分析,4.2,案例分析,错误,4,：,不知道从哪里开始阅读,Information,这则补充信息的文字字号过大，看起来像是文章的标题。如果想从这里吸引读者，读者则会迷惑，不知道怎样来阅读文章。,修正方法,：按,照文字字号的大小来控制内容的先后顺序,缩,小并不十分重要的文字字号，将标题设计成,最显,眼的部分，使读者能首先注意到这个部,分,。,4.2,案例分析,错误被修正后，画面看起来舒服很,多,4.2,案例分析,