传统文化类APP界面视觉设计研究

刘钥恒

【摘 要】传统文化和现代技术的融合是文化发展的新趋势，尤其是信息化和大数据时代的到来，推动着传统文化与现代生活的有效融合。APP作为一种以智能终端为平台的表现形式，为传统文化的进一步推广提供了更为广阔的创作空间和传播空间。移动应用的界面是与用户进行互动的最为关键的一环，本文从视觉心理学的角度出发，以“解读心经”为例，分析讨论APP界面下设计的三个基本方面：布局设计，icon设计和色彩搭配，进一步论证了一个APP的设计应紧扣以上四个方面，以人为本，从目标用户的角度出发增进服务设计的可视化，真正让新的技术手段成为我们传承文化，传播思想的方式。

【关键词】设计心理学；APP界面；解读心经；传统文化

中图分类号：J524 文献标志码：A 文章编号：11007-0125（2018）30-0117-02

一、格式塔设计心理学指导界面设计可行性简述

设计心理学不是一个单一的绝对的理论，而是建立在心理学基础上。它研究人们在设计创造过程中的心态，和设计对社会及对社会个体所产生的心理反应是如何反作用于设计的。本文的设计心理学的心理理论主要来自于格式塔心理学的一些研究成果。格式塔心理学又称“完形”心理学。另一方面，任何一种设计都离不开色彩，设计者和观者对设计产品色彩视知有丰富内容，日本有些学者将人色彩感受概括为七种，即冷暖感，轻重感，软硬感，强弱感，明暗感，宁静兴奋感和质朴华美感。心理和情感激发是鼓励用户付诸行动一个的宝贵工具。从设计心理学的理论出发，我们可以看到设计心理学对APP界面设计布局，形态和色彩的执导意义。

二、目标用户对于传统文化类APP界面的视觉需求

传动文化中的佛教文化是我们传统文化的一部分，很多人很想了解他们学习其中的智慧。《心经》是释家经典，是影响最为广泛的传统文化典籍之一。我们希望能够通过一个轻松有趣，可见可感的方式，把以往一些分散的信息更加集中的通过APP的新平台呈现出来，让更多的人了解到它蕴含的智慧。

文化经典的历史性决定其界面在整体风格上须突出素雅的气韵，传达传统文化的主旨。APP的icon及背景设计可以结合中国的传统元素加以创新，如云纹、篆刻、书法、国画山水等；APP在人机交互界面设计上不仅能准确无误地传达信息，更应注重界面的交互性，关注人的深切需求。

打开一个APP，当界面内容映入用户眼帘的第一刻起，用户便能很快地对这个界面产生一个感受，即對这个界面是好恶，这便是设计心理学中情感化设计的第一个感情层次——本能层次。Donald Norman就根据情感在设计中的作用，在他的《情感化设计》一书中提出了关于情感化设计的三个层次的评价因素：即本能层次、行为层次和反思层次。当人们在深入地了解与接触那款APP的过程中逐渐关注到界面的效能与实用性，期间，情感因素也上升到了行为层次。随着进一步的深入，人们的情感体验就会上升到反思层次。

三、传统文化APP界面视觉化设计——以“解读心经”为例

“解读心经”是一款以心经为主体内容为重心的视觉化表达的文化教育类APP。包含四个板块禅学故事、解读经典、素生活和佛历，通过三个层次向受众表达以《心经》为中心的佛教文化天人合一、敬天爱人的普世思想。从用户的角度出发，“解读心经”在移动互联网模式大发展的背景下充分发挥了该软件的界面可用性。

（一）布局设计。当人们在使用APP时，首当其冲的时界面的布局，一个APP能否吸引顾客的眼球与之布局设计密切相关。界面设计的责任要理清条理，准确的传达信息。 “解读心经”从开机画面（图1）就做出了整体风格的明确，进入主要菜单界面（图2）更是在视觉上强调统一，在功能上重视清晰简单。页面布局主要以四大功能为主，图标外框装饰缓慢旋转，暗示用户点击的互动设定，将辅助功能统一放在更多的功能模块下，保持主界面的简单。在二级界面中，从古代国画白描风格为参考，白描莲花（图3），抽象的云纹水纹山石这样统一视觉元素，参照传统纹样中圆形意向性表达，强调简洁之美。在三级界面上，与内容相结合，更多的使用图形来表达信息，减少人们对文字的阅读，符合现代人的阅读习惯。总体布局设计中，希望能在保留艺术风格审美趋向的基础上，凝练地传达出最准确的信息。

（二）icon设计。“解读心经”中的图标和各类icon设计均采用了扁平化设计风格。

图标的设计（图3-2-1），以佛教初传入我国的汉代为时间定位，又以“文字般若”为造型起点，从汉代篆书中“心经”提取重要元素进行抽象化变形，其中提取“经”的偏旁和篆书中的“水”进行近似化变形，已体现出本APP的内容是从“心中流出的甘露”。首先呼应了《心经》是大般若经的中心阐释，其二表达了佛教中从心出发“见性成佛”修心的思想并于现代提倡的提高思想道德，修身自省等理念不谋而合其。主要字体的使用，以第一次出现雕版印刷《金刚经》的宋体为定位点。“解读心经”图标的力求从时间空间，意向造型整体的表达APP的内涵和意义。

Icon（图3-2-2）的设计是在一个云纹抽象造型的基础上进行图底互补。从功能内容出发，提取“禅师、莲花、树叶、日晷、山水”代表模块功能，使用扁平化的艺术风格进行凝练，与整体风格贴近，进一步呼应主题。

（三）色彩设计。文化经典的了解其实是一个心与伟大智慧相碰撞的过程。“解读心经”在色彩搭配上APP中选择金色为主色，旧宣纸的纸色和纹理为基底，符合了用户以往对经典阅读的物理印象；金色代表圣洁、高贵、典雅，而且比较明快，作为旧纸色作为的底色，一方面较强的色差使得信息更容易出跳，另一方面，同色系的调性，在视觉上比较柔和，减少阅读所带来的视觉疲劳，更符合用户的阅读习惯。

四、总结

APP的界面视觉设计对于一个应用是否可以达到目标用户的需求起着至关重要的作用，而与平面视觉设计不同，应用的视觉设计涵盖了功能模块的交互和主要信息专递的功能。本文希望从对界面视觉设计的研究角度出发，论证APP界面设计、icon设计和色彩设计方面在APP整体使用推广中占据重要地位，提高APP视觉设计上的美观性的同时，把握其可操作性和实用性，满足客户的实际需求，从而为APP在市场上站住脚打好基础，在激烈的APP市场中独树一帜。

参考文献：

[1]钱利赢，汤程心.古镇旅游APP界面可用性研究[J].杭州电子科技大学数字媒体与艺术设计学院.

[2]孙娟.网页游戏界面的设计与研究[J].中国地质大学.

[3]Noman.A.D.设计心理学3：情感设计[M].何笑梅，欧秋杏译.北京中信出版社，2012.

[4][美]约翰逊.认知与设计：理解设计准则[M].人民邮电出版社，2012.