倪世明

摘  要：随着智能手机的普及，手机从通信工具迅速变成了集社交、办公、娱乐等为一体的生活必需品，人们对UI设计的要求也越来越高。但目前国内的UI设计，更多趋向于学习、借鉴西方的审美元素，缺乏中国传统元素。在移动互联网时代背景下，文章用现代人的审美视角对中国传统纹样加以传承与创新，并将其融入UI设计中，赋予更多的文化内涵，满足用户的审美体验与精神需求。

关键词：中国传统纹样;UI设计;创新应用

中图分类号：TS958 文献标志码：A         文章编号：2095-2945（2019）09-0038-03

Abstract： With the popularity of smart phones， mobile phones from communication tools have quickly become a set of social， office， entertainment and other necessities of life， people have higher and higher requirements for UI design. However， at present， the domestic UI design tends to learn and draw lessons from the western aesthetic elements， lack of Chinese traditional elements. Under the background of the mobile Internet era， this paper inherits and innovates the Chinese traditional patterns from the aesthetic perspective of modern people， and integrates them into the UI design， endowing them with more cultural connotations to meet the aesthetic experience and spiritual needs of users.

Keywords： Chinese traditional pattern; UI design; innovative application

引言

根据工信部2019年1月发布的《2018年通信业统计公报》，2018年移动电话用户总数达到15.7亿户，移动电话用户普及率达到112.2部/百人[1]。面对如此巨大的用户体量，以及人们使用手机时间的不断增长， UI行业迅猛发展。随之而来的是UI设计中出现的种种弊端。APP同质化现象日趋严重，无法满足用户的个性化、高质量的体验需求。此外，现今UI设计的标准，仍以欧美国家的设计师、设计形式为主导。

中国传统纹样内涵丰富、形式多样、不胜枚举，对现代UI设计具有参考价值，是UI设计师们创意的来源。但目前，传统纹样仍未被充分的利用、传承。本文对中国传统纹样进行研究，利用数字技术对提炼出来的传统元素进行复制、变形、再创造，将其抽象概括成现代的视觉表现语言，并结合UI设计进行创新应用实践。本文用现代人的审美视角对中国传统纹样加以传承与创新，使传统纹样在UI设计中焕发新生，既能丰富UI设计的文化内涵、表现形式，又能传承和弘扬中国传统文化，让更多的手机用户接触传统纹样、喜爱传统文化。

1 UI设计概述

1.1 UI设计概念

UI，User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计， 是专门研究、规划和设计让人与计算机或智能手机协同工作，满足人们工作、生活等需求的一种新的媒体艺术[2]。UI设计由用户研究、交互设计、界面设计三个部分组成。好的UI设计是人机沟通、交互的桥梁，视觉美观，操作舒适、便捷。目前，伴随着人们日益提升的软件界面需求，有内涵、个性化的UI界面显得尤为重要，这也是本文创新实践的着力点。

1.2 UI设计现状

在国外，UI设计已有几十年的发展，UI设计师岗位分工明细，不断完善发展。在国内，UI设计尚处于起步阶段，高水平、有经验、能满足市场需求的设计师为数甚少。此外，國内UI企业缺乏对用户的研究，在人机交互、界面设计上都学习借鉴欧美设计模式，同质化现象严重，一定程度上导致国内UI设计落后于国外。与此同时，互联网产业极速发展、日新月异，人们对美好生活的需求日益增长，倒逼国内UI设计行业走上升级之路。UI设计行业不能简单停留在复制操作上[3]，要不断探索设计方向，寻求更为合理的设计方案，满足用户的视觉、心理、交互等全方位的体验，突破现有的发展瓶颈，实现由中国制造向中国创造最终走向中国智造的领先水平。

而作为UI设计师，应该积极思考如何在数字平台上应用中国传统纹样，创造出具有中国特色的UI设计作品。本文将中国传统纹样在UI设计中创新应用，就是一次很好的尝试。

2 中国传统纹样

中国传统纹样作为传统文化的重要构成部分，贯穿中国五千年历史发展的各个阶段，是不同时期风俗、生活习惯的符号演化，凝结了历代人民的智慧与创造。中国传统纹样文化内涵丰富，具有成熟完善的视觉系统，具有跨文化交流的能力，能彰显传统文化个性，展现美学精神[4]。在高度现代化、信息化的时代，如何将中国传统纹样与现代UI设计更好的结合，是UI从业者需要思考并实践的问题。

2.1 中国传统纹样分类

