中国传统图案在手机UI界面中的设计应用研究

梁 黎



中国传统图案在手机UI界面中的设计应用研究

梁 黎

在移动通讯技术与智能手机普及的当下，手机已不是单纯的通讯工具，而转变为移动社交、办公和娱乐的综合终端。手机UI成为体现使用者个性与品味的一大考量。但当前手机UI界面设计重视功能，UI设计更多地借鉴、应用西方审美元素。作为我国艺术瑰宝的中国传统图案在手机UI界面设计中鲜见。在这样的背景下，本文简述了中国传统图案及手机UI几面设计中应用传统图案的思路，分析手机UI界面设计的成功案例，分析未来UI设计界面的趋势与国内用户的审美取向。

一、智能手机UI设计概述

智能手机目前逐渐成为通讯行业的主导产品，可视化和触摸式的操作让手机UI界面成为了客户体验的第一道程序，手机UI一方面是智能手机屏幕外观的重要组成部分之一，另一方面也是移动手机应用客户端的logo展示平台。

手机UI界面的设计有着多方面的考虑因素，首先要考虑界面的整体效果，是扁平化风格（图1）还是后现代金属风格还是清新设计的风格，风格的一致性能够给客户带来较为舒适的视觉体验；其次是客户心理的分析，需要根据客户的年龄阶段、文化背景、地域背景等因素分析客户对于手机UI界面的心理需求；除此之外，还要考虑到客户的操作习惯、界面的交互可操作性等不同的因素。

二、中国传统常用图案及其交流的信息

中国传统文化经过数千年的历史积淀和现代文化的洗礼，留存下来了许多具有丰富含义的传统图案，这些图案能够通过较为简洁的构图和线条来展现一个或几个特定含义，例如京剧的脸谱可以用颜色和线条走向表现人物的善恶忠奸、喜怒哀乐，印章可以通过笔势深浅、铁画银钩呈现印章主人的性格偏好，祥云图案寓意吉祥、元宝图案寓意财富、笔墨纸砚寓意才华、窗花剪纸寓意喜庆与节气（图2）、风筝指代春天，等等。

现代产品中常常运用一定的传统图案来表达具有一定叙事意义的设计思想，例如2008年的背景奥运火炬，整体就用祥云图案进行装饰，一方面表现了中国传统图案的美，另一方面也有着美好的祝愿。传统图案也如同音乐的音符一样在应用时有一定的章法，如应用的情境、颜色的搭配、含义是否恰如其分等等。

iphone5手机界面图1　

传统吉祥图案-莲图2　

随着移动技术的发展，智能手机在我国应用比例越来越高。手机各开发商往往只注重手机UI界面的功能性与实用性，忽视了UI界面的审美特性。尤其是在西方审美占据工业设计审美主流价值的情况下，扁平化、极简主义等色彩、图案大行其道。相反，我国传统图案这一艺术瑰宝被冷落，如何让传统图案在手机UI界面设计中焕发新生不仅是传统文化的弘扬，更是对手机UI界面设计素材的丰富和多元化体现。

三、传统图案在手机UI界面中的设计应用

1.手机UI界面设计的视觉艺术表现

（1）统一文化主题的视觉风格

设计师在应用传统图案进行设计的时候，需要对传统图案所表达的文化内涵有较为深刻的理解，在文化走向方面能够有一个较为明确的把握方向，例如图-3的示例当中，文化主题是道教文化，其图标设计展示这一主题尤为明显，例如天气图标运用了祥云图案作为图标的主体部分之一，微博图标则应用了莲花这一吉祥图案，同样应用莲花图案的还有时钟图标和应用列表图标，电话图标则应用了太极图案来表达人与人的信息交互共享，整体颜色也用得额是饱和度高但明度较低的颜色，与中国传统建筑和服饰用色一致，具有较强的文化代表性。

（2）页面布局的传统图案应用

页面布局的传统图案应用有三类，一是图标设计中的传统图案应用，二是跳转按钮的传统图案应用，三是主题设计的传统图案应用。跳转按钮和图标设计中的传统图案应用方式相似，也是符号意义的应用和颜色的选择，但与图标设计不同的一点，跳转按钮的图形大小较小，因此按钮中所应用的传统图案不能复杂，否则图案表达不明晰反而达不到预期效果。主题设计是手机UI界面的总体效果，包括欢迎界面、图标界面以及系统界面等等，是多个UI界面的有机结合，可以有较多的角度来应用中国传统图案，例如时间界面可以根据时间、月份、季节更替不同的代表该时段的传统图案UI。

传统图案在手机UI设计中的应用 图3　

2.手机UI界面的操作设计

手机UI界面的操作可以应用较多的传统图案元素，首先是解锁界面，目前的手机界面解锁应用到UI设计的有两种，一种是滑动解锁一种是图形解锁，这两种解锁均可以讲操作互动的UI图标替换为具有中国传统图案设计理念的图标。例如滑动解锁可以应用风筝图案，在动态中还有一丝风筝飞舞的童趣，图案解锁可以用不同的脸谱图案分布在九宫按钮上，避免了解锁界面的呆板。其次是输入界面，输入界面根据输入法的不同有着不同的界面风格，以搜狗手机输入法为例，该输入法有许多应用了传统图案的输入法皮肤风格，如竹子图案配绿色输入法界面风格、中国结配红色输入法界面风格，不一而足。三是短信界面，短信界面的UI设计可以体现在两个方面，一是对话框的UI传统图案应用，如外框应用传统窗棂图案、祥云图案等等，二是发送状态图标应用传统图案，如发送失败是“怒”的脸谱，成功是“喜”的脸谱，等等。

四、小结

中国传统文化博大精深，传统图案为手机UI界面设计带来了新的灵感和新的方向，在手机UI界面的设计过程中，既有设计师的审美偏好，还有整个社会的文化心理和消费取向，传统图案越来越多应用于手机UI界面中，是中国文化传承的证明也是中华民族文化自信心的体现。手机UI界面的设计在满足用户体验的需求这一基本要求的基础上，设计师们还应该有更高层次的理念需求，传统图案的应用还有待设计师的进一步发掘。

＊ 本文系武汉理工大学华夏学院科研项目（编号：15024）的阶段性成果

参考文献：

1.张玉昆,李冰.浅谈中国元素在现代UI设计中的应用[J].西北美术,2014(03).

2.李黎.论手机UI设计中视觉艺术元素的构成[J].现代装饰(理论),2015(07).

3.雷菁.浅析中国传统元素在手机UI界面设计中的应用[J].通讯世界,2015(10).

梁 黎：武汉理工大学华夏学院讲师