传统元素在UI界面设计中的应用

周玉成　韩思凡　黄蓉

【摘 要】当今全球化的语境下，将中国传统元素应用于UI界面设计中，不仅是对中国传统文化的重新审视，继承，发扬与创新，同时使本土产品更具民族特色和个性，提高本土用户的体验，符合本土用户的精神需求。

【关键词】传统元素；界面设计；UI

中图分类号： TN929.53 文献标识码： A 文章编号：2095-2457（2018）03-0035-002

Application of Traditional Elements in UI Design

ZHOU Yu-cheng HAN Si-fan HUANG Rong

（Nantong Institute of Technology， Nantong， Jiangsu 226000， China）

【Abstract】In the context of globalization， the application of Chinese traditional elements to the design of UI interface not only re-examines， inherits， develops and innovates traditional Chinese culture， but also enhances the local products with more national characteristics and personality Local user experience， in line with the spiritual needs of local users.

【Key words】Traditional elements； Interface design； UI

当今全球化的语境下，将中国传统元素应用于界面设计中，不仅是对中国传统文化的重新审视，继承，发扬与创新，使本土产品更具民族特色，同时使国内的移动终端产品更加符合中国本土用户的认知习惯和精神心理需求。2008年北京奥运会的会徽“中国印”，吉祥物福娃“北京欢迎你”和祥云火炬，在设计上都运用了民族性很强的传统元素，不仅体现了强烈的民族特色，同时具有非常强的国际性。在国外人眼里，这些元素就是中国的文化，就是中国的代表。一些国人耳熟能详的文化元素，使得设计作品具备了很强的感染力。“民族的就是世界的”。从心理学的角度讲，人们对于审美对象，不仅求新，同时也怀旧。人们意识中的“喜新怀旧”、“喜新寻旧”的心理特点是同时共存的，它最容易引起人们的审美情趣。[1]本土界面设计中是否蕴含中国传统文化符号也成为其是否成功的重要因素。

1 UI设计

UI是用户界面（User Interface）的简称。界面是介于用户与硬件之间，为彼此互动沟通而设计的相关媒介。[2]由此可以看出，界面可以理解为人与机器沟通交流的桥梁，用来满足人机交互的需求，从用户角度去衡量系统的可操作性。

用户界面是用户与计算机完成信息交互的媒介，是指软件的人机交互、操作逻辑、界面美观的整体设计等，也包括信息的输入和输出。用户界面涵盖的范围广泛，定义范畴包括人机交互与图形用户界面，用户界面存在一切参与人与计算机信息交互的领域。好的用户界面设计不仅表现形式美观，而且易学、易记、易操作，可以使用户轻松愉悦的完成交互。因此好的界面设计必须结合相应的用户研究，只有了解用户的真正需求，才能设计出便捷、舒适的界面产品，才能真正满足用户的需求。

2 中国传统元素

中国作为四大文明古国之一，历史悠久，在五千年的洗礼中，积淀了无数的传统文化瑰宝。中国传统元素作为传统文化的载体，是一种独特的精神财富，也是国人的一种特殊情怀。中国传统元素来源于中国传统艺术，从传统艺术中提炼出来的精华，通过有形和无形的形式表达出来。在时间的长河中，积累了众多的艺术形式，题材广泛，涉及到生活的个层面，内涵丰富。中国传统元素包括那些呢？五千年的衣食住行、道德文化、民俗习惯、人生观、价值观等都是中国传统元素的体现，还有戏剧、皮影、剪纸、吉祥图腾等都是中国传统元素。

2.1 中国传统元素的分类

“中国人丰富而细腻的情感来自博大精深的传统文化。传统文化又体现在图腾、器具、服饰、风俗、艺术以及人们的价值观念和生活习惯等各个方面。传统文化是深深根植于我们身体的流动的血液。”[3]“中国传统化设计思想是以古老和朴素的内涵、淡雅的形式展现在历史文明之中。”[4]

中國传统元素的组成部分非常广泛，种类繁多，寓意深刻，内涵深厚。按照素材进行罗列分类，中国传统元素大体可以分为以下几个部分：

字体图案类：包含字体、书法、篆刻、木板年画、吉祥图案、民间绘画、丹青等；

神话类：比如人们信奉的土地神、财神、寿星等等，以及古往今来大家津津乐道的嫦娥，牛郎织女、八仙过海、门神、麒麟等；

建筑类：苏州古典园林、钟塔、庙宇、故宫、天坛、三大石窟等；

自然景观类：五岳（华山、嵩山、泰山、衡山、恒山）、丽江等；

动植物类：国宝熊猫、仙鹤、国画牡丹、梅兰竹菊等；[5]

民俗手工：剪纸、风筝、陶瓷、文房四宝、传统四大印染技术（灰缬、绞缬、夹缬、蜡缬）、刺绣、泥塑等；

乐器类：琵琶、扬琴、古筝、笛子、编钟等；

服饰类：旗装、旗袍、汉服等；

2.2 中国传统元素应用的方法

中国传统元素的应用方法，笔者认为主要有三种：色彩、形态、精神内涵。不同的民族和地域对于色彩的认识都不同，色彩的象征意义和情感特征也不一样；而对于事物的形态表现也都具有非常明显的特色；精神内涵就更不必说了。

