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