基于文化转译的传统文化类APP界面视觉设计研究

曹粲

摘要：移动数字设备的广泛普及改变了人们的生活方式。随着社会对中国传统文化的关注度日益提高，越来越多的用户开始使用移动数字设备学习、传承中国传统文化。本文着重从传统文化类APP界面视觉设计方面进行研究，探讨在视觉层面进行文化转译的必要性，并从界面视觉要素等方面结合具体的APP设计案例进行分析，总结归纳在传统文化类APP界面视觉设计过程中进行文化转译的关键要素和规律，以此提升传统文化类APP的用户使用体验。

关键词：文化转译;传统;APP界面;视觉设计

中图分类号：J524 文献标识码：A

文章编码：1672-7053（2020）05-0127-04

移动互联时代下，手机成为人们生活中的必需品。伴随着人们对于精神文化的需求逐渐扩大，传统文化的传承备受关注。传统文化类APP是现代社会人类接触了解中国优良传统文化的重要渠道，但是当下很多传统文化产品对于傳统文化的内涵理解不够深刻，导致用户对此类产品的满意度尚未达到较高水平。因此，在对传统文化类APP进行设计的过程中，如何提升此类APP的质量，更好地将中国千百年来的优秀传统文化以更深刻、更恰当的方式在APP中进行表达和传播，成为当前传统文化类APP面临的重大挑战之一。新的观念与思维方式的导入为我们重新审视传统文化提供了更广阔的思维空间。对传统文化视觉元素进行研究和创造性解读，利用设计手段推动文化传播的过程，也是利用创新思维对文化进行创造性转译的过程。

本文将着重研究传统文化类APP界面视觉设计中的文化转译。在视觉这一层面中，分析并挖掘传统文化类APP如何将优秀的中国传统文化通过现代媒介进行传递，为创作更多具有深刻文化内涵的优质传统文化类APP提供借鉴与思考。

1文化转译的概念

“转译”原本是生物学名词，指的是生物按照从脱氧核糖核酸（DNA）转录得到的信使核糖核酸（mRNA）上的遗传信息合成蛋白质的过程。文化转译原意是指在文化的传播过程中，文化原本的意义会流失，新的意义会被建构。文化转译类似于光的折射，打开、接纳并准许其他文化组合成新的形式。在传统文化类APP界面视觉设计中的文化转译主要指的是传统文化到现代媒介形式的转化过程，即传统文化的媒介转译，其包含了对传统文化原始符号视觉元素的提取和加工，以及精神提炼，加工重新编码的过程，传统文化的符号在传统文化体系中通常有着独特的象征意义。通过对原本的意向进行加工、符号提取、重新组合排列，而重新构成他的意向所指。对于传统文化类APP的界面设计而言，文化转译这一概念是体现于诸多视觉要素的，例如，APP界面图标的设计、APP的界面内涵、APP界面中色彩和文字的设计与运用等都在一定程度上实现着从传统的文化元素向新的媒介形式的转换。通过对文化元素的层层视觉加工，深刻地揭示传统文化的精神和特有的价值，是传统文化转译过程中一个十分重要的环节。在这一过程中应当避免将中国传统元素不经过归纳总结直接应用。设计师如何提炼文化内涵，使用现代化、大众化的设计手法将其呈现成为了重点。在设计过程中，需要设计师充当翻译者的身份，在对APP界面进行视觉设计时，考虑如何从整体和局部细节上真正将传统文化的精髓转译于APP的界面上，通过视觉思维指引人们的情感体验。

2传统文化类APP界面视觉设计概述

视觉设计中涉及的元素主要包括以下几个方面：APP界面图标（即APP的标志）、启动页、引导页、功能页面、空白页等。文章将着重就传统文化类APP的界面图标、界面色彩、界面文字中的文化转译，结合具体APP案例中各设计要素的运用进行分析。

2.1界面图标设计