3 中国传统元素在界面设计中的应用

3.1 界面设计的现状

有专家指出，中国是全球人机界面需求量最大的市场，但却不是全球人机界面产品销售额最高的市场，这说明，低端人机界面用户在中国占有很大的份额。[6]目前中国的UI市场发展并不乐观，很大程度上因为一直在模仿学习国外的设计风格，导致并未有较具特色的UI设计，并且受到外来文化的冲击。中国历史悠久，拥有大量能代表中国的传统元素，将这些传统元素运用到UI设计上，形成自己的风格，在UI设计上也越发具有特点和个性。

3.2 中国传统元素在界面设计中的应用

中国传统元素在UI设计中的应用，如图1的界面设计是以“四君子”之一的竹子为壁纸，在表现形式上采用中国特有的中国传统水墨画的形式。南朝谢赫的《古画品录》：讲究“气韵生动”，不去追求物象表面的相似，而更加看中作画者的个人情感；讲究“以形写神”，更重要的是去表达存在于似与不似中间的感受；讲究“笔墨神韵”，这里主要谈论墨法，墨分五色，浓、淡、干、湿、焦；讲究“骨法用笔”，不注重焦点透视，不去刻意突出外部因素对于物象的影响；讲究空白的布置和物体的“气势”。[7]西方绘画向我们展示的是“再现”的艺术，中国传统水墨画让我们明白了什么是“表现”的艺术。

传统水墨画以黑白两种“颜色”为载体，通过水和墨不同比例的融合，从而在宣纸上自然晕开产生黑白灰多种层次和丰富的变化效果，体现中国传统水墨画“墨分五色”的特点。此款界面设计中以梅兰竹菊四君子为主要元素，竹子气节高尚，颜色选择以天青色为主，时尚淡雅；图标的底图使用荷叶的纹理营造出瓷器的冰裂纹，荷花一直是我国古代文人墨客特别钟爱的花，有周敦颐的《爱莲说》等，荷花“出淤泥而不染，濯清涟而不妖”，冰清玉洁；颜色仍然使用天青色，给人感觉雅致怀旧；图标形状上并无十分特别之处，只是在图标的表面都用中国元素，如中国书法，写意花卉等。《竹》主题桌面设计作品以中国传统的行书、水墨画以及“文人墨客”崇尚的“四君子”为元素，是极具中国特色的UI设计。

《东方印象》主题桌面获得2016年计算机设计大赛三等奖，如图2，主要运用的也是中国传统元素，锁屏界面主要运用的就是文房四宝，笔墨纸砚；而主屏的各个图标也是取传统元素的隐喻含义，如天气的图标，使用的就是古时油纸伞的形态，颜色的选择使用墨色，既像一滴墨又是一把伞，寓意天气情况；时间的图标使用的是日晷的形态，其实也是运用隐喻的手法；指南针的图标也是使用中国古代四大发明之一的司南。司南指我国古代辨别方向用的一种仪器，据《古矿录》记载最早出现于战国时期的磁山一带。用天然磁铁矿石琢成一个杓形的东西，放在一个光滑的盘上，盘上刻着方位，利用磁铁指南的作用，可以辨别方向，是现在所用指南针的始祖。[8]而应用商店的图标，使用的是古代的类似店招幌子的灯笼，极富民族特色；信息的图标，使用的飞鸽传书的样式，古时候传遞信息的方法有很多，飞鸽，烽火，快马，暗号，手语，书信，旗帜等；计算器的图标不同于一般图标使用加减乘除的标志，使用中国传统的算盘来表示计算机，十分富有特色，一目了然；电话本图标使用的是，古时候折页装的名册来寓意电话本的意思；使用接近电话听筒外形的如意作为电话的图标，外形上取如意外形，寓意吉祥如意。地图的图标使用的是传统卷轴画的表达方式，而卷轴上的地图使用的是中国地图的雄鸡形状，涵义一目了然；还有其它图标，不一一赘述。

综上所述，中国传统元素在界面设计中的应用，主要以色彩、形态以及隐喻涵义的形式，进行表达。这类富有民族特色的界面设计（图标）对于本土用户是非常具有吸引力的。中国传统元素在界面设计中的应用，不光是本文案例中运用到的，还有很多可以应用的元素，不同的设计师对于传统元素的不同理解会形成不同的设计作品，世界的就是民族的，期待更多具有中国特色的UI设计作品出现。

【参考文献】

[1]自赵峰.《中国传统文化符号在移动终端界面设计中的应用》p33.

[2]常方圆，于胜男主编.《移动应用界面设计》p1.

[3]赵峰.《中国传统文化符号在移动终端界面设计中的应用》p36.

[4]赵峰.《中国传统文化符号在移动终端界面设计中的应用》p36.

[5]欧国庆.《中国传统元素在星巴克设计中的应用研究》p28.

[6]赵峰.《中国传统文化符号在移动终端界面设计中的应用》p21.

[7]李前钱.《传统水墨元素在手机游戏界面设计中的应用与研究》p10.

[8]https：//baike.so.com/doc/5411844-7569170.html.