中国传统元素在手机UI界面中的设计与应用

彭华 刘琳

（广东农工商职业技术学院，广东 广州 510507）

中国传统元素在手机UI界面中的设计与应用

彭华 刘琳

（广东农工商职业技术学院，广东 广州 510507）

随着手机移动互联网的发展，手机的UI界面设计也越来越受到人们的重视。在雨后春笋般涌现的优秀UI设计中，很多融入了具有中国特色的传统文化元素，它是一个民族文化的结晶。传统图案与现代UI的完美结合，赋予了新的时代感和生命力，使UI的表现具有更加丰富的文化内涵和历史底蕴，同时让古老的艺术得以传承而不断发扬光大。

中国传统元素；手机UI界面设计；融合

一、中国传统元素的艺术特色

中国传统元素作为中华民族五千年来不断沉淀与积累的文化瑰宝，具有独特的民族特色。要想使中国传统元素广泛应用UI界面设计之中，我们必须加强对传统元素的了解，并在此基础之上进行创新和推广。不论是其设计构思还是表现形式上，都应该融入传统元素，并通过现代设计手法和审美观念对中国传统元素进行不断的改造和创新，使其更具时代特色。

创意的精髓，始终在于融合民族的文化特征，民族的才是世界的。对传统图形传承的意义，不在于把传统僵化地保存，而在于在传统的基础上的创新，使传统具有新的生命力。中国传统元素是东方文化中的独特景观和宝贵财富，它是中国传统文化的一种载体，是人类不断完善生命力的自由表现。在现今越来越多的UI界面设计中，很多作品都融入了中国传统特色的元素，这种将传统与现代相结合的方式，已成为很多UI设计师们设计过程中的一种特殊表现手法。中国历史上下五千年的悠久历史中，其产生的传统文化更是博大精深。它独有的特点是：具有多样性、题材广、内涵丰富。尤其是传统图案艺术，不仅起源早，而且形式多样，它是中华民族审美心理的形象展现，承载着中华民族的文脉精神。如商代青铜器上的饕餮图形，春秋战国时期的蝌蚪文、梅花篆，汉代漆器上的凤形，唐代的宝相花纹以及后来出现的金文形态等。古人在追求幸福美好的生活愿望下，又产生了很多寓意吉祥的传统图案，比如 “二龙戏珠”“双凤朝阳”等，在这些吉祥图案中，蕴藏了祖先们的精神寄托，同时赋予了自己的美好愿望，它们是现代文化艺术所运用、创新的源泉与艺术形式。[1]

原始社会各个部落的图腾标志也都是以吉祥动物为主题，这些吉祥的图案，被应用到服装、装饰画、家具、餐具等很多与我们生活息息相关的地方。这些图形随着时间的推移、历史的发展而不断地沉淀、延伸、衍变，从而形成中国特有的传统艺术体系，这一体系凝聚了中华民族几千年的智慧精华，同时也体现出了华夏民族所特有的艺术精神。另外就是中国的传统民俗艺术，如剪纸、版画、皮影、刺绣、戏曲、书法、武术等传统艺术文化形式，从这些丰富多彩的艺术形式中，可以发现我们民族丰富的内心情感与表现创造力。随着时间的推移、历史的变迁， 科学技术、 材料工艺的不断演进以及与外来文化不断地融合、衍变，形成了丰富多彩的艺术形式。

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

信息时代，手机UI在人们的生活中扮演着越来越重要的角色，手机UI的可用性涉及到用户在使用产品时的认知、操作和心理感受等。UI即User Interface（用户界面）的简称。主要是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计(界面设计包括硬件界面设计和软件界面设计，本文主要探讨的是软件界面设计) 包括用户研究、交互设计、界面设计。[2]

中国传统元素在UI设计中的创新表现， 并不代表着中国传统图案表现不出创意感与现实感，要将传统的图案摒弃、淘汰甚至是不再使用，而是要在对中国传统图案学习、参考的形式下，与现代图案设计相结合，设计出具有中国特色的现代UI作品。

