网页设计中的肌理元素的应用:元素肌理

　　[摘 要]本文介绍了网页设计的概述和肌理的含义、分类,阐述了网页设计中加入肌理元素的可能性和肌理元素在标志设计中的应用,指出网页设计中肌理元素应用的原则和特点。 　　[关键词]网页设计 肌理
　　[中图分类号]TP3[文献标识码]A[文章编号]1007-9416(2010)03-0083-02
　　
　　1 网页设计概述
　　网页作为数字媒体的一种,综合运用文本、图像、声音、动画和视频等传递信息,具有丰富的多媒体表现与互动的特点。网页设计是设计与网络的交叉学科。网络的发展,使得越来越多的艺术设计人员加入到网页设计中来。赏心悦目的网站能够吸引浏览者,引起浏览者良好的沟通情绪。网页设计的艺术性越来越受到网页设计者的重视,设计者要增强网页的表现力必须调动一切视觉元素进行设计。文字、图形、色彩、肌理是视觉传达设计的基本设计元素。
　　2 肌理的含义和分类
　　肌理指材料表面的纹理。不同的材料具有不同的表面组织排列结构,形成不同的肌理。肌理是材料的基本属性之一。肌理的感受以视觉和触觉为基础,通过长期的生活积累,记录在人的大脑中,肌理和材料相互对应,当人看到某种材料表面的纹理的时候,就唤起对于材料的感觉和印象,从而产生粗糙和光滑、软和硬、干和湿等不同的心理感受。
　　根据材料类型不同,可以把肌理分成自然肌理和人工肌理。自然肌理来自自然材料的纹理质地,如岩石表面的纹理,是自然的杰作,给人纯朴、亲切的美感;人工肌理由机器加工产生,如塑料、纺编、陶瓷等,或粗糙、或光滑,给人以精密、理性的心理感受。根据获得肌理感受的方式不同,可以分为视觉肌理和触觉肌理。
　　3 肌理元素在网页设计中应用的可能性
　　网络技术的发展和普及,使得肌理的制作变得更加的便捷,通过数码照相机可以摄取需要的肌理素材,使用电脑辅助设计软件(如photoshop)可以制作出任何材料的肌理效果。
　　肌理的应用必然会增加网页的图片质量。宽带的普及,网络下载速度成倍的增长,已经不存图片下载延迟的问题。人们对网页显示速度的要求,已经变成对网页设计的要求。网页的设计从“网页编写”时代向“网页设计”时代转变。
　　网页技术也在不断的发展,flash等流媒体在网页中大量的应用,有些网站甚至全部采用flash技术。流媒体技术就是把连续的影像和声音信息经过压缩处理后放在网站服务器上,让用户边下载边观看、收听,而不用等到整个压缩文件下载到自己的计算机上才可以观看的网络传输技术。流媒体的广泛应用使得图片下载的延迟性得到改善,为网页肌理的应用创造了条件。
　　网页的媒体是数字化的网络,浏览者通过电脑显示器浏览网页,显示器的显色模式是RGB模式。传统印刷品和书籍的媒体是纸张,而印刷品的显色模式是CMYK模式。RGB显色模式的显色范围通常是大于CMYK显色模式,显示器显示的颜色包含印刷品表现的颜色,显示器在肌理效果的表现上好于纸张。如苹果风格的水晶按钮在显示器上能得到相对于纸质媒体更好的表现效果。
　　4 肌理元素在网页设计中的应用
　　网页在电脑上制作,在网络上发布,在显示器上浏览,网页数字媒体的特点使网页和人的交流中没有出现材料,材料肌理的缺失是网页不同于传统平面媒体的特点。网页设计中视觉肌理的应用可以弥补这一问题。设计师开始意识到肌理是网页设计中是不可或缺的设计元素。日本设计师原刑哉提出了触觉设计,认识到肌理质感对于人们的感官刺激和心理体验,肌理表现拓展了视觉传达设计的表现空间。肌理元素的应用能增强形象感染力,使造型更具魅力。如暴雪娱乐(美国)官方网站设计,深蓝色的底色配合粗糙、坚硬的肌理,表现出强烈的视觉效果。肌理的应用使得网页性格鲜明,也符合暴雪公司一贯的企业形象。肌理的表现在视觉传达设计中扮演越来越重要的角色,如苹果公司的水晶按钮操作系统和网页界面令人印象深刻,水晶按钮的高光和投影表现出强烈的水晶质感,传达出清爽的感觉和时代感。苹果风格造成的视觉印象远远超过苹果标志本身,人们提到苹果电脑,往往联想到的不是苹果标志,而是其纯净透明的视觉印象。
　　5 网页设计中肌理元素应用原则:
　　5.1 肌理与网站风格一致
　　大型门户网站,传达的内容丰富,要表现出清爽大气的风格,肌理元素一般在网页的局部使用,起到强调重点的作用。肌理元素如材质的表现可以使导航区按钮呈现出立体的效果,引起浏览者的注意,起到引导用户浏览的作用,如浙江吉利控股集团的网站,首页导航条采用八个蓝色的透明风格按钮,与网页的平面风格形成对比,视觉效果强烈,起到引导用户导航的作用。小型网站以个性化风格取胜,肌理应用大胆,与其它视觉元素综合使用,表现出强烈的风格。比如Shoebox鞋柜的网站,采用泛黄的粗糙纸张,用铅笔线条简单勾勒,表达出清新、质朴的肌理感觉,传达出对于美好生活的向往。虽然形象简洁,但风格鲜明,效果强烈。
　　5.2 肌理元素的对比与统一
　　对比和统一是艺术设计形式构成的基本规律,网页设计表现中也要利用肌理的对比统一来表现,可口可乐公司(中国)官方活动网站“精彩世博,世界乐在其中之欢乐中国!”版面,肌理表现给人以强烈厚重的感觉,与下方的单色手绘线条形成了强烈的对比效果。对比中突出主题要表现的厚重肌理质感,主次分明,增强了页面层次感。原乡美利坚网站是北京郊区的一个房地产项目网站。网站页面切换时出现牛仔布的纹理,页面采用原木的纹理,网页的浏览中形成两种肌理交替出现,产生肌理间的对比,传达出原始粗狂的质感,与网站要传达的美式西部风格项目相一致。
　　6 网页设计中肌理元素应用特点:
　　6.1 互交的肌理元素。
　　网络媒体相对于其它的传播媒体来说,互交性是其最大的特点,用户可以通过超链接在自己喜欢的资源内容之间跳转,选择自己需要的信息。网络的互交性满足了人们更加多样化、个性化的需求。有些网站让用户根据自己的喜好更改网页的外观,用户可以自由选择色彩、版式、导航条和甚至肌理。如新浪网的博客新注册用户有大方简洁、图片展示、心情日记、个性炫酷四类模板可以选择。不同类型的模板有着不同的色彩、图像和肌理,综合成多个页面可供应用。腾讯网QQ电子邮件系统中,写邮件的用户可以选择7类不同的信纸。每一类下面有多款信纸可以选择,不同的信纸有不同的色彩、图像和肌理,传达不同出感受。
　　6.2 肌理的多媒体应用
　　网页的最大的优势是多媒体性,网页包含着文字、图形、图像、声音、动画等多种媒体综合展现的特点。肌理和其他元素配合使用,如色调、版式、甚至声音相配合,使得网页表现出强烈的艺术感染力,令人印象深刻,也使得信息得到更为有效的传播。如ZCOM互动娱乐网站,提供在线杂志阅读服务,在线阅读时在显示器上模拟杂志。点击鼠标可以翻书,纸张翻阅的声音配合纸张翻阅动画,满足人的“纸本”情感需求。
　　肌理元素作为视觉传达设计的基本设计元素,越来越引起设计师的重视。网页在肌理的应用上有其自身的需要和表现的优势。根据表现的主题,适当的加入肌理元素将使得网页设计更为精彩。
　　
　　[参考文献]
　　[1] 肖著强,詹云.包装设计中的肌理构成,包装工程,2006,10.
　　[2] 李多,网页的视觉传达和设计表现研究,硕士论文,2009,3.
　　[3] 黄海燕,张辉.网页设计和平面设计,包装工程,2004,1.
　　[4] 陈黎明.如何从显示器上得到最终的印刷色彩,出版与印刷,2001,8.
　　[5] 张思忘.电子书籍设计及“纸本”情感需求,西北大学学报,2009,11.
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文