网页艺术设计：视觉流程及版式类型（上）-课件.ppt

//视觉流程，是视线在页面上的移动过程，是二维空间中的运动 // 视觉流程的设计结果就是版式 。;一.视觉流程的筹划;—经过视觉心理学家的研究，发现了一些视觉运动的规律。 —我们要利用人们的视觉运动规律来筹划视觉流程。 —在视觉心理学上，有个词叫做“张力”，表示物象形式的矛盾差异相对比所产生的对抗振奋感和精神刺激力，差异越大，视觉张力也就越强。 —人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随各元素间的强弱变化而作有序流动，最后完成对全部分元素信息的吸收。;页面中不同的视域，注目程度不同，给人心理上的感受也不同。 上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、稳定的印象； 网页中最重要的信息，应安排在注目率最高的页面位置，这个位置便是页面的最佳视域。 浏览者的眼睛首先看到的是屏幕的中间偏上的区域 根据视觉心理学的研究，人的视线对于版面的视觉诉求力大体是上部比下部强，左半部比右半部强。 ;;;;二. 视觉流程类型;1.线型视觉流程 2.曲线视觉流程 3.焦点视觉流程 4.反复视觉流程 5.导向视觉流程 6.散点视觉流程;二视/觉/流/程/类/型;二视/觉/流/程/类/型;竖向视觉流程--给人坚定、直观的感觉 ;横向视觉流程--有稳定、恬静之感 ;斜向视觉流程--以不稳定的动势引起注意 ;2.曲线视觉流程;弧线形（C形）视觉流程--有扩张感和方向感 ;回旋形（S形）视觉流程 --两个相反的弧线则产生矛盾回旋，在平面中增加深度和动感 ;3.焦点视觉流程;按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。;将文案作整体编排，突出主题形象。 ;在主题形象四周增加空白量，使之成为视觉焦点。;4.反复视觉流程;;二视/觉/流/程/类/型;文字导向;手势导向;形象导向;视线导向;二视/觉/流/程/类/型;;;三. 版式的基本类型; 1.骨骼型 2.满版型 3.分割型 4.中轴型 5.曲线型 6.倾斜型 7.对称型 8.焦点型 9.三角型 10.自由型 ;1.骨骼型;三栏式中间一栏突出，页面层次分明。页面最上方为一横向通栏。 ;以竖式结构为主，横式为辅。??页面条理明确 。 ;多栏的分隔方式，图像及导航分别占据了一个竖栏 。 ;常见的分栏版式，页首通栏，下面又分为两栏。 ;左右分栏 ;综合运用多种分栏形式 ;画面层次感强，图形语言独特 ;感谢聆听！