浅谈图片在网页设计中的重要作用及处理方法
文章主要介绍了图片在网页设计中的重要作用,网页设计中图形图像的获取方法以及图片的处理方法,在网页设计中更好的利用图片,设计出更加精美的界面,使浏览者在关注网站内容时也有美好的享受。
标签:网页;图片;处理方法
1 图形图像在网页设计中的作用
1.1 美化页面
在网页页面设计中,只有文字的版面显得过于单调和拥挤。为了使浏览者有继续阅读下去的愿望,在网页的页面设计中,一般要求图像在版面中的比率至少为30%左右。图形图像与文字的有机组合,对网页界面的协调和美化起着积极的作用。
1.2 强化表现
在网页界面设计中,选择适当的图形图像能更好的突出主题,对内容起到一定的说明作用。同
时,图形图像有别于文字语言艺术,它通过视觉上的形、来表述内心情感,利用可视的形象来让浏览者产生联想,从而进一步烘托和深化主题。因此在许多设计中,常将图形图像作为强化表现力的元素。
1.3 增强趣味
增强趣味主要是指在形式上增强其阅读的趣味性。特别是在有大量文字信息的情况下通过加入图形图像,可以充分地刺激人的大脑,提升其阅读的兴趣,从而吸引浏览者的目光,使其愿意进一步阅读下去,从而达到传播信息的目的。
1.4 传达信息
图形图像的应用,除了可以使网页界面更加美观、有趣外,其本身也是传达信息的重要手段之一。随着现代社会生活节奏的加快,迫使人们选择更快、更直接、更形象的传达方式。调查表明,现代人对信息的接受80%源于图像。也就是说,图形图像较之文字更容易引起人们的关注。图形图像也比文字更直观、通俗地将相关理念、意境等信息直接、形象、高效地传达给受众,从而达到设计的目的。
2 图形图像的获取方法个人网页设计模板图片 素材
2.1 从屏幕采集
最原始的方法是按下键盘上的键,将当前屏幕复制到剪贴板上,再通过其他图片处理软件进行加工;也可通过相应的屏幕截取软件工具进行屏幕采集如HyperSnap DX、SnagIt等。
2.2 从网上下载
网络资源异常丰富,在Internet上可供选择的素材很多,可以直接访问网页,从网上搜集我们需要的图片,并通过保存图片或者通过、网际快车等形式下载相关的资料素材。
2.3 用扫描仪采集图像
可通过彩扫描仪将报纸图书等纸质的图片素材进行扫描,把各种印刷品及彩照片数字化后在计算机中存储起来供使用。
2.4 使用数码相机及数码摄像机采集图像
可使用数码相机和数码摄像机进行图片的拍摄和录取,然后将相关图像信息存储到计算机中进行处理,这应用的非常普遍。
2.5 通过计算机软件进行绘制
可通过各种绘图软件进行绘制。如使用Adobe Photoshop、Adobe Illustrator、Paintor、Coreldraw、Freehand、Flash等。这些工具软件在图形图像的处理方面功能很强大,不但可以很方便的处理图形图像,还可以优化图片的质量,提高网页的下载速度和制作效率。
3 图片在网页应用中的处理方法
3.1 退底处理
可以形成生动的边缘效果,使画面更具活力。有时也为了去除图片中繁杂的背景,使图片主体更简洁醒目,如图1所示。
3.2 虚实处理
通过对图片进行虚实处理,也可使主体更突出,增强网页的空间与层次感。同时通过虚实的
对比,使画面形成张弛有度的关系,其虚的部分可激发人们的想象力,有助于产生联想,如图2所示。
图2 虚与实的对比,可增强页面的空间与层次
3.3 影调处理
通过各种图形图像处理软件,对图片的度、饱和度、明度、纯度等进行调整,可以制作出各种调的图片效果,从而大大增强图片的感染力。如将整张图片进行去处理、产生单一调效果或突出某一主要调等,如图3所示。
图3 影调
3.4 质感处理
通过对图片的质感处理,可以激发人们的联想与情感投入。如粗糙的表面效果,可以带给人们的质朴的感受;对图片进行残缺处理和作旧处理,可以带来一种沧桑感等。利用Photoshop图层和滤镜等相关功能,可以制作出不同质感的图像效果。
3.5 局部与特写
有时为了突出某一特定部位,或獲得某种特别的视角,需要对图片的局部进行特写处理,通过对图片的重新剪裁而获得一种特别的视觉感受。
3.6 综合处理
在很多时候,为了某种表现效果,需将各种方式综合利用,以达到设计的目的。例如,对图片进行重新分割与组合、混合等。
4 结束语
图形图像的应用对于强化网页的视觉效果起着非常重要的作用,只有充分了解图像在网页设计中的重要作用,结合具体并切实可行的处理方法,才可以使图形图像在网页中发挥更好的作用,达到美观实用的目的。
参考文献
[1]杨怀义.刍议计算机图形图像处理技术[J].软件工程师,2014(8).
[2]王君.网页设计在平面设计中的运用[J].包装工程,2012(16).

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。