中国传统文化元素在UI设计中的创新应用

2023-02-14四川职业技术学院黄荣梅

内江科技 2023年1期

◇四川职业技术学院黄荣梅

本文以民族色彩、书法、剪纸、水墨画、传统图纹、插花艺术为代表的六种中国传统文化元素为例，分析并挖掘中国传统文化元素的意义和特点，有效地把中国传统文化元素融入到UI设计中，重新诠释了中国式UI设计。

随着互联网技术和信息化高速发展，高智能高配置的便携产品广泛应用于人们的生活中，使得移动UI行业迅猛发展，方便快捷且具有产品个性的UI界面用户体验尤为重要。如何提升UI 界面的认同感及艺术内涵，将中国传统文化元素有效运用在UI设计中，是当前我国UI设计的一个重要发展方向。

1 国内UI设计中存在的问题

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计不仅要有好的视觉体验，还要呈现出科学性、实用性、合理性等操作体验。目前中国的UI市场发展并不乐观，UI设计的标准仍以欧美国家的设计理念和设计风格为主导，大多数国内UI设计师习惯于模仿、借鉴西方设计思维，造成现有中国市场上的手机、软件、网站等产品同质化现象日趋严重，无法满足国内用户的个性化、高质量的体验需求。我国历史悠久，拥有大量中国印记的传统文化元素，将这些传统元素运用到UI设计上，创立独有的中国式UI设计风格，已成为中国设计基调的必然趋势。

2 中国传统文化元素应用于UI设计中的重要性

中国传统文化元素具有鲜明的民族特色和和深厚的文化底蕴，且题材广泛、寓意深刻。将这些具有中国特点的传统文化元素应用到UI设计中，能够推进了中国式UI设计的长远发展，焕发中国式UI设计的艺术生命，符合现代中国人的审美和民族情怀[1]。

2.1 推进中国式UI设计的长远发展

中国式UI设计要被大众认知和接受，需要找到自身的特色和定位，把中国传统文化元素融入到UI设计中，能够让中国式UI设计拥有独特的创作思路和创作手法，使中国式UI设计呈现更情景交融的环境、更具中国情怀的交互体验，从而提高市场竞争力，推进中国式UI设计长远地发展。

2.2 焕发中国式UI设计的艺术生命

中国传统文化元素具有深厚的文化内涵及特有的艺术魅力，把中国传统文化元素融入到 UI设计中，能显著提升 UI设计的艺术品质、增强UI设计的文化内涵、丰富UI设计的表现形式，使中国式UI设计焕发艺术生命。

2.3 符合现代中国人的审美和民族情怀

中国传统文化元素作为文化的载体，是一种宝贵的精神财富，也是国人的一种民族情怀。把中国传统文化元素融入到UI设计中，能进一步增强国人的民族认同感与民族自豪感，让更多用户在美观舒适的视觉享受同时聚焦中国传统文化，进而促进人与文化的和谐发展。

3 中国传统文化元素在UI设计中的应用

中国传统文化博大精深，民族色彩、书法、剪纸、水墨画、传统图案、插花艺术等元素是我国传统文化中的重要组成部分，在UI设计中融入这些多样化的传统元素，能够真正体现中国式UI设计风格。

3.1 民族色彩在UI设计中的应用

中国的民族色彩极具个性，在历史的发展过程中形成了固定的文化体系，每一种颜色都有特定的文化内涵及色彩意象。在UI设计中将民族传统色彩与设计理念进行融合，一方面，能够给用户带来强烈的视觉体验；另一方面，可以通过色彩元素表达中国传统文化内涵，这样的产品更能引起用户的共鸣，使设计更具价值性以及生命力[2]。

3.2 书法元素在UI设计中的应用

中国书法作为我国传统文化中重要的艺术表现形式，不仅拥有意境神韵，而且具有独特的韵律美。在UI设计中，汲取书法元素独特的结构美、布局美、意象美、韵律美，体会到书法元素笔断意连的深意，就能使UI界面各个组成要素相互呼应、意境深远。

如图1所示，该界面是学生设计师A制作的名为“青花瓷盘中书”阅读类APP的启动页，界面主体是手绘的青花瓷盘中书图案，右侧使用洒脱的毛笔书法展示APP应用程序名，界面四角有序地摆放着青花瓷盘边角图案，与居中的主体图案相互呼应，背景采用水墨山水，整体APP界面展现了书法元素的布局美、结构美，体现了书法元素笔断意连的意境，使得UI界面协调统一、相互呼应、意境深远。

图1 青花瓷盘中书APP启动页

3.3 剪纸艺术在UI设计中的应用

