《版面设计的视觉流程课件.ppt》由会员分享,可在线阅读,更多相关《版面设计的视觉流程课件.ppt(51页珍藏版)》请在三一办公上搜索。
1、版面设计的视觉流程,16、自己选择的路、跪着也要把它走完。17、一般情况下)不想三年以后的事,只想现在的事。现在有成就,以后才能更辉煌。18、敢于向黑暗宣战的人,心里必须充满光明。19、学习的关键-重复。20、懦弱的人只会裹足不前,莽撞的人只能引为烧身,只有真正勇敢的人才能所向披靡。,版面设计的视觉流程版面设计的视觉流程16、自己选择的路、跪着也要把它走完。17、一般情况下)不想三年以后的事,只想现在的事。现在有成就,以后才能更辉煌。18、敢于向黑暗宣战的人,心里必须充满光明。19、学习的关键-重复。20、懦弱的人只会裹足不前,莽撞的人只能引为烧身,只有真正勇敢的人才能所向披靡。版面设计的视觉
2、流程,1、一条垂直线在页面上,会引导视线作上下的视觉流动;,2、水平线会引导视线向左右的视觉流动;,3、斜线比垂直线、水平线有更强的视觉诉求力;,3、斜线比垂直线、水平线有更强的视觉诉求力;,4、矩形的视线流动是向四方发射的;,5、面积大的圆形的视线流动是曲线的;面积小的圆形视觉流动是聚合的,6、三角形则随着顶角之方向使视线产生流动;,7、各种图形从大到小渐层排列时,视线会强烈地按照排列方向流动。,经验丰富的设计者都对此非常重视,他们善于运用这条贯穿页面的主线,设计易于浏览的页面。从某个角度讲,视觉流程的设计结果就是版式。,人们是怎样看图片的?研究者们发现,我们眼睛浏览图片时不是处在一种连续不
3、断的扫视之中,而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。记住这一点,我们应注意下列一些情况。,观看这张图的时候,你先看到了什么,后看到了什么,A、眼睛有一种停留在一幅画面左上角的倾向。,B、眼睛总是顺时针看一张图片。,C、眼睛总是先看图,再看底。,D、眼睛总是首先看图片上的人,然后是注意诸如云彩、汽车等移动的物体,最后才注意到固定的物体。既然我们都有一种从左到右、从上到下观察物体的习惯,毫无疑问,追寻这些视觉规律构建你的画面是最好的方式。,二、视觉流程的形式,1.视觉流程的筹划 视觉流程是版式设计的重要内容,可以说,视觉流程运用的好坏,是设计者技巧成熟与否的表现。视觉流程的筹划包括
4、几个重要的因素,下面就对它们作具体的归纳与分析。,2 视觉流程类型 视觉流程主要包括以下几种类型:线型视觉流程 曲线视觉流程 焦点视觉流程 反复视觉流程 导向视觉流程,线型视觉流程 线型视觉流程,分为直线视觉流程和曲线视觉流程两类。1、直线视觉流程 使页面的流动线更为简明,直接地诉求主题内容,有简洁而强烈的视觉效果。直线视觉流程表现为三种形式:,竖向视觉流程:给人坚定、直观的感觉。,明确、简洁的竖向视觉流程,横向视觉流程:有稳定、恬静之感。,横向的视觉流程,向人们传达出稳重、可信的视觉语言,斜向视觉流程:以不稳定的动势引起注意。,曲线视觉流程曲线视觉流程,是由视觉要素随弧线或回旋线运动而形成的
5、。它不如直线视觉流程直接简明,但更具流畅的美感。曲线视觉流程的形式微妙而复杂,可概括为两种形式:弧线形(C形)视觉流程:有扩张感和方向感。,弧线形视觉流程,使页面具有很强的扩张性,回旋形(S形)视觉流程:两个相反的弧线则产生矛盾回旋,在平面中增加深度和动感。,重心的视觉流程,重心是指视觉心理的重心,重心有三种概念:1、以强烈的形象或文字独据版面某个部位或完全充斥整版。其重心的位置因其具体画面而定。在视觉流程上,首先是从版面重心开始,然后顺沿形象的方向与力度的倾向来发展视线的进程。,向心:视觉元素向版面中心聚拢的流程。,离心:犹如将石子投入水中,产生一圈一圈向外扩散的弧线运用。重心的视觉程使版面
6、产生强烈的视觉焦点,使主题更为鲜明而强烈。,反复视觉流程 反复视觉流程是指网页中相同或相似的视觉要素,作规律、秩序、节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。,视线导向 一组人物、动物面向同一方向,会因共同的视线而一致起来。不同的物品方向一致,也可以产生统一感。如果将页面中人物的视线对着物品,就会引导浏览者的视线集中到物品上。充分利用视线导向,可以使视觉元素之间的联系加强,结构更加紧凑。,页面中的图像将视线引向画面以外,最佳视域注目程度不同,给人心理上的感受也不同。1、上部给人轻快、漂浮、积极、高昂之赶;下部给人压抑、沉重、限制、稳定的印象;2、最重要的信息,应安排在注目率最高的页
7、面位置,这个位置就是页面的最佳视域。3、浏览者的眼睛首先看到的是页面中间偏上的区域。4、根据视觉心理学的研究,人的视线对于版面的视觉诉求力大体是上部比下部强,左半部比右半部强。,2,1,三、视觉流程运动中应注意的事项1、视觉流程的逻辑性 首先要符合人们认识的心理顺序和思维活动的逻辑顺序,内容主次顺序应该与其吻合一致。,2、视觉流程的节奏性(对比)构成要素之间位置上要造成一定的节奏关系,使其有长有短,有急有缓,有疏有密,有曲有直形成心理的节奏。,3、视觉流程的诱导性 如何引导观众的视线流动。设计师可以通过适当的编排,左右人们的视线,使其按照设计意图进行顺序流动。,谢谢!,61、奢侈是舒适的,否则就不是奢侈。CocoChanel62、少而好学,如日出之阳;壮而好学,如日中之光;志而好学,如炳烛之光。刘向63、三军可夺帅也,匹夫不可夺志也。孔丘64、人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。海贝尔65、接受挑战,就可以享受胜利的喜悦。杰纳勒尔乔治S巴顿,