APP的界面图标如同是一个品牌的标志，用户通常将对一个品牌的印象寄托于标志上，APP界面图标亦是如此。图标是用户在应用商店中浏览APP时最先接触到的视觉要素，因此界面图标视觉审美的优劣往往会影响用户对于APP的第一印象以及后续是否会下载使用。传统文化类APP能否在界面图标这一视觉元素中实现第一次关于传统文化的信息传达是至关重要的。例如，苹果手机APP Store中传统文化类别里的APP的界面图标，如图1所示，除了部分APP在界面图标中采用了简明易懂的文字表现形式，多数APP的界面图标在表意与审美之间巧妙地体现了将传统文化观念转译为图形图像的思维。

视觉图像指向的往往并不是图像本身，而是图像背后的隐喻，视觉图像往往有着复杂的意识形态建构。视觉文化通过图像符号构建了一个庞大的系统，以消费为路径在日常生活领域进行全面渗透，改变了大众的思想观念和行为方式，形成了“视觉文化意识形态”。传统文化类APP作为传达视觉文化的媒介，其受众通过视觉接受信息，丰富着自己的意识。将没有直接对应关系界面图标的外在形态与其表达的所属含义通过联想、寓意等方式创造联系，进而将后者转化为视觉形态以表达其内在的含义。在传统文化类APP的设计中，这些视觉形态大多是以传统文化中的典型形象为参照，将人们对这些传统事物的认知与意识运用到图标设计之中，既能够减轻使用者的辨识难度，又在潜移默化中强调了APP中涉及的传统文化元素与内涵。意识形态的视觉化传播使之融入到人民大众的日常生活，扩大其传播效应和影响力。以“和合”南京博物院APP的界面图标为例，“和合”理念是中华优秀传统文化的一个重要标识，具有丰富的文化内涵，对中国人的世界观、人生观、价值观有着重要影响。在国人的意识中，圆有着和谐圆满的美好寓意，此图标设计以圆形为载体，在圆形中进行简单地几何切割，使其中的线条构成“和”“合”两个字的形态，并使用中国最具代表的红色，给使用者带来直观的视觉体验，从而暗示了此款APP通过介绍南京博物院中暗喻和谐的藏品向受众传达中国“以和为贵”的优秀传统文化。

2.2界面色彩设计

传统文化类APP界面设计透过其外在的视觉形态传递给用户良好的审美体验，这正是将文化元素经过视觉加工后巧妙、恰当地融入了现代媒介的重要体现。色彩作为人类最普遍的感知方式，是情感传递的核心要素之一。同时，其作为传统文化APP最重要的视觉元素之一，关系到APP形象的树立和用户的沉浸式体验。色彩本身的色相、明度、纯度的不同变化和对比，会给人留下不尽相同的心理效应，带给用户文化层面的意义。

在传统文化类APP界面视觉设计中，色彩不仅决定了APP界面的整体风格，还直接影响着使用者的用户体验。同时，传统文化类APP界面中的色彩运用往往对于文化元素的转译起着不可小觑的作用。如图2所示，“故宫陶瓷馆”APP选择了和陶瓷彩釉相近的青蓝色作为APP界面的主背景色，加之烫金色的文字，使得其界面的整体色彩搭配巧妙地诠释了APP的文化主题——陶瓷。很多传统文化类APP界面在色彩的使用上都会选择与文化主题相符的代表性色彩。以“卜石”这一传统玉石文化APP为例，其界面图标和界面的色彩都是以茶褐色为主，辅以相近的浅咖色，整个界面的色彩清新淡雅，也于无形之中映照着APP中玉石文化的主题，将制玉过程以色彩的形式转译于APP界面之上。

2.3界面文字设计

除了色彩之外，传统文化类APP在文字的设计上也存在许多与文化转译相关的考虑。缺少视觉传播方式的APP难以形成用户视觉文化關注点，受众也很难通过复杂的传统文化软件更深入地了解其表达的内容。不同的字体的形体与个性，有不同的视觉传播目的。透过字体本身所体现出的情感与特点，结合图形与色彩等其他视觉元素，传达出文字的“性格”。针对不同的形式与内容，不同的对象或领域，选择性地合理运用不同的字体，从而更加贴近应用主题。

