材质肌理在网页界面设计中的运用

张萍　张娜娜

摘要：

网页设计是视觉传达设计的一个重要的分支，而材质是视觉传达设计中的一个重要要素。把材质肌理运用到网页界面计中去能引发浏览者的共鸣激发浏览者的点击兴趣。研究真实存在的材质肌理，有利于找到网页界面设计中运用材质肌理的审美价值、网页界面设计中材质肌理美的表现以及材质肌理美在网页界面设计中应该注意的事项。

关键词：材质；真实肌理；审美价值

随着计算机和网络的普及，人们对于网页设计的艺术性有了更高的要求，精彩的网页能够引发我们点击的冲动和兴趣。而在当前点击网页时可以隐约发现，我们所看的网页几乎千篇一律，毫无新意。如点击率颇高的搜狐，新浪，凤凰网，打开来乍一看并无区别，类似的导航条，图片。

网页图形设计师们也貌似对文字、图片、多媒体等网页基本元素的设计也缺乏激情，为了改变这种状况就急需在网页设计中加入新鲜的元素，重新燃起用户的使用热情。而在浏览网页时，网页图形图像较文字而言更能够引起人们的关注，激发人们的浏览兴趣，有的网页为了吸引点击者的眼球采取了很多甚至是整页的图形，现在的网页中使用的图形大多是矢量化、3D贴图，这些图形的材质肌理很难调动浏览者的视觉及触觉经验，不能引发浏览者视觉感官上的记忆与情感共鸣。所以如果能将浏览者身边常见的材质的真实肌理在网页图形设计中加以运用或会收获到意想不到的效果。

材质的真实肌理就是“真实的事物”，是客体表面能为人所看到和感到的方式，我们可以通过在网页图形中看到客体而引发我们对在生活中原有感觉的一种共鸣。真实肌理通常有两种表现方式，其一是尝试将一种自然存在的肌理画到一个作品中，艺术家舒-波.帕克的《痕迹》和梵高的《星夜》油画作品中都有所体现，为了体现真实的肌理效果，颜料被设计出来的堆积和犁沟状而加以运用。其二是将具有肌理的客体直接运用于作品中，例如20世纪早期在毕加索的作品《粘贴油布油彩和绳索》。

近年来，在绘画作品中呈现真实肌理被越来越多的艺术家所尝试。但将真实肌理呈现到网页中相对来说还比较少。这里我们所讨论的是将具有肌理的材质直接运用于网页界面中。

一、网页界面中材质肌理的审美价值

材质是指材料的质地，材料的视觉肌理和触觉肌理效果。也是材料与质感的结合，美国赖特曾言：“将你的材料性质显示出来，让这种性质完全进入你的设计中。”平时生活中充斥着各种材料，如纸张，木材、石材、各类金属，树叶等等。不同的材质具有不同的肌理，具有其特有的审美价值。首先，材质肌理具有自然天成的特殊美感。如沙石的颗粒状，土地的裂纹，湿墙的水渍纹，植物树皮的斑纹，石上的青苔纹，水的波纹，等等，它无处不在，无处不有，其形状各异，色彩斑斓，自然天成，变幻无穷，它是大自然的杰作，是生命鲜活的象征。此外，肌理同样能传达出一定的情感与志趣，不同的肌理效果能传达给人以不同的视觉感受，或细腻、或粗糙、或朦胧，或柔和。这些毫无人工刀斧痕迹的形象，唤起了作者和观者内心深处的幻想，引起人们感情深处的共鸣。软件界面中采用的肌理形态主要是通过视觉感受所获得的心理方面的反应，肌理所呈现的美感与人的审美习惯，审美情感相符，偶然与奇妙的自然肌理能唤起用户内心深处的幻想和联想，给人们独特的美感享受，如纹理，色彩等。

二、材质肌理美的表现

（一）材质肌理的自然美

现在网页界面大多是矢量与3D模拟各种材质肌理的贴图。材质是一个源于生活的设计素材，“艺术源于生活而又高于生活”，将生活中的材质肌理运用于网络界面可以提高界面的观赏性与创意性。自然材料肌理呈现的色泽，纹理等质感表现了材料的自然美，自然界的材料往往没有任何的雕饰，让人赏心悦目。

如硬木纹理，树叶的天然纹理。石头纹理表现一种质朴、朴实而又厚重的感觉。雄浑磅礴的太行山，那层层的山岩、斧劈状的石痕，使我们感受到大自然内在的感人力量。当身处安徽宏村古镇，在淡淡的晨雾里，那水淋淋、意切切，那空蒙秀美、细雨无声，给人以轻灵隽永、意犹未尽的朦胧美。

（二）材质肌理色彩美

