在网页设计中使用图像时应注意什么
在网页设计中需要经常使用的图像,其在采用过程中应注意这些情况:如果GIF图像被压缩,损失的是图像的颜色而不是失真,所以GIF图像适合于显示颜色较少的简单颜色等。
1.动态图像
动态图片主要是指Flash动画、GIF动画、FLV视频。
(1)Flash动画。这是一种很常见的动态图像,特点是体积小,视觉冲击力和可实现性强,容易在互联网上广泛传播,Flash动画的文件扩展名为".swf"。
(2)GIF动画。GIF动画常用于短小动画,GIF动画的原理是顺序播放图片,以形成动画效果。如果图片尺寸较大或图片数量较多,生成的文件会非常大,此时建议改用Flash动画。
(3)FLV视频:其特点是体积小,压缩比高,很适合在互联网上传播;但其缺点是清晰度不够高,如果想看高清效果的电影,只能在一些专门播放高清电影的视频网站上看到。
2.静态图像
静态图像是构成网页的重要组成部分,其中主要有JPEG图像、GIF图像和PNG图像三种格式。
(1)
JPEG图像:这是最常用的图像格式,由于其压缩比高,所以它的体积小,但具有优良的图像质量,其支持24位真彩色,适合表现具有丰富细节和复杂渐变色的图像,是网页用图的首选,但它不支持透明背景。
(2)
GIF图像。这种格式只能显示256种颜色,不能像JPEG图像那样流畅地显示渐变色,所以尺寸较小。如果GIF图像被压缩,损失的是图像的颜色而不是失真,所以GIF图像适合于显示颜色较少的简单颜色。
(3) PNG图像。这种格式可以取代GIF图像和TIF图像格式,并且可以携带平滑的透明背景,这是它的优势。
PNG图像可以支持高达48位的真彩色图像,具有高质量的图像质量和平滑的透明边缘,还具有体积小的特点。
网页界面设计用什么软件
在进行网页界面设计可以使用的软件与有这些:Fireworks、Photoshop、lmageReady。其中Fireworks也是一款主流网页辅助设计与编辑工具,设计师可以在直观、可定制的环境中创建和优化网页界面。
一、网页界面设计用什么软件
(1)Fireworks。Fireworks是一款专业的网页图形编辑软件,能够提供全方位的网页图形编辑解决方案,无需使用代码即可创建具有专业品质的网页图形和动画,并对其进行精确控制。
另外,Fireworks也是一款主流网页辅助设计与编辑工具,设计师可以在直观、可定制的环境中创建和优化网页界面。综合而言,Fireworks是网页图形处理与界面设计理想的软件工具。
(2)Photoshop。Photoshop是图像处理软件之一,具有集图像输入、编辅修改、图像制作、设计创意、输出制作于一体的强大功能。
在网页设计领域,Photoshop也是目前主流的网页界面设计和图像处理软件工具,在网页界面设计制作与图形优化处理方面发挥着非常重要的作用。另外,Photoshop还可提供网页的切片与HTML的生成功能。
(3)lmageReady。lmageReady是以处理网络图形为主的图形图像编辑软件,常与Photoshopa绑使用,主要用于制作GIF动画和网页图像特效,其功能类似于Fireworks。
二、网页开发与制作的软件
(1)Dreamweaver
。Dreamweaver是当前最流行的网页设计和网站开发制作工具,主要用于创建静态和动态的网站页面,同时具有网站管理和FTP等辅助功能。该软件由Macromedia公司开发,后被Adobe公司收购,为“网页三剑客”之一。
(2)其他相关软件。其他相关软件还有Microsoft FrontPage(停止开发),Microsoft Expression Web Designer(Microsoft
FrontPage的继任者,更偏重于开发)。Adobe Golive是专业的网页设计软件,更偏重于页面设计,但它不支持AJAX和CSS。
三、网页动态元素设计软件
(1)Flash 。Flash是由Macromedia公司推出的二维动画软件,后被Adobe公司收购。
利用Flash不仅可以设计制作出有声有色的Flash动画,还可以设计制作如动态按钮、动画图标、活动菜单等网页动态特效,甚至还可以用它来制作完整的Flash网站,足见其功能之强大,是网页设计不可缺少的设计软件工具之一。
(2)GIF Animator 。GIF
Animator是台湾友立公司出版的功能十分齐全的GIF动画制作软件,更可将AVI文件转成动画GIF文件;同时,该软件还可以优化GIF动画,使其得到更好的网络浏览效果。