传统文化类APP字体字形的设计应与主题中所传达的文化内涵相呼应，将视觉要素的构成作为主要形式手段，将文字性格与文化内容相融合。面对特殊领域的研究载体，仅用简单的宋体、黑体很难表达出传统文化的氛围，不能使用户产生共鸣的APP会降低用户黏性从而失去竞争力，因此字形的每一笔一划、横竖粗细都要经过对主体内容的考量与对文字性格的理解，才能设计出与之相配的字体。除了字体的设计外，不同的字间距、行间距以及标点的设置也会形成截然不同的界面风格，将表达不同主体的字间距和行间距进行协调与设计，可以对文字情感进行更好地诠释与细化。以“故宫陶瓷馆”APP为例，其文字的排列采用了古代书卷的样式，利用竖形排列增添了藏品的文化内涵，给予用户良好的沉浸感。很多APP设计过程中会选用一些视觉感受上工整秀美、却不乏灵动的字体，在不影响其辨识度的情况下引入繁体字，同时注重文字的大小与排版，这一举措既有助于APP的整体界面风格统一，也在文字方面更加贴近传统文化的精神特质。

3基于文化转译的传统文化APP界面视觉设计原则

根据上述内容，基于文化转译进行的传统文化APP界面视觉设计过程中需要遵循如下几点设计原则：

3.1注重图标的表意性与审美性原则

需要注重图标的表意性与审美性，在图标中暗示APP实际应用时的主题背景，同时考虑采用扁平化、手绘等更符合现代人审美趋势的界面图标设计风格，带给使用者在视觉审美上的愉悦享受。

3.2诠释传统文化元素原则

在对传统文化类APP的界面内涵进行文化转译时，除了要考虑APP的主题背景、用户的使用需求与行为特征之外，需要在APP的界面设计中对传统文化元素进行更好地诠释。

3.3与设计要素相呼应原则

在对传统文化类APP界面中的色彩、文字等进行设计时，同样需要考虑与传统文化主题、风格相呼应，这也是界面视觉设计中文化转译的重要原则。

4基于文化转译的传统文化类APP界面视觉设计思路

4.1把握界面设计中文化转译的方法

对于传统文化类APP而言，其能否在APP界面设计中实现恰当的文化转译是至关重要的。在方法上，则可以通过隐喻、象征、移植等手法来展现。

象征是指利用象征体作用于某一特定人群，再通过联想使之产生有关本体的抽象概念或深刻寓意，实质上则是唤起人们对于某一抽象意义、观念或情绪的记忆。隐喻又称为暗喻，是采用一个或一组视觉符号表达相平行的另一层相关含义。隐喻体现的是两个不同事物之间在性质或者关系上的共性。在使用隐喻手法进行表达时，往往是通过减法法则，简单地呈现部分场景，用户却能够构想出整个故事的画面，这样一来，既让画面变得别具趣味，又给用户留下了无限的想象空间。传统文化类APP的视觉界面设计往往追求“犹抱琵琶半遮面”的意境美，所以在将文化元素呈现于界面之上时常常使用隐喻与象征的手法。以“榫卯”APP界面为例，在对中国从古至今的榫卯结构进行展示和介绍时，APP的界面中的榫卯结构以圆环的形式进行排布，使用者仿如置身于无数精巧的榫卯结构之间，只需指尖的轻松滑动就可以遍览从古至今的能工巧匠在榫卯结构上的惊人成果。设计者运用隐喻的设计手法，将自己的巧思运用于APP界面设计之中，各类榫卯结构以被用户熟悉的转盘形态呈现，使用户可以通过滑动、旋转圆环的交互手势浏览各个榫卯结构。将榫卯这一传统工艺元素生动地呈现于手机屏幕之上，可以说这是一次成功的文化转译。此外很多APP的界面，都以“卷轴”的视觉图形符号来暗示，可以进一步读取文本介绍的操作既提示了用户APP的操作使用流程，又在界面的视觉设计中融入了具有代表性的传统文化元素。

多元文化是指在人类社会复杂化与信息化的背景下多种文化体系并存的现状。在传统文化界面设计中，多元文化要素移植的文化转译是将其他相关联的多元传统文化要素加载项引至主题载体内，通过文化转译的方法使其产出全新的创作成果。具体的表现手法有：

