式设计的视觉表现与基本程序学习教案

1、会计学1式设计的视觉表现式设计的视觉表现(bioxin)与基本程序与基本程序第一页，共51页。一一第1页/共51页第二页，共51页。因为人的视野极为有限，不能同时感受所有的因为人的视野极为有限，不能同时感受所有的物象。所以必须按照一定的顺序来进行物象。所以必须按照一定的顺序来进行(jnxng)观察，观察，感知外部环境。版式设计的视觉流程是视线随感知外部环境。版式设计的视觉流程是视线随着元素在版面空间沿着一定的轨迹运动的过程。着元素在版面空间沿着一定的轨迹运动的过程。第2页/共51页第三页，共51页。概念概念(ginin)GAINIAN1第3页/共51页第四页，共51页。视线一般受到人眼的生理机

2、构限制，只能产生一个(y )焦点，不能同时把眼睛停留在两个地方，因而必须按照一定顺序观察通常在一个(y )版面上，比较醒目的区域在版面的左上部和中上部，位置靠上的版面区域让人舒服；位置靠下的和右下方的版面区域让人又压抑感。因而，把版面中左上边和中上部称为“视觉焦点”，这是人习惯视线规律。什么什么(shn me)是视觉流程是视觉流程第4页/共51页第五页，共51页。视觉流程是视线在版面上按照诉求一步(y b)一步(y b)向下阅读时，视线游走的过程。它受到版面形式的诱导和眼睛习惯运动的影响。通常，视觉流程是一条“隐线”，它不会直接呈现在版面上，而是通过版面中的各种元素之间的关系来影响阅读。第5页

3、/共51页第六页，共51页。视觉流程可以为版面建立脉络，似乎有一条线、一股气贯穿期内，使整个版面的运动趋势有视觉流程可以为版面建立脉络，似乎有一条线、一股气贯穿期内，使整个版面的运动趋势有“主体旋律主体旋律”，细节与主体犹如树干与树枝一样和谐。能否巧借应用这条横穿，细节与主体犹如树干与树枝一样和谐。能否巧借应用这条横穿(hn chun)在版面上的主线，是设计师版式设计技巧高低的体现。在版面上的主线，是设计师版式设计技巧高低的体现。视觉视觉(shju)流程的表现形式流程的表现形式第6页/共51页第七页，共51页。单向视觉流程是最常规的流程，它按照一个方向编排下去。这种视觉流程简洁、有效。单向视觉

4、流程分为(fn wi)横向视觉流程、竖向视觉流程、斜向视觉流程。1 单向单向(dn xin)视觉流程视觉流程视觉视觉(shju)流程流程第7页/共51页第八页，共51页。横向视觉流程横向视觉流程引导视线左右流动，是最常用的视觉流程。但在文章编排上引导视线左右流动，是最常用的视觉流程。但在文章编排上一排不能太多。一排不能太多。竖向视觉流程竖向视觉流程一般用在竖向版式上一般用在竖向版式上视线作上下流动。视线作上下流动。斜向视觉流程。斜向视觉流程。斜向视觉流程比之水斜向视觉流程比之水平垂直线有更强的视平垂直线有更强的视觉诉求力，会把我们觉诉求力，会把我们的视线往斜方向的视线往斜方向(fngxing)

5、引导引导以不稳定的动态引起以不稳定的动态引起注意。注意。第8页/共51页第九页，共51页。第9页/共51页第十页，共51页。第10页/共51页第十一页，共51页。曲线视觉流程不如单向视觉流程直接简明，但更具韵味(ynwi)、节奏和曲线美。它可以是弧线形“S”具有饱满、扩张和一定的方向感。2 曲线视觉曲线视觉(shju)流程流程视觉视觉(shju)流程流程第11页/共51页第十二页，共51页。第12页/共51页第十三页，共51页。通过诱导元素，主动引导(yndo)读者视线向一定方向顺序运动，由主及次，把画面各构成要素依序串联起来形成一个有机整体，使重点突出，条理清晰，发挥最大的信息传达功能。3