中国传统纹样种类繁多、寓意深刻、内涵丰富，如表1所示。

按照构成形式分，有单独纹样、适合纹样、混合纹饰、连续纹样、其他纹样等。

按照纹样形象分，有植物类纹样、动物类纹样、人物类纹样、几何类纹样、器物类纹样等[5]。

2.2 中国传统纹样的应用方法

如何将中国传统纹样融入UI设计？

首先要正确理解中国传统纹样的文化内涵。传统纹样经过历史的积淀，具有独特的寓意和理念，要深入解读其中的内涵，而不是“拿来主义、照搬照抄”。其次，对纹样进行重构、互融、借鉴[6]。重构：在保持传统纹样基本形态的前提下，依照现代的审美观念，对纹样造型进行简化、变异、重组;互融：融合不同性质或种类的纹样造型元素，再重组;借鉴：在UI设计中，借鉴传统纹样的设计原则、文化理念与表现手法。最后，形成既具中国传统特色，又具当代气息的UI设计作品。

3 中国传统纹样在UI设计中的创新应用

在研究了中国传统纹样的精神内涵、色彩、形态后，运用重构、互融、借鉴的方法，结合UI用户研究和设计趋势，将传统纹样创新应用于UI 设计中，推出一系列具有中国特色的现代UI设计方案。

3.1 传统纹样在ICON设计中的应用

ICON，即图标，是一种视觉符号，具有标志意义。受众对图标的第一视觉感非常短[7]，因此，在图标设计上，要尽可能造型简洁，又能引导用户进行交互操作。如图1所示，学生设计师A从传统“连珠纹”中得到设计灵感，与现代视觉符号“箭头”进行互融，巧妙地应用于线性ICON设计中，向人们传达输入法的信息，设计生动、独特，富有想象力。此外，在视觉感官上，给用户一种传统与现代融合的秩序美感;在交互操作上，能迅速让用户联想到ICON含义，增加了UI产品的内在张力。

3.2 传统纹样在 BANNER设计中的应用

BANNER，即横幅广告，形象鲜明，表达UI页面中最主要情感思想、宣传中心。BANNER由文案、商品/模特、背景、点缀物等构成，具有较强的表现力和交互内容。如图2所示，学生设计师B应用了传统“吉星锦”纹样，以吉祥星星做底图装饰，让高科技的VR虚拟现实产品更具神秘气息。该传统纹样应用的情境、传达的内涵恰如其分，整个BANNER画面极具设计美感，给用户一种跃跃欲试的感觉。

3.3 传统纹样在APP页面设计中的应用

将传统纹样应用于APP页面设计中，是一种极具创意的表现手法，一方面让UI设计作品更加多样化，另一方面也提升了作品内涵。如图3所示，学生设计师C在“网易云音乐”的APP改版设计中，应用传统植物纹样作为底纹，整个APP画面用牛皮纸的土黄色调，形式统一，让用户感受到富有浓厚历史底蕴的音乐力量。

如图4所示，学生设计师D在做了大量用户研究后，了解到现代人生活繁忙，没时间去博物馆，故而设计了一个名为“每日博物”APP，包括博物馆、展览展示信息、个人中心、每周精选等版块，让用户在手机上也能逛博物馆。该款APP设计，给用户一种全新的博物馆体验。在“每日博物”APP启动页面，就应用了诸多传统纹样：仕女纹样、飞鹤纹样、植物纹样等，APP页面唯美动人，自然流露出一种文化气韵。

4 结论

从中国传统纹样中汲取灵感，运用重构、互融、借鉴方法，创新应用于UI设计，不但豐富了UI设计的作品形式，展现了传统纹样的独特魅力，也有利于传承弘扬中国传统文化。立足传统，积极创新，本文也为其他传统纹样的创新设计与应用提供借鉴。

参考文献：

[1]2018年通信业统计公报[R].北京：工业和信息化部，2019.

[2]周陟.UI进化论[M].清华大学出版社，2012.

[3]武利敏.UI设计中的视觉表现研究与实践[D].兰州大学，2018.

[4]周岳.传统纹样构建当代视觉形象的五大优势[J].美术观察，2018（9）.

[5]班昆.中国传统图案大观（二）[M].北京：人民美术出版社，2003.

[6]杜文娟.传统图形纹样在现代家具设计中的应用——以几何形纹样为例[J].美术大观，2012（9）.

[7]杨洁.网页图形界面的图标设计风格研究[J].设计，2015（7）.