网页设计中肌理元素应用.docVIP

网页设计中肌理元素应用 　　[摘 要]本文介绍了网页设计的概述和肌理的含义、分类,阐述了网页设计中加入肌理元素的可能性和肌理元素在标志设计中的应用,指出网页设计中肌理元素应用的原则和特点。 　　[关键词]网页设计 肌理 　　[中图分类号]TP3[文献标识码]A[文章编号]1007-9416(2010)03-0083-02 　　 　　1 网页设计概述 　　网页作为数字媒体的一种,综合运用文本、图像、声音、动画和视频等传递信息,具有丰富的多媒体表现与互动的特点。网页设计是设计与网络的交叉学科。网络的发展,使得越来越多的艺术设计人员加入到网页设计中来。赏心悦目的网站能够吸引浏览者,引起浏览者良好的沟通情绪。网页设计的艺术性越来越受到网页设计者的重视,设计者要增强网页的表现力必须调动一切视觉元素进行设计。文字、图形、色彩、肌理是视觉传达设计的基本设计元素。 　　2 肌理的含义和分类 　　肌理指材料表面的纹理。不同的材料具有不同的表面组织排列结构,形成不同的肌理。肌理是材料的基本属性之一。肌理的感受以视觉和触觉为基础,通过长期的生活积累,记录在人的大脑中,肌理和材料相互对应,当人看到某种材料表面的纹理的时候,就唤起对于材料的感觉和印象,从而产生粗糙和光滑、软和硬、干和湿等不同的心理感受。 　　根据材料类型不同,可以把肌理分成自然肌理和人工肌理。自然肌理来自自然材料的纹理质地,如岩石表面的纹理,是自然的杰作,给人纯朴、亲切的美感;人工肌理由机器加工产生,如塑料、纺编、陶瓷等,或粗糙、或光滑,给人以精密、理性的心理感受。根据获得肌理感受的方式不同,可以分为视觉肌理和触觉肌理。 　　3 肌理元素在网页设计中应用的可能性 　　网络技术的发展和普及,使得肌理的制作变得更加的便捷,通过数码照相机可以摄取需要的肌理素材,使用电脑辅助设计软件(如photoshop)可以制作出任何材料的肌理效果。 　　肌理的应用必然会增加网页的图片质量。宽带的普及,网络下载速度成倍的增长,已经不存图片下载延迟的问题。人们对网页显示速度的要求,已经变成对网页设计的要求。网页的设计从“网页编写”时代向“网页设计”时代转变。 　　网页技术??在不断的发展,flash等流媒体在网页中大量的应用,有些网站甚至全部采用flash技术。流媒体技术就是把连续的影像和声音信息经过压缩处理后放在网站服务器上,让用户边下载边观看、收听,而不用等到整个压缩文件下载到自己的计算机上才可以观看的网络传输技术。流媒体的广泛应用使得图片下载的延迟性得到改善,为网页肌理的应用创造了条件。 　　网页的媒体是数字化的网络,浏览者通过电脑显示器浏览网页,显示器的显色模式是RGB模式。传统印刷品和书籍的媒体是纸张,而印刷品的显色模式是CMYK模式。RGB显色模式的显色范围通常是大于CMYK显色模式,显示器显示的颜色包含印刷品表现的颜色,显示器在肌理效果的表现上好于纸张。如苹果风格的水晶按钮在显示器上能得到相对于纸质媒体更好的表现效果。 　　4 肌理元素在网页设计中的应用 　　网页在电脑上制作,在网络上发布,在显示器上浏览,网页数字媒体的特点使网页和人的交流中没有出现材料,材料肌理的缺失是网页不同于传统平面媒体的特点。网页设计中视觉肌理的应用可以弥补这一问题。设计师开始意识到肌理是网页设计中是不可或缺的设计元素。日本设计师原刑哉提出了触觉设计,认识到肌理质感对于人们的感官刺激和心理体验,肌理表现拓展了视觉传达设计的表现空间。肌理元素的应用能增强形象感染力,使造型更具魅力。如暴雪娱乐(美国)官方网站设计,深蓝色的底色配合粗糙、坚硬的肌理,表现出强烈的视觉效果。肌理的应用使得网页性格鲜明,也符合暴雪公司一贯的企业形象。肌理的表现在视觉传达设计中扮演越来越重要的角色,如苹果公司的水晶按钮操作系统和网页界面令人印象深刻,水晶按钮的高光和投影表现出强烈的水晶质感,传达出清爽的感觉和时代感。苹果风格造成的视觉印象远远超过苹果标志本身,人们提到苹果电脑,往往联想到的不是苹果标志,而是其纯净透明的视觉印象。 　　5 网页设计中肌理元素应用原则: 　　5.1 肌理与网站风格一致 　　大型门户网站,传达的内容丰富,要表现出清爽大气的风格,肌理元素一般在网页的局部使用,起到强调重点的作用。肌理元素如材质的表现可以使导航区按钮呈现出立体的效果,引起浏览者的注意,起到引导用户浏览的作用,如浙江吉利控股集团的网站,首页导航条采用八个蓝色的透明风格按钮,与网页的平面风格形成对比,视觉效果强烈,起到引导用户导航的作用。小型网站以个性化风格取胜,肌理应用大胆,与其它视觉元素综合使用,表现出强烈的风格。比如Shoebox鞋柜的网站,采用泛黄的粗糙纸张,用铅笔线条简单勾勒,表达出清新、质朴的肌理感觉,传达出对于