1）将传统文化要素作为加载项移植至中国当代APP交互设计中，如图3所示为“榫卯”APP的功能页，在提示用户通过交互手势完成放大、缩小、旋转任务的部分引入了中国传统绘画形式——工笔画，创造了新式的视觉效果;

2）将国外视觉设计要素作为加载项移植至中国传统文化APP的载体内。2012年美国微软公司发布了全新的计算机操作系统Win 8，当中首次使用以直角矩形为元素整体进行排列的方法来展示了扁平化设计，随后2013年美国苹果公司设计团队，推出IOS 7操作系统，诠释了全新的扁平化概念。例如，“食茶”APP中的功能页，采用了国外设计师提出的扁平化设计手法分别对不同类别的传统文化要素进行加工处理，对设计对象的本质特征进行了保留。

4.2注重界面设计要素中的情感要素

每种图标、色彩、字体都有其特定的情感表现、深层次的象征意义以及在人们心中的特定含义。设计师的直觉、使用经验不能够完全反应用户的情感。为使用户在操作和使用传统文化类APP的过程中得到精神满足，使产品成为连接设计者与用户的情感桥梁，设计师可通过使用情绪板等设计工具进行设计要素的可视化，通过提取表达用户真实情绪中与主体内容相关联的图形、色彩、文字等界面视觉要素，增强用户在交互过程中的情感体验和整体氛围的渲染。

5基于文化转译的传统文化APP界面视觉设计案例分析

此部分结合案例对传统文化类APP视觉界面设计主要元素如何实现合理、高效的文化转译进行分析后，选取lOS应用下载平台APP Store上用户数量较多、口碑较好的一款传统文化类APP，针对其界面视觉设计中的文化转译进行重点分析，并归纳此类APP界面视觉设计中文化转译的要点，为后续同类APP的设计研究提供参考。

以受众所喜爱的传统文化APP“每日故宫”为例，对其界面图标、界面内涵、色彩文字设计中所体现的文化转译进行详细的剖析。“每日故宫”APP凭借精美的使用界面、有趣的交互方式，以及蕴合其中的深厚历史文化内涵吸引了多数用户的喜爱，这一切很大程度上得益于其界面视觉设计中出色的文化转译。

故宫博物院院徽中“宫”字造型取材于“海水江牙”和“玉璧”的中国传统文化元素，具有较高的辨识度。“每日故宫”APP将传统文化中的“祥云”元素以扁平化的手绘风格融入界面图标设计之中，辅以“宫”字印章的视觉元素，仅在界面图标設计这一点中就体现出浓厚的历史文化气质。除此之外，“每日故宫”的界面设计中巧妙地运用了隐喻的手法，如图4所示，其在APP日期界面中的日期数字里加入了今日甄选的馆藏珍品的局部图片，使得用户既能在这一界面上感受到传统文化的独特魅力，又能引发其查看珍品全貌的兴趣。无形之中将文化元素运用巧妙的手法融入了APP界面，别具生趣。与此同时，“每日故宫”界面中的色彩以简洁明快的单色为主，将使用者的注意力更多地集中于藏品之上，但是其选用的色彩也都是极具古典韵味的，虽不喧宾夺主，却也在色彩层次上体现出故宫藏品的独特气韵，成功地诠释了中国传统与历史。最后在文字的设计上，“每日故宫”中的文字多用方正清刻悦宋简体，清新俊秀中暗藏几分刚劲，具有中国书法中笔锋的起承转合，即使只是界面细节上的文字也巧妙地呼应了其中的传统文化元素。

6结语

本文着重对传统文化类APP界面视觉设计中的文化转译进行研究，在了解文化转译必要性的基础上，理解传统文化类APP界面视觉设计与文化转译的关系。经研究发现，在此类APP的界面图标设计中应重视用户意识形态与视觉审美，在考虑APP的界面内涵时使用隐喻、象征、多元要素移植等手法来实现文化元素的转译，以及在界面中运用与传统文化主题相符合的色彩、文字等，都是将文化元素转译于现代媒介之中的常用方法，了解上述界面视觉设计中文化转译的方法途径，对于增强传统文化类APP界面中的文化内涵，更好地揭示传统文化的精神和价值，提升用户对于此类APP的使用体验都是颇具意义的。