网页设计_02_网页版式设计说明书.pptVIP

* 2.3 版式的基本类型 （10）自由型　　自由型的页面具有活泼、轻快的风格。 * 2.3 版式的基本类型 图30：引导视线的图片以散点构成，传达随意、轻松的气氛。 * 谢 谢 ！ 下一章：页面艺术设计 谢 谢！ 放映结束 感谢各位观看！ 让我们共同进步 * * 2.2 图像 图13：着重于对左上角和 右下角的控制，右下角的 树叶起到呼应与稳定页面 的作用。 * 2.2 图像 图14：饱满的页面构图，巧妙地利用表盘稳定住页面四角。 * 2.2 图像 图15：以水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。 * 2.2 图像 　 （2）块状组合与散点组合结构　　块状组合，即通过水平、垂直线分割，将多幅图像在页面上整齐有序地排列成块状，这种结构具有强烈的整体感和秩序美感。各幅图像相互自由叠置或分类叠置而构成的块状组合，具有轻快、活泼的特性，同时也不失整体感。　　散点组合，即图像分散排列在页面各个部位，具有自由、轻快的感觉。采用这种结构应注意图像的大小、主次，以及方形图、退底图和出血图的配置，同时还应考虑疏密、均衡、视觉流程等。 * 2.2 图像 图16：多幅图片使水平垂直线规律地等量分割，获得了理性与秩序的美。 * 3.2 图像 图17：图片与文字穿插编排，形成散点组合。 运用线条的分割、文字的群组化以及单一的背景色形成整体感。 * 2.2 图像 图18：在块状组合结构中， 如图片太多，则无法突出 重点。这个页面通过改变 图片的面积和形状，有效 地分开了层次。 * 2.2 图像 4.图像的处理 图像的外形、大小、数量以及与背景的关系，都与内容有着密切的联系。 （1）图像的外形处理　　图像的外形能使页面的气氛发生变化，并直接影响浏览者的兴趣。一般而言，方形的稳定、严肃，三角形的锐利，圆形或曲线外形的柔软亲切，退底图及一些不规则或不带边框的图像活泼。 （2）图像的面积　　图像在网页中占据的面积大小能直接显示其重要程度。一般地，大图像容易形成视觉焦点，感染力强，传达的情感较为强烈；小图像常用来穿插在字群中，显得简洁而精致，有点缀和呼应页面主题的作用。在一个页面中，如果只有大图像而无小图像或细密的文字，就会显得空洞，但只有小图像而无大图像又使页面缺乏视觉冲击力。 * 2.2 图像 图像的大小不仅决定着主从关系，也控制着页面的均衡与运动。大小对比强烈，给人跳跃感，使主角更突出；大小对比减弱，则页面稳定、安静。这是因为，访问者在浏览页面时，首先会注意到大图像，然后再看到较小的图像，这种由大到小的引导，使浏览者的视线在页面上流动，便造成一种动势，使页面活泼起来。　　因此，在网页设计时，应首先确定主要形象与次要形象，扩大主要图像的面积，使次要角色缩小到从属地位。只有大小图像主次得当地穿插组合，才能构成最佳的页面视觉效果。 * 2.2 图像 图19：作为主体的人物形象，既突出了大小对比又增强了页面的亲和力。 * 2.2 图像 （3）图像的数量　　图像的数量是根据内容决定的。只用一幅图像，会使内容突出、页面安定。增加一幅图像，页面会因为有了对比和呼应而活跃起来。再增加一幅，则更加热闹、活泼。但是，限于目前网络的传输速度，使用图像时一定要谨慎，大的图像会降低页面显示速度，即使是小图像，如果运用数量过多，同样会使页面下载速度变慢。随着网络环境及技术条件的改善，这种情况已经有了很大的改观。　 （4）与背景的关系　　网页图像与背景是对比和统一的关系。也就是说，图像与背景在和谐统一的基础上，应存在一定的对比，以使主要图像更加突出。如精密的相机镜头以粗糙的岩石为背景，明亮的文字以深邃的星空为背景，或者使用没有背景及陪衬物的退底图像，周围留出大面积空白，都是利用对比对主体形象起到突出作用。 * 2.2 图像 5.图像在长页面中的应用 　　网页一般都是纵向的(也有特意设计成横向滚屏的)，其长度从一屏到三屏不等，有时甚至更多。访问者在浏览页面时，通过拖动垂直滚动条使网页一屏一屏地显示，但这并不意味着我们可以将整个页面分割开来，孤立地进行每一屏的设计。页面的整体感是建立在形象的启承关系上，尽管页面被分割成几屏来显示，但图像或文字的延续性应使浏览者得到完整、统一的视觉感受。设计者所要做的就是进行通盘考虑，例如：寻找对比中的和谐、建立同一的视觉识别等，来处理好每一屏与整个页面的关系。? * 2.2 图像 图20：巧妙地运用动态元素，比印刷媒体具有更强的表现力。 以横贯页面的长条色块统一画面，图片安排随意，疏密有致，使整体风格既统一又有变化。 * 2.3 版式的基本类型 5.图像在长页面中的应用 　　网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型