6、导向视觉导向视觉(shju)流程流程视觉视觉(shju)流程流程第13页/共51页第十四页，共51页。编排中的诱导元素有虚有实，其表现形式多样，如文字(wnz)与图片的大小对比诱导、手势诱导、标签诱导、形象诱导（目光方向、手指方向、指示标志）等。第14页/共51页第十五页，共51页。指版面图与图、图与文字之间成自由分散状编排。强调感性、自由随机性，偶合性、空间感和动感，追求新奇、刺激、常表现(bioxin)为较随意的编排形式。它的阅读过程不如直线、弧线等流程快捷，视觉跳跃产生生动有趣的感觉。也许这正是版面刻意追求的轻松随意与慢节奏的效果，这种方式在国外平面设计中十分流行。4 散点视觉散点视觉(

7、shju)流程流程视觉视觉(shju)流程流程第15页/共51页第十六页，共51页。第16页/共51页第十七页，共51页。以上四种基本的视觉流程由于不同的设计媒介，其功能与要求不同，体量(t lin)和形式有别，流程应用亦不相同。对于视觉流程的理解，还应延续至设计范围外相关的环境的视觉关系，设计上应确立以下几种观察方法： 一方面要有整体观，把设计放在特定的环境之中，作为一个整体考虑。在统一的视觉流程中观察，并决定其流程秩序。第17页/共51页第十八页，共51页。另一方面要有立体观，如在包装盒这个立体造型中，从主要展示面到次要展示面依次展现，这就是它的视觉流程。在视觉传达设计中，设计师通过以上视

8、觉流程的原则方法，完全可以引导观者的视线。能否善于掌握和运用(ynyng)这条视觉i流程的主线，是检验设计师对视觉流程设计的掌握及熟练的标准。第18页/共51页第十九页，共51页。指版面图与图、图与文字之间成自由分散状编排。强调感性、自由随机性，偶合性、空间感和动感(dn n)，追求新奇、刺激、常表现为较随意的编排形式。它的阅读过程不如直线、弧线等流程快捷，视觉跳跃产生生动有趣的感觉。也许这正是版面刻意追求的轻松随意与慢节奏的效果，这种方式在国外平面设计中十分流行。第19页/共51页第二十页，共51页。应用应用(yngyng)YINGYONG2第20页/共51页第二十一页，共51页。根据作品主

9、题的要求，有部分内容需要根据作品主题的要求，有部分内容需要(xyo)引起引起读者的注意，可以采用突出部分文字、图片、读者的注意，可以采用突出部分文字、图片、色彩来安排顺序。色彩来安排顺序。第21页/共51页第二十二页，共51页。通过区分文字大小来设计阅读的顺序。文字大小通常称为“字号”，大字号文字具有明显的提示作用，在版面上大的字容易被看见， 通常用在需要突出的内容(nirng)上。字号一样的文字，没有明显的先后顺序，是同一个视觉等级。粗体文字也容易引起读者的注意，但是小号文字采用粗体就容易模糊不清。1 通过文字大小和方向通过文字大小和方向 来创建视觉来创建视觉(shju)流程流程视觉视觉(s

10、hju)流程流程第22页/共51页第二十三页，共51页。第23页/共51页第二十四页，共51页。当页面中出现许多图片时，如果图片面积一样大，它们的顺序就是常规的视觉流程。为了引起人们的注意，可以把一张图片放大，其他图片缩小，这是通过图片大小对比产生视觉焦点。同时还可以应用“推进”视线，就像摄像头的焦距变成近焦，一张远景为细节的图片编排(binpi)在一起，细节图片会成为视觉焦点。1 通过图片大小通过图片大小 来规划来规划(guhu)视觉流程视觉流程视觉视觉(shju)流程流程第24页/共51页第二十五页，共51页。第25页/共51页第二十六页，共51页。通过改变颜色来区分顺序，通常纯度高的颜色

11、比纯度低的颜色更加明显，但是(dnsh)色彩和面积大小有一定关系，一般强对比的色彩容易引起读者的重视，大面积是一种色彩时，搭配一种小面积的其他颜色，会有突出画面的感觉。3 通过通过(tnggu)颜色颜色 来建立视觉流程来建立视觉流程视觉视觉(shju)流程流程第26页/共51页第二十七页，共51页。第27页/共51页第二十八页，共51页。三三第28页/共51页第二十九页，共51页。开本开本(kibn)与版面与版面KAIBENYUBANMIAN1第29页/共51页第三十页，共51页。1 开本开本基本基本(jbn)原则原则“ 开本“是出版业中专门用以表示书刊幅面大小(dxio)的的行业用语，指用全

12、张印刷纸开切的若干等份。开本的大小(dxio)以“开数”来区分。开本的大小(dxio)受到国际国内的纸张幅面影响，因此虽然被分切成同一开本，但其规格的大小(dxio)并不一样。第30页/共51页第三十一页，共51页。目前16开本的尺寸有188mm x 265mm、210mm x 297mm等在实际生产中常将幅面为787mm x 1092mm全张纸称为正度纸将幅面为889mm x 1194mm的全张纸称为大度纸。由于国内造纸设备纸张及已有纸型等诸多原因(yunyn)，目前裁切规格尺寸大度为大16开本 210mm x 297mm大32开本 148mm x 210mm大64开本 105mm x 14

