首页 浅谈网页设计中的图形图像处理技巧

浅谈网页设计中的图形图像处理技巧

举报
开通vip

浅谈网页设计中的图形图像处理技巧浅谈网页设计中的图形图像处理技巧 在信息化在科技日新月异的今天,各行各业的发展都离不开网络建设,而一个量身定做的解决方案是网络建设成功的关键,网站建设和网页设计无疑更是提升核心竞争力的重要因素,大到政府、企业,小到个人,纷纷建设属于自己的网上家园。网上家园做的好,除了要有丰富、新颖、快捷的信息内容外,还需要美观的界面设计。 1 图形图像的在网页设计中的作用 与传统媒体不同,网页的构成元素有文字、图像、声音、视频、动画和超链接等,在网页设计中,只有将这些多种元素恰当合理的布局在一起,才会使网页的效果突出...

浅谈网页设计中的图形图像处理技巧
浅谈网页 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 中的图形图像处理技巧 在信息化在科技日新月异的今天,各行各业的发展都离不开网络建设,而一个量身定做的解决方案是网络建设成功的关键,网站建设和网页设计无疑更是提升核心竞争力的重要因素,大到政府、企业,小到个人,纷纷建设属于自己的网上家园。网上家园做的好,除了要有丰富、新颖、快捷的信息内容外,还需要美观的界面设计。 1 图形图像的在网页设计中的作用 与传统媒体不同,网页的构成元素有文字、图像、声音、视频、动画和超链接等,在网页设计中,只有将这些多种元素恰当合理的布局在一起,才会使网页的效果突出,美观大方。一个网站里面如果只有文字,会使网页的页面显得过于单调和拥挤,图形图像的出现,打破了网页初期单纯的文字界面,使得网页的页面有了新的直观 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 现形式,图形图像在网页中的大量运用,很容易引起人们的注意力,并激发人们的阅读兴趣;而且图形图像给人的视觉印象也要好于文字,图形图像与文字有机结合,也可以形成不同的层次感,对网页界面的协调和美化起着积极的作用;另外,合理运用图形图像,可以生动、形象地表现设计主题、传达信息。 2 图形图像的分类 网页中常用图像格式有:JPEG 格式、GIF 格式、PNG 格式。JPEG 格式的图像是一种压缩存储图像的文件格式,JPEG 图像存储格式既满足了人眼对色彩和分辨率的 要求 对教师党员的评价套管和固井爆破片与爆破装置仓库管理基本要求三甲医院都需要复审吗 ,又适当的去除了图像中很难被人眼所分辨出的色彩,在图像的清晰与大小中 JPEG 找到了一个很好的平衡点。图像转化为 JPEG 格式会减小很多,是一种在 Internet 上被广泛支持的图像格式。 GIF 格式是与设备无关的图像存储 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 ,也是 Internet 上使用最早、应用最广泛的图像格式。GIF 格式通过减少组成图像每点的存储位数和 LZH 压缩存储两种技术来减小图像文件的大小。其原理是减少了图像调色板中的色彩数量,从而在存储时达到减小图像文件大小的目的。网上常见的小动画大多是 GIF 格式的,就是由几张图合在一起的图片 ( 也有是单帧的 )。 PNG 格式是一种图片存储格式,可以直接作为素材使用,因为它有一个非常好的特点:背景透明。PNG 格式的图像是无损压缩,最常见的使用格式是 256 索引色(PNG-8)和 24 bit 真彩色(PNG-24)(当然 PNG 支持的颜色格式远不止此),支持 full alpha 通道(256级可调半透明色),不支持动画,在网络中一般小图标中很多图片格式都采用 PNG 格式。 3 图形图像的处理技巧 在网页设计中,为了使图像有较好的使用效果,就要使用多种处理技巧以达到设计的目的。 3.1 要考虑图形图像的形式与网站的整体风格相协调 图片在网络上传播,表现出来的形式主要有四方图、退底图和边缘模糊图。这几种形式各有自己的特点,只有运用得当才能产生良好的视觉效果。这就要求在网页设计中如同其它版面设计一样,要分清哪些是主要图形,哪些是次要的图形图像,尽量在设计中突出主要的图形图像,弱化次要的图形图像,以达到最佳的网页界面效果。 3.2 优化图片,使图片的格式适应网络传输的需要相对于文字,图像所占磁盘空间大,增加了网页的下载时间,甚至严重影响网页的显示,因此过多的图片会受到网络传输的限制。有经验的网页设计者总是对图像的尺寸、数量和质量与页面包含的全部文件的大小等进行平衡,尽量兼顾图片的页面效果与传输速度。所以,我们可以通过以下几个方面来解决这个问题: (1)利用图片的格式:一般情况下,图 片 的 长、 宽 和 色 彩 数 的 乘 积 在 320000(100*100*32 或者说 00*50*64)的情况下,使用 GIF 和 GPEG 差别不大,而且使用 GIF格式比用 GPEG 格式体积要小许多。但如果是 640*480(像素)以上的大图片则应该使用JPEG 格式。 (2)也可以将图片进行分割。我们经常在从网上下载别人的作品时,会发现在相应的文件夹里有很多幅小图片,这些小图片可以组合成一幅完整的大图片,这就是网页制作者在使用图片时,先对图片进行了分割处理,将图片的重要部分先单独分离出来进行分割,其余的单色区域用背景色的形式处理,使得浏览者可以达到快速下载和浏览的目的。 (3)彩色照片和产品图片选用 PS 软件,其他一般性图片选用 FW 软件预处理。图片尺寸要直接剪裁成预设最新的Web 浏览器支持。另外,PNG 完全支持 alpha 透明(透明,半透明,不透明),但不支持动画。PNG 作为编辑 JPEG 的过渡格式可以保留更多的色彩;作为编辑动画 GIF 的过渡格式可以保留所有通道和帧图像,有利于重复编辑动画。对于非动画图片而言,GIF 适合图形,JPG 适合照片,PNG 图形照片都适合,但 PNG 格式文件一般都比较大。 (4)对于动画图片,能使用 GIF 制作动画的,就不使用 f lash 或 javascript 特效代码制作动画。当然,用 f lash 和 javascript 特效代码制作的动画效果要优于 GIF 动画,但其动画文件块头也比较大,所谓有一利必有一弊。处理动画总的原则是在动画效果和文件大小上搞好平衡。 (5)确需提供受访者浏览的高清大图片,要使用文字或小图片链接方式浏览。删除image 文件夹中所有不使用的图片文件,通过小图片链接浏览的大图片要另置文件夹保存,这也是提高图片加载速度的通用做法。主页中静态图片和动画图片总和应视情况尽量控制在100K 以内,确保图片加载速度。 总之,数字信息时代应突出网页的视觉艺术,以此来增强它对使用者视觉上的冲击,触动浏览者的应用心理过程。所以,注重网页设计中图形图像的处理是十分必要的也是尤为重要的,它可以让网页图片真正起到既承载信息又装扮网页、美化网页的作用,给人以美的享受。 参考文献 [1] 杨怀义 . 刍议计算机图形图像处理技术[J]. 软件 工程 路基工程安全技术交底工程项目施工成本控制工程量增项单年度零星工程技术标正投影法基本原理 师 ,2014(08). [2] 王君 . 网页设计在平面设计中的运用 [J].包装工程 ,2012(16).
本文档为【浅谈网页设计中的图形图像处理技巧】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
机构认证用户
精品文档
千万精品文档模板,下载即用
格式:doc
大小:18KB
软件:Word
页数:6
分类:建筑/施工
上传时间:2018-10-05
浏览量:7