剪纸艺术是我国民俗文化中重要的组成部分，也称镂空艺术，剪纸的造型依据主要是意念和心象，民间艺人们用剪刀对纸张进行剪裁、重构和整合，得到人们心里企盼的理想化的符号和图形，如窗花、门笺、墙花、顶棚花、灯花等。如果我们把这种独特的镂空艺术与UI设计理念及设计技巧有机结合，使得UI界面以崭新的形式面向世界，既能很好地展现UI设计的空间美感，同时也赋予了设计作品丰富的寓意，向用户传达了美的追求和向往。

3.4 水墨画元素在UI设计中的应用

水墨画也被称为国画、中国画，是中国传统绘画技巧的一种形式，是我国传统文化元素的典型代表。水墨由水和墨的多少调配成不同深浅的墨色，墨于水的变化可分为五色，故而水墨画有“墨分五色”的特点，通过墨色浓淡让画面表现出别有韵味的“墨韵”，且水墨画的构图也极具艺术美，巧妙地用到了留白、主次、虚实等技巧[3]。

在所有的水墨画技巧中留白是最为独特精妙的，在字与字间、图与图间、字与图间合理布局，让整个UI作品空间结构更加地主次分明，这不仅提高了UI设计的观赏度、舒适度和体验度，还营造出元素间意境的灵动，抒发独特的人文情怀。

在具体的UI设计中，可使用中国传统水墨画元素作为手机主题背景或APP界面背景，通过特有水墨色调的变化，使整个界面给人时尚淡雅的感觉。在手机主题图标的设计中，可以运用水墨画手法勾勒出独特的线条及纹理，以古风的设计理念展现出不一样的视觉体验。在游戏APP设计中，可以借鉴水墨画虚实结合的构图技巧，比如对于游戏场景的设计，可以将远方的场景进行虚化，将操作界面进行实化，这种设计理念能够更好地增加游戏的沉浸感[4]。

如图2所示，该界面是学生设计师B制作的一款日历APP启动页，界面主体是具有水墨古风的“浓情端午”图文，采用水墨画手法勾勒的祥云图案合理布局于“浓情端午”图文间，主体图文的上下左右适当留白，使得UI界面主次分明、布局合理、丰盈灵动。左下界面用到了墨竹，竹子有“长寿安宁”、竹节有“节节高升”的寓意，为日历APP启动页增添了中国传统端午佳节的祥和；竹枝错落有致，竹叶浓淡相宜，与界面远处的水墨画山水背景虚实结合。该界面恰当地用到了主次、留白、虚实等技巧，使APP作品呈现出耳目一新的艺术美感，有效提高了UI设计作品的观赏度与体验度。

图2 日历APP启动页

3.5 传统图纹在UI设计中的应用

中国传统图纹凝结了历代人民的智慧与创造，具有深厚的文化内涵和丰富的象征意义。比如：鱼图纹表达的是年年有鱼的含义，鹤图纹是长寿、吉祥和高雅的象征，石榴图纹表达的是多子多福的含义。其中祥云图纹在现代设计中被广泛应用，祥云图纹造型独特、婉转优美，表达了吉祥、喜庆、幸福的愿望，其美好的寓意让我们感受到中国传统文化的博大精深。

在UI设计中应用这些传统图纹时，首先应该对其蕴藏的文化内涵及涵盖的深刻寓意充分挖掘。其次，在保持传统图纹基本形态的前提下，利用UI设计原则和表现手法，对图纹造型进行简化、变异、重组，创新设计。最后，形成具有中国特色的UI设计作品[5]。

把传统图纹应用于UI界面设计中，一方面使UI作品更加多样化，另一方面也提升了UI作品的文化内涵。如图3所示，学生设计师C在做了大量市场调研及用户需求后，感受到现代人生活节奏虽然很快，但人们对于美食的需求却多种多样，故而设计了一个名为“每天每食”的APP，包括用户登录、在线查询、在线点餐、在线预定、在线支付，用户评价，个人中心等功能页面。该款APP在启动页面中应用鱼纹、糖葫芦等传统纹样作为底纹，整个APP界面采用了中等明度的橙红色调，让用户愉悦地享受美食的同时也感受到了中国传统文化的魅力。

图3 《每天每食》APP页面

3.6 插画艺术在UI设计中的应用

中国传统插花艺术本着“源于自然、师法自然、高于自然”的指导思想与审美情趣，是人工美与自然美的巧妙结合，尤其是造型创作方面重形尚意，追求以形传神、形神兼备、情景交融而深邃的意境美，使设计达到“虽由人作，宛自天开”的感染力[6]。在UI设计中融合传统插花艺术，根据UI界面特点重构界面布局，巧妙组合UI界面元素，使UI界面构图自由活泼，形式丰富多样，各元素和谐共生，使用户更能产生思想上及情感上的共鸣，获得良好的用户体验。