13、8mm A系列(xli)开本第31页/共51页第三十二页，共51页。正度为：正度为：16开本开本(kibn) 188mm x 265mm32开本开本(kibn) 130mm x 184mm64开本开本(kibn) 92mm x 126mm A系列(xli)开本第32页/共51页第三十三页，共51页。2 版面版面(bnmin)基本基本(jbn)原则原则一张页面中，除去切口(qi ku)、订口、天头、地脚四周的空白部分就是版面，在报刊、书籍、折页手册中等于一个完整的页面。在书籍中指印刷好的页张，包括图文，余白整个部分。第33页/共51页第三十四页，共51页。基本基本(jbn)原则原则2版面版面(b

14、nmin) 版面是各类平面媒体一页上编排布局的整个产物，它包括文字、图形、色彩、标题、插图、页码、构成等元素。这些(zhxi)元素是版面构成的基本条件，也是版面风格基础，每种元素在版面中扮演自己的角色，编排设计就是让版面元素更加优美和科学。第34页/共51页第三十五页，共51页。版面版面(bnmin)率率BANMIANLV2第35页/共51页第三十六页，共51页。版面率是版面和开本之间的比率。在确定开本之后，排版之前，版面率要首先考虑，可以预防在装订时和印后工艺(gngy)时出错。版面率越大，书刊中的信息越多；版面率越小，书刊中的信息越少。由于比率的不同，给读者的感觉不一样，一定要根据作品不同

15、的定位和读者的阅读习惯来设计。第36页/共51页第三十七页，共51页。A系列(xli)开本第37页/共51页第三十八页，共51页。在设计版面的时不但要考虑版面率的大小，还要考虑位置，一般版面是在页面的中间，但是在特殊页面设计时可以布局在其他位置。既可以靠近切口的位置，以不影响阅读为前提。特别是在页数较多的印刷品的设计时，为了区分篇、章、节，可以采纳版面位置变化来区分内容即使在对页情况下，左右(zuyu)版面设计也可以不一样第38页/共51页第三十九页，共51页。1 版面版面(bnmin)率扩大率扩大基本基本(jbn)原则原则版面确定后，如果在设计(shj)时减少四周的空白面积，版面率就扩大，相

16、应信息的容量就会相应扩大。与常规的版面率相比较，满版的设计(shj)给人活泼的感觉，同时信息量较多时，考虑读者能够获得更多内容，采用扩大版面率来完成设计。第39页/共51页第四十页，共51页。2 版面版面(bnmin)率缩小率缩小基本基本(jbn)原则原则与版面率扩大相反，版面率缩小就是扩大版面四周的空白面积，中间版面就会缩小，相应的内容就会减少。这样的版面给人安静、稳重的感觉，常用(chn yn)在诗集、散文的版式上。第40页/共51页第四十一页，共51页。第41页/共51页第四十二页，共51页。3 标准标准(biozhn)版面率版面率基本基本(jbn)原则原则威廉 莫里斯的版面标准(bio

17、zhn)：英文排版中，标准(biozhn)的版面比率是 ：比率按照 1 : 1.2 : 1.44 : 1.73第42页/共51页第四十三页，共51页。1 : 1.2 : 1.44 : 1.73第43页/共51页第四十四页，共51页。基本基本(jbn)原则原则3 标准标准(biozhn)版面率版面率JONJJI AREN ANDO ANUIN公司的版面标准(biozhn)英文排版中，标准(biozhn)的版面比率是 ：比率按照 1 : 1.5 : 2 : 3第44页/共51页第四十五页，共51页。1 : 1.5 : 2 : 3第45页/共51页第四十六页，共51页。图版图版(tbn)率率TUBANLU3第46页/共51页第四十七页，共51页。1 什么什么(shn me)是图版率是图版率基本基本(jbn)原则原则图版率是指一张页面中图片所占版面面积的比例它不包含文字文本，通过它可以控制(kngzh)书刊中文字和图片的比例，能够反映期刊的风格。第47页/共51页第四十八页，共51页。基本基本(jbn)原则原则1 什么什么(shn me)是图版率是图版率当对页打开时，整个版面全部都是图片，它的图版率是100%，如果图片中的信息不够，就如儿童书籍一样，显得空洞。整个版面没有一张图只有文字它的版面率是0%，读者在这样(zhyng)的版面中阅读时感觉沉闷。通常以商业活动为目的的版面图版率