水墨画元素在网页设计中的应用研究

杨清莹

（池州学院 美术与设计学院，安徽 池州247000）

互联网渗透着人类生活的各个方面。随着这个被称作“第四媒体”的网络逐渐成为人的一种生活习惯，并且影响着现代社会的信息传播时，网页艺术设计已然成为时代发展的产物与必然趋势，尤其近年来各类文创机构与产品等产业的崛起与发展，使网页设计重新被赋予新的生命。从中国画的墨法、构图章法和意境等要素入手，深入挖掘其在水墨风格网页界面设计中的转化和延续，将中国画要素和网页界面设计巧妙结合，不仅可以找到中国画要素在水墨风格网页界面设计中的创新设计方法，而且还能实现传统文化艺术和现代网页界面设计的完美结合。这对弘扬民族文化，培养民众的民族文化观，提高审美意识具有很大的创新意义。

1 中国传统水墨画内涵及审美特质

水墨画是中国极具民族特色的一种绘画艺术形式，具有悠久的发展历史。就中国传统水墨画而言，其是狭义的“国画”，是中国绘画的代表，在中国绘画史上具有重要地位。传统的水墨画与中国书法具有较多共通点，即都是通过对点与线的运用来表达创作者的情感态度与审美理想。在水墨画中，创作者从自身主观意识出发，将客观的具象事物进行抽象化处理，这是反映的是创作者的造型意趣与审美，是对创作者个人情感的深入体现。经过长期的历史发展与文化积淀，我们可以从水墨画中提取两大元素：点与线。这两大元素为我国设计的民族化发展提供了丰富的灵感。

就中国传统水墨画而言，其是外在形态与内在意蕴的有机整体。水墨画的外在形态主要表现在三个方面：其一，笔法，即作品创作中的用笔技巧；其二，墨法，如我们所知“墨分五彩”，即以墨与水交融后在所呈现出的浓淡虚实的层次变化将其划分为焦、浓、重、淡、清五种色彩，其中浓墨铿锵有力，淡墨空灵清远，虽然以墨色为主，但是浓淡交替，亦为设计带来意外之喜；其三，章法，即作品构图。水墨画的内在意蕴主要表现在两个方面：其一，气韵，通俗来讲，就是创作者与作品的灵魂，其无法通过感官具体感知；其二，意境，即作品的情与景高度交融所呈现的艺术境界，就中国水墨画而言，其追求的是“天人合一，物我相容”精神境界，这种艺术追求赋予水墨画作品丰富的精神内涵。中国传统水墨画蕴含“天人合一，物我相容”的精神内涵，其追求的是一种人与自然的和谐境界。基于中国传统水墨画的这一审美特质，融入水墨画元素的网页设计也应将展现和谐作纳入其设计目标。其次，以简练笔墨手法乍现丰富精神内涵是中国传统水墨画的又一亮点。相较于其他绘画风格，中国水墨画笔法过于简练，但通过了解我们不难发现，其是以简代繁，利用简单元素传递丰富讯息，简约的笔法中蕴含着丰富的精神内涵。这是形式与内涵的完美融合，体现着艺术家的生活与审美态度。再次，中国传统水墨画运用自身独特表现形式创造出独具特色的审美符号。这种审美符号基于一定艺术设计规律与法则，通过水墨形态变换，突出设计主题，表达设计者思想感情。

2 网页设计中融入水墨画元素的优势及应用

2.1 网页设计中融入水墨画元素的优势

第一，在适合水墨风格的网页设计中融入水墨画元素，如宣传中国传统文化的相关网站，能为其网页设计注入意境美。内涵意境亦被我们称为情境，是艺术追求的主要价值，艺术作品的意境美可以给观者带来强烈的视觉与心理作用，使观者更易被艺术特色所感染。新时代多元技术手段为水墨画元素融入网页设计提供了桥梁，网页中的水墨画元素更具表现力与感染力，增强了网页设计的意境幽美。第二，在适合水墨风格的部分文创网页设计中融入水墨画元素，有利于网页主题的表达。如天猫故宫博物院文创旗舰店中“赏梅迎春”板块，网页设计师以元代王冕的《墨梅图》为创作元素，《墨梅图》为立轴水墨纸本。画面上梅梢倒垂，桠杈重重，枝条密缀朵朵梅花，用简练的笔墨表现出梅花的风神绰约，仿佛乾坤清气尽被摄入其中。梅花自古深受文人墨客喜爱，寓意高洁傲寒。设计师利用其蕴含的极具代表性的精神文化符号，将其与网页设计主题有机结合，更能强化主题的表达，同时亦很好的服务了其文创商品的展示，增强受众消费欲望。第三，在销售如文房墨宝、文玩、茶叶茶宠等相关企业的官网或线上销售网页中，融入水墨画元素，有利于打造网页特色。就中国水墨画而言，其有三大特点：水之灵动、墨之自然与色之单纯，此特点与传统书房的案头器用、中国茶文化的精神内核皆有共通点。由此，可为其网页设计带来动态美感、自然美感与想象美感。

2.2 水墨画元素在网页设计中的应用途径

