3.7网页图形图像设计要点三公益网站首页设计95课件

课程教师：余灿灿数字创意与动画学院3.7网页图形图像设计要点三、公益网站首页设计图形图像是网页中的重要组成部分。与文字相比，图形图像的外观、大小、数量及背景关系,都与网站的主题内容有着密切的关系。网页图形图像设计要点网页图形图像设计要点包括：图形形态面积大小数量多少图底关系图像优化动态图形色彩选择网页图形图像设计要点网页图形图像设计要点图形图像的形态能使页面的气氛发生变化，并且直接影响浏览者的兴趣。一般而言，方形显得稳重、严肃，三角形显得锐利，一些退底图和不规则图形显得生动活泼，圆形或曲线的外观则给人带来國润和亲切感，这些形态应用在网页视觉设计中会产生极强的装饰效果。在网站视觉设计时，要确定网页的风格和所针对的客户群体，从而选用适合的图形进行设计，并且体现图形图像绝佳分辨率，达到图形图像的高品质的画面。96di是网页图像最佳分辨率,这是因为终端显示器的分辨率多为96di或72dpi。高于此标准的分辨率并不能带来更好的显示效果,反而增大了文件的体积，降低了下载的速度，低于96di标准的分辨率则可能降低图像的质量。图形形态网页图形图像设计要点图形图像在网页中所占的面积的大小对浏览者的体验有至关重要的影响。大图形图像容易形成视觉焦点，感染力也强，传达的情感较为强烈；小图形图像穿插在字群中显得简洁精致,有点缀和呼应页面主题的作用。图形图像的大小关系决定着主从关系，也控制页面的均衡与运动。图形图像的大小对比强，会使画面产生跳跃感；大小对比则使网页稳定、安静。因此，只有大小主次穿插有序时,才能达到较好的页面视觉效果。面积大小数量多少网页图形图像设计要点图形图像数量的多少，是根据内容确定的。只用一幅图形图像，会使内容突出、页面安定;适当地增加几幅图形图像，页面中有了对比呼应会使页面变得更加活跃。限于目前网络的传输速度，使用图形图像一定要慎重控制图形图像文件的体积。在可以接受的图像质量下尽量压缩文件的体积，以免影响页面的下载速度。图底关系网页图形图像设计要点网页图形图像与背景是对比统一的关系。也就是说,图底之间在和谐统一的基础上，应存在着一定的对比，这样可以更加突出图形图像所要显示的信息。如明亮的文字以深远的星空作为背景等。网页图形图像设计要点优化网页中的图像首先要使用高质量的原始图像。分辨率不低于72dpi,具有24位以上颜色深度。通过减小图像的尺寸、分辨率和颜色深度来优化处理。但是既要求图像品质高，又要文件量小，这两者往往存在矛盾。我们可以在不同设置下输出图像，比较其屏幕显示效果，选出符合视觉要求且尽量小的图像文件。另外在HTML中可以重新设计图像的尺寸大小，但是对于低质量的图像放大会影响视觉的精度要求，出现马赛克；而对于过大的图像进行缩小，由于文件容量不变,网页的下载速度也不会变快。因此，在网页视觉设计的前期尽量设计好图像的长宽、大小、尺寸以符合相应的网页版式。图像优化动态图形网页图形图像设计要点动态图像常用于广告、卡通动画、动态按钮等。格式多为GIF、Fash、Java、Shockwave及Dhtml等。动画比静态图像更加吸引浏览者的注意,但是要适度应用要不反而会给测览者带来视觉疲劳,不利于信息的有效传递。色彩选择网页图形图像设计要点根据页面的主题来选择主色调。在进行网页图形图像制作的时候主要运用的色彩原理是RGB显示器色彩原理。RGB显示器色彩原理是指电脑显示器的颜色属于光源色，是基于RGB三原色的的色彩原理。也就是说显示器的多有颜色都是通过红色、绿色、蓝色这三种原色的混合、叠加来实现的，这种颜色的混合原理被称为加色法混合。对于网络中图片的编辑，RGB色彩模式是最佳的色彩模式，因为可以提供全屏幕24bit的色彩范围,即真彩色显示。小结：网页视