1、版式设计FORMAT DESIGN第八章不同媒体下的版式设计学习要点及目标:1.了解不同媒体下的版式设计2.掌握版式设计视线的诱导因素和空间运用3.掌握版式中内容与形式的统一4.了解不同媒体的版式设计原则1招贴设计属于户外平面广告宣传的一种形式,它以大面积的版式传达信息,具有强烈的视觉效果,是信息传递的最古老的形式之一招贴的版式设计招贴的版式设计视线的诱导因素版式设计中的视觉流程是一种视线的“空间运动”,这种视觉的版面空间流动所形成的路径线被称为“视觉虚线”,这条线连接着版面各个元素,诱导人们的阅读。合理的视觉流程设计需要设计师准确把握各部分的有机关系,只有这样才能制造和渲染出与设计内容相结合
2、的整体阅读环境,使版面脉络清晰,主体旋律明确,更好地诱导读者的视线。横向视线诱导横向视觉诱导又叫水平视觉诱导,是通过版面元素的有序排列,引导视线在水平线上左右来回移动,是最符合人们阅读习惯的流程安排。横向的视觉诱导让版面的构图趋向于平稳,能够给人带来一种安宁与平和的感受,常用于比较正式的版式设计中。线形方向竖向视线诱导因素竖向视线诱导又叫垂直视线诱导,指版面元素依据竖直中轴线为基线进行编排,引导视线在轴线上做上下的来回移动,常用于简洁的画面构成之中。这种竖式的诱导设计使版面具有很强的稳定性,有稳固画面的作用;简洁有力的视觉流向带给人一种直观坚定的感觉。线形方向斜线方向视线诱导因素倾斜方向视线诱
3、导是一种具有强烈动态感的构图形式,主要指图片或文字的排列,引导视线沿排列的倾斜方向移动。这种倾斜的视觉效果带来不稳定的心理感受,具有强烈的运动感,能够有效地吸引人们的注意力线形方向形状方向形状方向包括任何能够明确的指示方向的形状,将受众的视线引导至画面的主体部分。组合编排组合编排同一个元素或者相似的元素重复排列,可以引导受众的视线并形成一定的空间递进的感觉运动趋势运动趋势运用具有动作感强烈、幅度很大的动作或者夸张的表情,会引导受众的视线朝着运动方向去关注画面所传达的信息。空间比例版式设计的空间比例是由构成元素的面积大小所形成的。在版式编排时应将主体形象放大,次要形象缩小,使版式形成良好的主次、
4、强弱的空间层次关系,使版面富有立体感。招贴版式中的空间运用 空间方向版式设计的空间方向常常能利用构成的各项要素组合而成的近、中、远三个层次的某些方向来表现,实际上这种空间也具有幻象性,使得版面空间的方向感更更加贴切地契合主题,吸引视线,构造版面的视觉空间层次。招贴版式中的空间运用 位置位置关系的空间层次是由文字与图片的前后、上下排列产生的。版式编排时应将重要的信息安排在注目度高的位置,其他信息则编排在注目度相对较低的位置,从而形成很强的层次感,但信息的注目度却相对较低。招贴版式中的空间运用 集中版式设计中大部分元素按照一定的规律朝同一中心点聚集。集中构图能够强化版面的重点元素,同时具有内向的聚
5、拢感和向外的的发散感。招贴版式中的空间运用 空白画面中任何形式的存在,都占据着一定的空间,称为实空间,在形体之外的就是虚的空间,也被称为空白。在招贴设计中,画面空白犹如音乐的休止符。空白在画面中的不同比例直接影响招贴的风格和成败,影响到受众的视觉心理。招贴版式中的空间运用 饱满饱满的版面以图片信息为重点。它是将图片铺满整个版面,具有强烈的视觉冲击力,给人以直观的视觉感受,整体效果大方且层次分明,常用于平面广告。招贴版式中的空间运用 秩序就招贴设计而言,设计师通过对自然秩序的感知、选择和运用来创作具有合理秩序的作品以其达到与受众审美秩序的同构,如果设计作品脱离了秩序化的表达,作品必须是不符合客观
6、规律的、杂乱无章和有缺憾的,甚至是没有价值的。招贴版式中的空间运用 层次在版式设计中,利用图形强调对比营造出层次感,可以使版面更具空间延展度,引人注目。招贴版式中的空间运用 同类色彩在色相上的差别是非常微弱的,为了加强画面的对比度,可以在画面中适当地增加一些该种色彩的过渡色,也可以降低明度差异性,通过调和同类色打造和谐共生的视觉空间。同类色搭配在设计中联想与想象是创意的关键,是形成设计思维的基础。其涵义是由某事物而联想与想象起其相关的事物。客观事物之间是通过各种方式相互联系的,这种联系正是联想与想象的桥梁。通过这座桥梁,可以找出表面毫无关系,甚至相隔甚远的事物之间的内在联系性。联想与想象招贴设
7、计的创意方法比喻与象征是对某事物的特征进行描绘与渲染或一表达真挚的感情和深刻的寓意,它根据事物的相似点,在不同事物之间架起桥梁,用具体、浅显、常见的事物对深奥生疏的事物解说,使事物生动形象、具体可感,给人以鲜明深刻的印象,加深理解。比喻与象征招贴设计的创意方法夸张与变形是在招贴设计中运用丰富的想象扩大事物或直至变形的特征,增强表现效果,这种手法可以突出商品形象反映人们对商品的强烈感受。夸张与变形招贴设计的创意方法幽默与讽刺是指有趣可笑或用讥刺和嘲讽而意味深远的表达方式,画面幽默与讽刺并寓理其中。幽默与讽刺招贴设计的创意方法“解构”即“消解”,是一种分解的意识和精神,把某种统一完整的东西还原成支
8、离破碎的片段或部件。重构是事物与事物之间的某些相似因素按一定的内在联系与逻辑来进行图形符号的构成。重构方式在招贴符号中使用的是日常人们所熟悉的图形,以新的重构方式组合,引起观者的好奇心。解构与重构招贴设计的创意方法符号的乐趣在于创造,创造的过程却是充满艰辛。创意多元化能更好的促进事物的发展,打破常规,创意无止境。创意多元化招贴设计的创意方法视觉反差招贴设计的视觉反差是指不同事物或同一事物的不同方面通过视觉编排的方式的对比而形成的差异程度招贴设计的版式策略空间力场力场是人的视觉心理对空间的一种感受,受到向心力、离心力等作用力的影响,使画面产生引力和张力。向心力、离心力的产生与画面边缘的限制有一定
9、的关系,当构成元素超出画面的张力增加,充满动感;当画面元素居于版面中间而四周留有许多空白时,画面有收缩感和安定感,使视线集中到画面上。招贴设计的版式策略空白运用在招贴设计中为了能够起到很好的视觉效果,适当的运用留白艺术可以做到这一点。留白是为了使黑的部分,有文字和图片存在的部分更加突出,衬托出版面的主题。招贴设计的版式策略招贴的系列表现画面中形成一个完整的视觉印象,使通过画面和文字传达的广告信息十分清晰、突出、有力。招贴画面本身有生动的直观形象,多次反复的不断积累,能加深人们的印象,从而获得好的宣传效果。招贴设计的表现形态招贴的立体表现在设计中对立体形象进行强调、取舍、浓缩,以独到的想象抓住一
10、点或延伸放大,以更充分地表达主题思想。招贴设计的表现形态招贴的环境表现招贴本身的创意与设计很重要,同时被投放的时空也很重要,我们身在一切皆为传播媒体的时代,“无物不媒介”是环绕日常生活的显著事实。于是选择何种时段和选择什么样的环境对招贴的注意力吸引程度起到了重大效果。2单击此处添加副标题内容 DM宣传单的版式设计宣传单的版式设计什么是DM宣传广告?DM是英文Ddirect Mail的缩写,即直邮广告,主要是通过邮寄、赠送等形式传到人们手中的一种信息传达载体。DM宣传广告的类型传单、折页、请柬、立体卡片、宣传册DM是一种非轰动性效应的广告,主要以良好的创意、富有吸引力的设计语言来吸引目标对象,以
11、达到较好的信息传达效果。由于DM单版面空间有限,因此,在有限的空间里进行合理而富有创意的编排成为设计的重点。DM宣传单的版式特点DM宣传单的版式构成广告语广告语是配合标题、正文加强产品形象的短语,应顺口易记,必须言简意赅,在设计时可放在版面的任何位置,仅次于标题字体的大小,样式要独特个性,符合整体版式风格正文正文多为说明文体,基本上是标题的解释补充。正文文字一般都安排在插画的左右或上下方,正文是宣传单设计内容最多的一块,文字的大小,字体风格要根据画面整体风格进行选择标题表达设计主题的文字内容,用较大号的字体,要安排在版面中最醒目的位置DM宣传单的版式构成色彩DM宣传单多色彩丰富,运用色彩的表现
12、力,可增强版面的注目效果。插图彩色版DM宣传单多鲜艳绚丽,黑白版则层次丰富,在此版式中以图为主辅以文字,插图占据了重要的角色,有形有色具有较强的艺术感染力和诱惑力,突出主题,但插图的选择应与广告标题相配合。DM宣传单的设计原则版面干净的“可读性原则”DM宣传单的主要职责就是传达广告信息,为人们的生活提供便利服务,内容涉及人们生活的各个领域。为了方便受众查找与之相关的生活信息,设计时应分析信息重要程度,突出放大装饰重点内容,增加画面的层次感。DM宣传单整个版面必须干净整洁,画面所有元素都是为了方便查找信息服务的。引人注目的版面“诱读原则”DM宣传单版面不能太花太绚,也不能过分平静,但要做到画面具
13、有强烈的视觉冲击力,色彩运用要大胆,可重点突出DM宣传单中的某一构成要素,主次分明。3杂志的版式设计杂志的版式设计 当下杂志设计以210 x297的尺寸最为流行,加上文件的四周各出血3mm,则整个文件的尺寸为216x283的规格。杂志常见的设计尺寸7871092mm、8501168mm、8801230mm、8891194mm等。杂志一般为十六开,三十二开十六开,三十二开杂志版面常见尺寸杂志的特点与形式l周期化 杂志的出版具有时间性,可划分为周刊、半月刊、月刊等。因而期刊的封面、目录等常规信息页面的版式设计需要具有延续性,以确保刊物视觉效果的整体性和周期性。l信息化 杂志为了传递较多的信息量,页
14、面则以密集的视觉形象出现。尤其是在时讯杂志中,版面极其紧凑,在页面的每个角落都安排了信息。l风格化 期刊杂志的版面设计以文本和图像为主要视觉元素,并且明显形成了两类风格走向:一类是专业刊物,以文字编排为主,辅以简单的图片穿插,营造出刊物权威严肃的面貌。另一类是通俗刊物,图像为主导内容,辅以简单文字解释,提升视觉阅读的快感。l模块化 杂志是由不同栏目内容组成的,内容的多样多元决定了版式的模块化。在杂志的设计过程中,既要保证每个模块单元各自独立,又要保证页面整体的统一性。文字设定文字的编排要注意标题文字与正文文字的区别,一般来说,标题的文字采用粗体,没有明确的大小。正文文字的编排是和标题关联的,一
15、般采用八至十号字为佳,不要低于五号字。杂志版式设计要素杂志版式中,文字的运用要避免杂乱,易于阅读,切勿只顾着字体设计,而忘记文字的根本性目的是传达信息,表达杂志主题文字的可读性文字的编排要考虑到整个版式的构成,不能出现视觉冲突,注意版式整体层次与主次关系注意主次文字作为版式中视觉构成的重要设计元素之一,具有视觉传达的作用,在编排版式时要考虑文字在画面中的美感,做到文字与版式整体风格的统一考虑美感稳定的页面结构杂志版面设计时保持相对稳定的页面结构可以避免版式紊乱,使页面之间具有连贯性和流畅性的视觉效果,富有规律性杂志版式设计要素图片设定图片是版式内容的体现、信息的延伸以及补充。在杂志版式中使用的
16、图片大致包括:新闻图片、摄影图片以及设计图片等,现在很多杂志都形成了自己的品牌形象与艺术风格,其主要表现在对图片的内容选择及大小位置的编排上。杂志版式设计要素由于图片具有直观、醒目的特点,可以通过单张或组照独立成篇,增加杂志的可读性组图的运用在版式中去底图片的运用,使版式编排更自由,整个版式显得活跃,给人轻松愉快的视觉效果去底图的运用图片以出血图的形式编排在版式中,使版式具有强烈的空间感,版式具有活力出血图的运用将图片以背景的形式出现在版式中,将整个版式更具有层次感,可以改变文字单调乏味的设计背景图的运用网格设置网格的运用使整个版式显得紧凑,阅读更流畅。杂志版式中的网格有单栏、双栏及多栏之分(
17、图)。根据设计需要,还可以采用打破网格的形式编排版式,使网格在版式中若隐若现,具有很大的自由性,营造出轻松、活泼的氛围。杂志版式设计要素标注的运用标注是一种解释说明性文字,在杂志版式中,起着说明的作用。标注,对版式进行局部说明,使读者在阅读的时候能快速了解版式信息。标注是很多时尚期刊杂志版式构成的重要设计元素,很多期刊杂志在版式中采用去底图片的编排方式,即达到了说明图片的作用,同时使版式具有层次感。标注一般以小面积的形式编排在版式中,起到了点的衬托作用,增添了版式的活力,能更清楚明了地将信息传递给读者。杂志版式设计要素具有鲜明突出的主题杂志版式设计中各种视觉元素按照一定的主次关系和形式美法则进
18、行有条理性的组织的排列。然后来共同说明或表达一个问题或一种含义。也就是其各种视觉元素必须要围绕一个视觉中心来突出一个设计主题或思想主题。杂志版式的设计原则内容与形式的统一在整体的宏观调控中把版式设计中的个元素进行有机融合,在强调设计主题时,通过版面内各局部元素的整体筹划与协调编排,进而使版式效果具有鲜明的秩序性和节奏感,才能实现杂志版式设计的“形散而神不散”的诉求目标,最终完成杂志版式设计的艺术推广价值和社会运用价值。杂志版式的设计原则强调整体视觉布局将版式各种编排元素(图与图、图与文字)在编排结构及色彩上作整体设计。当图片和文字少时,则需以周密的组织和定位来获得版面的秩序。杂志版式的设计原则
19、4报纸的版式设计报纸的版式设计常见报纸版面的分类按一般常规,报纸广告的版面大致可分为以下几类:跨版、整版、半版、双通栏、单通栏、半通栏、报眼、报花等。究竟选择哪种版面作广告,要根据企业的经济实力、产品生命周期和广告宣传情况而定。报纸版式设计的概念与分类报纸版面的开型以版面大小分,有大报和小报之分:(1)大报一般指对开报纸,多为全国性的日报,如图8-77所示。(2)小报一般指四开报纸,多为地方报纸,大的企事业单位主办的报纸。如高校校报、厂矿报纸报纸版式设计的概念与分类正确引导一个好的版面可以更好地表现舆论导向的正确性、版面内容的可读性,也可充分展示其可欣赏性。对读者而言,看到这样的版面是一种享受
20、,会引起你精读内容的强烈欲望报纸版式的设计原则巧用图片在报纸版式设计中,各种大小不同的照片安排的是当与否,对形成版面的视觉中心有着直接的关系,它在最短的时间内,以最少的笔墨就能牢牢抓住读者的眼球,增加报纸的购买力报纸版式的设计原则巧用线条在报纸版面中,“线”主要用来构成版式中的骨架。这里所指的线,并不是指单纯的“点的运行轨迹”,而是面(即文章)与面的界定。它可以是无形的留白,也可以是或粗犷或纤细的明确的“线”。报纸版面中,线不仅具有位置、长度的变化,还具有粗细、空间、方向的变化。线的这些视觉特征是它在版式设计中最主要性质。报纸版式的设计原则简洁易读“简洁易读”是现代报纸版面设计的天条。随着社会
21、的不断进步、生活节奏的加快和人们视觉习惯的改变,要求报纸版面设计效果简洁易读,提高受众在单位时间、空间的读报效率,减轻读者视觉的生理和心理压力,使读者的视线(视觉运动轨迹)更为流畅。5网页的版式设计网页的版式设计网页版式设计概念?网页是基于网络的新的媒体形式,随着社会的不断进步,网络越来越贴近我们的生活,网页设计作为网络的一部分,主要是通过专门的设计软件,在网络中存在的一种延伸,主要是在计算机上进行的一种信息传达形式将版面中有关信息要素做有效地配置,使之成为易读的形式,使人们在阅读过程中能够了解并记忆内容所传达的信息,有效地提高对版面的注意,达到版面设计内容网页版式设计的目的标题标题是整个网页
22、设计中版式的主要内容归纳,一般分布在网页的上半部分常见的网页版式布局导航导航主要分布在网页的顶部与左右两边,起到引导读者阅读的作用常见的网页版式布局正文网页设计中,正文一般分布在网页的中间,采用分栏的形式将图片与文字有序地编排常见的网页版式布局直观性让版式直观而明确,脉络清晰,就要在在文字与图片的设计编排上下功夫,注意文字与图片的比例关系。想要让用户更容易获取信息,需要让图片和文本相互配合,让视觉化的图片来营造氛围,优先传递大概的信息和感受给用户,文本则提供详细而精准的内容,确保信息准确可用,当然文本也需要尽量轻松易懂网页版式设计的原则易读性网页版式具有“动”的特征,这也就要求网页版面中的文字
23、编排要以易读性为原则。字体过小、太密、过多装饰甚至跳跃性地插入页面布局中,都是不易读的表现。网页版式设计的原则美观性在确保了版面设计的直观性和易读性之后,考虑画面美观的问题。为了实现美观性,需要考虑版面设计风格、配色和页面构成等要素了。文字设计网页版式设计中文字的编排宜简单、清晰,使其能够快速、准确地传达网页信息。每行字数不宜过多,一般不超过30个字,以免造成视觉上的疲惫感网页版面的构成元素图形符号图形符号在版式中除了能够使信息展示更加具像化,还具有调节版式活跃度的作用,它能使版面更为生动、丰富。网页版面的构成元素色彩设计在编排网页版式时,设计师应合理地运用色彩,使版面给人以视觉美感。此外,设
24、计师还应深入分析网站的性质、经营目的或运作模式等因素来恰当地选择色彩,以使其更好地体现网站主旨思想网页版面的构成元素多媒体的创意表现多媒体的版式构成元素有图形、图像、文字、动画、视频和音效等多种。它是一个连贯的能动的画面,并不象平面设计一样是一个单画面。因此,就需要在设计版面的时候,注意在众多版面中的变化和统一。在色彩方面,要注意前后的呼应,还有字体,包括小符号都要强调前后的呼应关系,以免脱离了主题的特色。在多媒体作品中,每个动态之间的巧妙的穿插要有创新性网页版面的构成元素网页版式设计中的分割构成主要表现为:线条对一张图片以及多张图片尽享分割,使其整齐有序的排列在版面上。分割构成网页版式设计构
25、成页面中的对称构成与排列,强调了水平线的作用,使页面具有安定、平静的感觉,观众的视线在左右移动中捕捉视觉信息,符合人们的视觉习惯。对称构成网页版式设计构成网页版式中平衡是一种有变化的均衡。它运用等量不等形式来表现矛盾的统一性,揭示内在的含蓄的秩序和平衡,达到一种静中有动或动中有静的条理美和动态美。平衡构成网页版式设计构成6手机手机APP界面的版式设计界面的版式设计什么是手机APP界面版式设计?手机界面是用户与手机系统、应用交互的窗口。APP是英文Application的简称,APP界面设计是在符合操作逻辑,方便人机互动的基础上做视觉上的美化。好的手机界面不仅能让软件变得有趣有品位,还会让软件的
26、操作变得舒适、简单、自由,充分体现软件的定位和特点进行合理、美观、实用的一种设计首页界面首页是手机APP界面的重要组成部分,它承担了与用户的绝大部分交互。首页具有导航元素,方便用户可以访问不同的功能区,轻松搜索到他们所需要的内容。手机APP界面设计的类型登陆界面现在大部分手机APP都需要用户创建账号,因此在手机APP中登陆界面的设计就尤为重要了。登陆界面应该简洁明了,以便用户可以轻松访问应用程序,一般界面都具备用户名称和密码以及确认按钮。手机APP界面设计的类型游戏界面游戏分为不同类型,所以界面的风格也不一样。一般三维效果应用较为普遍,颜色新颖,版式新奇,主题明确。手机APP界面设计的类型播放
27、器界面播放器界面一般都很简洁、精美。界面中的元素、按钮都会风格统一。看起来具有整体性,美观时尚。手机APP界面设计的类型网站界面网站界面设计承载着图像、视频、动画等多种新媒体,网页的内容更是丰富多彩。网站界面设计最重要的是注重用户的体验效果,使用户能够方便快捷地搜索到需要的信息。手机APP界面设计的类型需求分析调研验证方案改进设计分析手机APP界面的设计流程手机的基本尺寸标准及分辨率移动设备中各尺寸的标准及分辨率手机的基本尺寸标准及分辨率移动设备中各尺寸的标准及分辨率平板的基本尺寸标准及分辨率移动设备中各尺寸的标准及分辨率手机APP界面设计的法则界面风格一致性一方面是指设计语言在表达上的一致性
28、,例如图标、色调,布局、文字字体及大小等的统一性;另一方面是指界面在信息的表达、界面控制等方面与用户交互模式相一致。层级关系正文多为说明文体,基本上是标题的解释补充。正文文字一般都将主流用户最常用20%功能进行显示,其他进行适度的隐藏,越不常用的功能,隐藏的层级越深,需注意界面设计时的主次关系。页面布局规范对APP界面设计布局中,必须要重视文字和图片分量相当,同时对元素的使用也要重视元素在整个布局中的格调,在布局中要考虑用户手机的稳定性,并且在手指触及的区域中会呈现出一个“扇环”区域。界面视觉平衡通过把握文本与空白的显示比例、图形样式的繁简度、背景色彩与主体图标的明暗对比等控制视知觉中力的平衡。手机APP界面设计的法则色彩识别效果强要重点注意使用一些色彩识别效果强的界面颜色同时要重视整个APP色调达到相互统一和谐。这样不仅会出现一个更好的界面视觉效果,与此同时也会对用户的使用情绪进行感染。界面体验易操作这主要体现在文字、图案、操作流程方面。文字字体要易于识别,根据字体大小来突出相关重点信息,图案要与大众认知标准相符,与现实中的实物相似度越高,用户越容易识别。避免冗长在界面设计时要考虑尽量减少用户的输入,输入时给出适当的参考,以尽量减轻用户的记忆负担,避免冗长。