网页设计中对水墨画元素的应用大致可以概括为以下三个方面：其一，构图方面。中国传统水墨画的构图方法主要是散点透视，网页设计借鉴水墨画的这种构图方法，可以丰富页面内容、提升页面审美意境、强化观者感受（图1）。此外，中国传统水墨画的“留白”手法，也为网页设计构图带来了启示。对页面进行合理的留白设计，可以通过虚实相生扩充观者想象空间、强化作品艺术张力（图2）。其二，笔墨方面。中国历代画家经过不断探索，积淀了丰富的用笔用墨手法，其中用墨方法多被应用于网页设计，就中国传统水墨画而言，其有“墨分五彩”的说法，加上留白，合称“六彩”，即水墨画风格的网页主题主要通过墨的浓淡来突出，这为网页设计增添了纯粹美感。其三，意境方面。中国传统水墨画讲究“气韵生动”，即水墨作品应体现生动、鲜明的精神气质，将其运用于网页设计，可以强化信息传递，为观者留下深刻、持续、生动的印象（图3）。

图1 “瑞金市七彩传媒有限公司”官网设计

图2 汇图网官网设计

图3 水墨画元素网页设计案例

3 网页设计中对水墨画元素的创新应用

3.1 网页设计对水墨画元素的多元化应用

全球一体化发展背景下，在国际经济合作不断深入的同时，国际间的文化交融也在不断拓宽与深入，在此背景下，文化多元化逐渐引起人们重视，并成为人们关注的焦点。多元文化的涌入对我国网页设计理念造成较大冲击，如何在多元文化冲击下构建具有个人及民族特色的设计理念与设计风格，成为网页设计人员关心的主要问题。对此，我们可以对水墨画元素进行更加深入的挖掘，探索同一元素的不同应用方式，以此推动网页设计风格的多元化发展。比如，通过大量水墨元素的运用来营造水墨画的写意氛围，这是比较传统的运用水墨画元素的设计风格。此外，还有一些打破常规的运用方式，比如，突破传统水墨画的黑白色彩局限，在网页设计中为水墨图形添加绚丽丰富的色彩，以此呈现不同的审美效果。再如，通过墨迹晕染形成的不规则图形填充页面背景，以此打破网页元素中的“点线面”常规，提升网页动态效果与设计新意。在探寻同一水墨元素的不同使用方式之外，我们还可以丰富水墨画利用元素，即在对水墨画图形、构图、笔墨、色彩、意境等各元素进行全面、深入利用。

3.2 网页设计对水墨画元素的动态化应用

网页设计过程中对水墨画元素的动态应用主要可以划分为以下两种：其一，“自动式”应用。目前，对水墨画元素的“自动式”应用常见于广告、MV或电影及电视剧的宣传片中。通过数字技术，利用水墨的多种造型手法，构建充满东方美学意蕴的画面，以此提升整个作品的自由性与灵动性，为观者带来新的视觉体验。相较于“互动式”应用，“主动式”应用不需要观者对其进行操作。其二，“互动式”应用。这种应用方式多常见于网站设计中，具体互动方式主要有三种：移动鼠标使原本静止的水墨元素产生动态效果；鼠标移动到特定区域时原本动态的水墨元素呈现静止状态；点击鼠标使水墨元素呈现特殊动态效果。具体而言，网页设计对水墨元素的动态应用，即基于多媒体技术利用图像、文字、音频、视频等元素打破严谨的传统水墨画印象，烘托水墨画元素作品的意态情趣，优化观者感受。

3.3 网页设计对水墨画元素的特色化应用

中国传统水墨画元素与现代网页设计的碰撞，对中国文化传播与网页设计创新来说都是机遇与挑战并存。就中国传统水墨画而言，其不仅是我国极具代表性的绘画艺术形式，同时还承载着我国丰富的文化内涵，担负着文化传承的重要使命。所以，在适合水墨风格的网页设计中融入水墨画元素，不能仅将其作为一种设计手段，而应更深入的从文化层次探索其所蕴含的民族精神。水墨画元素的中国本土特色魅力体现在其对意境的表达，所以，基于水墨画元素进行特色化网页设计时，不能局限于对水墨画元素外在形态的简单放置与组合，而应更加深入的思考，如何通过运用水墨画元素外在形态体现其内在意蕴。我国平面设计大师靳埭强曾提出，设计师在将中国的形式符号运用到设计中时，应有思考的对这些符号进行运用，而不是简单的搬运与模仿，只有经过深入思考，这些符号才能内化成设计者自身的设计语言。要兼顾网页设计整体性与使用舒适度，将网页功能与形式美感、精神体验有机结合。网页设计人员在利用水墨画元素进行网页本土化设计时，应始终保持高度的文化自觉性与民族自尊性，这样才能使中国网页设计在面临西方文化强烈冲击时保持长久活力。

4 结语

虽然目前我国的网页设计发展迅猛，但主要设计思想与风格大多延习于西方，特别是诸多以宣传中国传统文化、旅游、人文为主旨的网站并没有在其网页设计中凸显我国传统文化特色。就中国传统水墨画而言，其笔、墨是一种独特的媒介与符号。在现代设计中已广泛运用，且具备良好的视觉效果和文化意境。网页设计人员在深挖水墨画元素内涵的前提下，基于现代社会审美追求，将水墨画元素应用于网页设计中，不仅可以丰富自己的设计语言，形成独特的设计风格，还丰富了中国传统文化元素及其精神内涵的传承途径，推动了中国传统文化的创新。