材质肌理是造型艺术特有的美感特征，因材料的不同而表现出不同的感觉，是物体表面的组织纹理结构，即各种纵横交错、高低不平、粗糙平滑的纹理变化。材质除具有自身天然的肌理外，它还具有自身色彩，色彩与物体的材料性质、形象表面纹理关系很为密切，影响色彩感觉的是其表层触觉质感及视觉感受。如同样是绿色，附着在不同肌理的材质上能呈现出不同的色彩美，如与玉石晶莹剔透的绿色相比，水池边大石块的青苔绿色所呈现的就是一种生机，毛茸茸的绿色肌理美了。

三、将材质肌理运于在网页设计中应注意的事项

（一）网页界面材质肌理的运用应体现人性化原则

各种类型的软件界面设计都是为了人们的生活和工作所服务的，人是软件界面的使用者和欣赏者。所以我们在设计界面时，设计师不能简单的靠单一的文字、图像、视频等来吸引观众的眼球，而且要充分的考虑到使用者的感受，从生理，心理等多个方面和角度出发，寻找出更新颖的设计手法，以便设计出符合大众审美趣味的界面。

不同的软件界面，由于使用者文化、年龄、性别、生活地区等差别审美都会有所差异。通过人们的视觉感受获得心理，生理方面的反应，引起某种联想，从而形成审美体验，不同材质给人以不同的视觉感受。我们用石头来举例，花岗岩坚硬、锋利、冰冷；大理石平滑，细腻，清冷；汉白玉光洁、透亮、细密；滑石钝拙、朴质、粗糙。材质的色彩与肌理也带给人们不同的视觉感受，绿色的森林给人以清新、希望，皑皑的白雪给人以纯净、冰冷之感；金黄的麦田给人以充实、收获之感；褐色的大地给人以宽阔、包容之感。有的材质肌理风格年轻人喜欢，而老年人却不屑一顾。所以针对不同的人群，强调大家所喜欢的共同部分，才能设计出符合大多数人的审美感受的网页界面。

（二）网页界面呈现的材质肌理应与时代特征相符合

根据时代的不同，作为审美主体的人其审美观念也是不断变化的，有许多在当时认为是美的肌理形式，过一段时期后可能又有了更新更美更合适的肌理形式来替代。随着社会不断地发展，科技也必将不断地创新，作为装饰因素的材质肌理形态必须符合这一时代发展的潮流，那么界面肌理也要随时创新变化。

近年来，人们对于炫技的贴图与材质已经不是那么感兴趣了，因此开始追求自然材质美和肌理美。高雅的审美情致往往追求“返朴归真”的纯美境界。所以网页设计师也应该尝试将自然材质肌理引入网页设计中，将网页界面设计成各种天然材质肌理感的效果。

（三）网页界面呈现的材质肌理美应与表达的内容，功能相一致

在不同的功能要求下肌理呈现给人的感受也大大不同，如大理石、花岗岩等石材肌理美运用在宾馆大厅能形成富丽、庄重、高档的情感，但运用在卧室内却变成冰冷，沉重的感受。根据主题的不同采用不同的肌理，如装饰材料网页就要根据每个主题的不同选取不同肌理，如大理石，铁，不锈钢，玻璃等等。现代高科技产品更喜欢使用金属质感的材料，因为它所激发的最典型的情感体验就是科技感、时代感与未来感。玻璃作为盛纳液体的容器，因为容纳了昂贵液体的玻璃容器常给人奢靡、妩媚、动态、轻盈的女性美。儿童玩具和后现代家具则大多数选用塑料材质，那是因为塑料材质给人们带来了一种轻松、时尚的童趣，这就是不同材质给人们带来的不同的情绪变化和心理体验。

四、结语

综上所述，在网页界面设计中运用肌理可以创造出更多新颖的、符合不同人群需要的界面。材质肌理首先运用于绘画领域，近几年来也延伸到了设计领域，如室内设计、平面设计。网页设计作为平面设计的一个重要分支，自然这里也将材质肌理运用到了网页设计中。

本文分析了在网站设计中运用材质肌理的审美价值、材质肌理美的表现以及材质肌理美在网站设计中应该注意的事项。材质肌理有它的个性和情感，它被赋予了人格化的特征材质肌理丰富了网站设计语言，它可以牢牢地从视觉语言上吸引浏览者；并且激发了设计师的创作灵感。所以，材质的运用不仅仅对网站设计来说是个很有效的创意途径，而最关键的它可以改造进而丰富我们的联想，拓展我们的创意思路。

【参考文献】

[1]李立. 艺术材料的材质及其在艺术设计中应用的研究[D].吉林大学硕士学位论文，2006

[2]丰明高.网页设计中艺术创新的研究与实现[D].山东大学硕士学位论文.2009

[3]王琦.视觉传达中的材质情感表达[D].吉林大学硕士学位论文.2006

[4]高振堂.肌理与艺术表现[J].美术观察.2012（03）

[5]谌洪栋.肌理的美感特征与艺术表现意义[J].吉首大学学报（社会科学版）.2011（03）

【作者单位：安阳师范学院建筑工程学院】