图案设计是一种视觉空间符号，这种设计首先体现的是作品的形象与结构，其次才是思想、情感与文化的传达，通过丰富的想象力，结合现代人们的思维方式，充分运用现代视觉形态因素及设计手法，向人们传达具有独特风格的信息。中国传统图案元素中蕴含着几千年的文化理念与思想，我们只有充分了解这些图形的内涵，才能够巧妙地应用于设计中，而不至于生硬、呆板。如2008年北京申奥标志就是现代图案设计的成功案例，该标志充分融合了我国传统艺术中的书画写意手法，并将传统吉祥图案中的中国结这一盘长图形作为基本设计元素，辅以太极拳的传统意象，在图形中注入了现代意念，巧妙地将奥林匹克精神、中国传统文化及北京的城市特点融合到一起。 在这里我们首先感受到的是中国传统元素的一个“意”字， 即以意造形，以形达意。还有中国联通公司的标志也是如此，它采用的是源于佛教“八宝”之一的“盘长”造型， 取其“ 源远流长, 生生不息” 之意，迂回穿插的线条象征着联通公司的事业无穷无尽。这种吉祥寓意的沿用,使我们的现代设计少了一些商业气，多了些文化气息和亲和力。

图1

图2

图3

在现今信息交流如此频繁、丰富的社会，UI设计更应有自己鲜明的识别性、统一性，还要有强烈的主观性和视觉冲击力。所以很多的设计师运用各种形象素材和手法，设计出不同特点的中国风UI界面设计。图1、2两款手机界面的作品都选用了具有中国特色的元素作为设计的主体。图1解锁界面选用了中国传统的名花——红梅，红梅以它高洁、坚强、谦虚的品格，给人以立志奋发之激励，而且它还常被当着传春报喜的吉祥象征。其辅助的图形元素用的是中国的水墨画，用墨色的焦、浓、重、淡、清产生的丰富变化，来作为一个个按钮的装饰纹样，别有一番韵味。图2选用的是中国元素——京剧脸谱，用中国的吉祥纹样图作为背景图。图标部分采用了不同的中国元素，并对此进行了现代的设计和手法表现。整个设计一气呵成，古为今用，具有典型的中国特色。指尖触动的瞬间，也让用户激发起内心的民族情感。此款手机界面具有浓郁的中国风，其个性特征不言而喻。因此，在设计的过程中，要充分考虑和分析传统元素的特点，保证提取的元素具有独立性和代表性，并合理将传统装饰元素提炼出最符合现代审美倾向的装饰元素，这在设计里体现了一种传统性格。

图3是本校学生梁思雅等同学设计的一个手机UI界面作品，设计主体选用的是中国元素——旗袍。从解锁界面开始，到图标部分均以旗袍服饰的特色纽扣为表现重点，整体色调上选用的是旗袍的主打色：宝石蓝，很有中国青花瓷的韵味在其中。此作品获得由教育部教育管理信息中心举办的第七届全国信息技术应用水平大赛（智能终端创意团体赛）二等奖。

将中国传统元素运用到UI界面设计之中，是一种具有创意设计的表现手法，应该本着科学求实的态度，去伪存真，让其具有民族性、现实性。这样不但能突出民族文化特征，同时也能表达出时尚领先的思想潮流，有力地推动人类文明的发展。所以，我们要把握好UI设计与传统文化的精神实质与内涵， 并让这样一种文化气韵在设计者手中自然地表现出来。总之， 随着社会的发展， 在继承和发扬中华民族悠久的传统文化的前提下，让中国传统图案与现代UI设计完美结合，发展好中国的UI界面设计，是十分必要的。

[1] 于娜．中国传统图案在现代标志设计中的运用[J]．艺术与设计,2010（6）:112．

[2] 屠秀栋．浅谈UI设计[J]．电脑知识与技术,2010（7）:1706-1707.

[3] 王利文．中国传统吉祥图案与现代视觉传达设计[M]. 沈阳:沈阳出版社,2010.

2013年度信息技术类教学改革立项项目《高职课程项目教学法的项目设计策略研究》的成果之一，项目编号：XXJS-2013-2018；广东农工商职业技术学院2014年度院级重点课题《数字媒体技术专业三二分段一体化课程体系构建与实践研究》的成果之一，项目编号：xyzd1407

TP37

A

1003-9481(2016)03-0054-03

彭华（1982- ），女，湖南常德人，硕士，广东农工商职业技术学院讲师，研究方向：广告艺术设计。

刘琳（1984- ），女，湖南邵阳人，硕士，广东农工商职业技术学院讲师，研究方向：多媒体信息。