版面设计的视觉流程课件.ppt

第六十三页，共一百零五页。 2、手势导向 2. 手势导向比文字导向更容易理解，且更具有一种亲和力。 用卡通人物作手势导向 第六十四页，共一百零五页。 第六十五页，共一百零五页。 第六十六页，共一百零五页。 3. 形象导向 同手势导向一样容易理解，较常采用的形象为箭头。 形象导向，简洁明确 第六十七页，共一百零五页。 第六十八页，共一百零五页。 4. 视线导向 一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。 第六十九页，共一百零五页。 第七十页，共一百零五页。 页面中的图像将视线引向画面以外 第七十一页，共一百零五页。 十字形视觉流程： 是垂直线和水平线对称的交叉构图。也有斜形交叉的形式。其视线的主眼点集中于十字的交叉点，使得重点突出。发挥最大的信息传达功能。 第七十二页，共一百零五页。 发射式视觉流程：是以文字或点、线等形象作为视线诱导，将多种条件集中于一个主眼点上，具有多样统一的综合视觉效果。编排中的导线表现多样，虚实相生，富于运动变化。 第七十三页，共一百零五页。 第七十四页，共一百零五页。 作品：《戏剧海报》 作者：冈特.兰博（德国） 作品运用二维空间与三维空间过渡与巧妙结合，表现图形创意思维和独特的视觉效果。 第三十一页，共一百零五页。 斜向视觉流程：斜向线的版面设计流程以不稳定的动态引起注意,不仅能有效地烘托主题诉求点,且视觉流向独特,往往更能吸引人的视线。 第三十二页，共一百零五页。 第三十三页，共一百零五页。 第三十四页，共一百零五页。 第三十五页，共一百零五页。 第三十六页，共一百零五页。 第三十七页，共一百零五页。 2.2 曲线视觉流程 曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉流程的形式微妙而复杂，可概括为两种形式： ■弧线形(c形)视觉流程：有扩张感和方向感。 ■回旋形(s形)视觉流程：两个相反的弧线产生矛盾回旋，在平面中增加深度和动感。 第三十八页，共一百零五页。 弧线形视觉流程，使页面具有很强的扩张性 第三十九页，共一百零五页。 第四十页，共一百零五页。 第四十一页，共一百零五页。 曲线视觉流程能使构图变得更丰富，形式感更强，例如圆形或弧线形，给人以节奏韵律、幽雅柔美的感受，营造轻松随意的阅读气氛 第四十二页，共一百零五页。 第四十三页，共一百零五页。 第四十四页，共一百零五页。 第四十五页，共一百零五页。 第四十六页，共一百零五页。 2.3 重心的视觉流程 重心是指视觉心理的重心，重心由三种概念： 1.以强烈的形象或文字独居版面某个部位或完全充斥整版。 其重心的位置因其具体画面而定。在视觉流程上，首先是从版面重心开始，然后顺沿形象的方向与力度的倾向来发展视线的进程。 第四十七页，共一百零五页。 2.向心： 视觉元素向版面中心聚拢的流程。 第四十八页，共一百零五页。 3.离心： 犹如将石子投入水中，产生一圈一圈向外扩散的弧线运动。 重心的视觉流程使版面产生强烈的视觉焦点，使主题更为鲜明而强烈。 第四十九页，共一百零五页。 第五十页，共一百零五页。 重心视觉流程 违背视觉流程的规律，文字与图形把版面的重心引向上方或下方、异常出位。但从整体布局来看，具有一种与众不同、标新立异的独特魅力。 第五十一页，共一百零五页。 2.4 反复视觉流程 2.4 反复视觉流程：以相同或相似的序列反复排列，形成画面形象的连续性，给人以安定感、整齐感、秩序化和规律的统一感。 2.5 特异视觉流程：是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出，以打破规律性。由于这种局部的，少量的突变，突破了常规的单调性与雷同性，成为版面的趣味中心，产生醒目、生动感人的视觉效果。 第五十二页，共一百零五页。 第五十三页，共一百零五页。 第五十四页，共一百零五页。 第五十五页，共一百零五页。 第五十六页，共一百零五页。 第五十七页，共一百零五页。 第五十八页，共一百零五页。 2.5 导向视觉流程 导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用也很多见，可以使网页重点突出、条理清晰，发挥最大的信息传达功能。视觉导向元素有多种，有虚有实，表现多样。 第五十九页，共一百零五页。 第六十页，共一百零五页。 1. 文字导向 “请按这里”、“点击进入”等文字，是通