朱光　徐丽

摘要：高校美术馆APP作为传统美术馆的延展，是在信息技术迭代下的一种高校美育方式的嬗变，具有特定的美学特征。本文阐述了高校传统美术馆APP设计的影响因素与方法，诠释了新时期高校美术馆的传播形象及教学模式的变革，希望给高校师生全新的学习体验。

关键词：高校;美术馆;APP设计

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

文章编码：1672-7053（2020）05-0089-02

1高校美术馆APP设计的影响因素

APP应用设计包括三个设计层面，即界面视觉设计（GUI）、交互行为设计（ID）、用户体验设计研究（UED）。界面视觉设计是指APP的视觉形态表现，即我们所能看到的一切视觉形象的设计，包括图标、广告、色彩、文字、留白、控件等;交互行为设计是指用户在使用时，与产品或应用的交流方式，其中包括手势、弹窗、功能模块的衔接，以及页面逻辑等因素;用户体验设计研究是指用户群体的研究，例如用户的心理、习惯、地域、年龄、流行等群体主观因素。

这里界面的视觉设计，效果是显而易见的，是艺术設计的集中体现，也是群体客观因素融入的最多环节，所以作为应用的显性因素存在。而交互行为设计及用户体验研究重在分析用户心理，表现群体主观的潜在因素较多，作为持续性的隐性因素存在。实际设计中显性因素深受设计师重视，易被用户感知;而隐形因素常被忽略，但却对产品品质起持续、决定性的影响。所以在高校美术馆的APP设计项目中要注意显性和隐性因素的相互作用。

1.1显性因素

1.1.1图标

图标是APP视觉设计中的重要图形元素，它可以传递APP整体界面的设计风格以及产品定位等形象特征。其中包括APP启动图标、界面功能图标。项目的启动图标是校园文化、形象展示的第一印象，所以在形态、色彩的运用表达上，要注重艺术性及象征意义，注意形式的严谨与秩序的规范。功能图标的创意设计是基于系统应用的前提下，校园整体视觉形象的统一呈现。

1.1.2广告模块

广告模块是网络媒体传播下的产物，早期用在网页端，后来在手机移动端大量使用。优势是在有限的空间下，通过流动播放的形式来提高信息传播效率。那么对于美术馆界面研究来说，可以承载大量的展览、展示信息、艺术咨询等，起到校园文化的宣传作用。同时增添页面设计层次，加强界面设计的节奏变化等视觉设计因素。

1.1.3文字

文字也是APP界面设计中面积占比较大的要素。较图标、图像而言，对于产品信息的传播起到更客观直接的作用。APP中的文字包含标题、说明性文字、广告语等。设计上是介于系统规范与艺术创新之间，在字体样式、编排方式上受到一定的技术局限。高校美术馆APP由于是特定的美学形式，我们在尊重规范原则的前提下，可以挖掘形式美的内在规律，试图在统一中寻求个性，在字高、字距、行距、颜色、面积、轻重等各视觉方面进行研究，突出形象特点，塑造品牌内涵。

1.1.4色彩

色彩可以决定界面调性及对整体氛围起到烘托的作用，优秀的色彩运用可以提供设计的高级感。根据在界面中所承担的职责比重，一般分为主色、辅助色、强调色。主色即在页面中占主要功能作用，可以用在导航、标签、部分控件及按钮上等。辅助色就是均衡、补充主色的，用于协助主色进行主次分配。强调色与主色是相对的，在界面中起到活跃、引导、强调的作用。虽然用色范围很小，但很醒目，常用于主色对比强烈的环境设定，例如消息提醒、点赞、收藏等区域。

1.1.5留白

留白是界面设计中的一种潜在视觉因素，可以起到丰富界面节奏及界定页面版率的作用。项目分为版心内的留白和页面两端的留白。页面两端的留白控制在手机开发时常设置的20像素，能够提供给读者最佳地阅读效果，是常用界面版率的大小范围。而版心内的留白亦是一种正负形的关系，正形起到视觉传达的积极作用，常在负形的相互作用下产生的，所以行距、字距等列表的高度设定应在适宜的点击及视觉黄金比例范围内。

1.1.6控件

控件是APP应用的基本构建，可以分为原生及设计两种，原生即是系统自带的控件操控方式。而设计的部分应注意整体视觉的协调性，不易繁琐花哨，重在功能操作的实用性、便捷性，体现用户群体的使用习惯。

1.2隐性因素

1.2.1交互行为

高校美术馆APP在界面的设计方面应该注意交互的便捷，要在艺术文化传播及美育方式上具备实效性，注意交互细节的设计，例如空白页面、错误操作的友情提示;功能控件及按钮的使用交互习惯;用户手势操作的熟悉理解方式;功能布局的合理逻辑等，这些都是作为优秀APP设计中的重要潜在因素，也是体现产品品质，塑造品牌价值的重要保障。

1.2.2用户体验

高校美术馆APP作为以学生为主体的用户群体，在设计时要考虑到学生的审美取向，行为特点及认知情况。既要在视觉上塑造严谨治学的风格面貌，也要把握时尚艺术的情调细节。内容部分以展览展示、艺术园地、艺术沙龙、名师面对面等教育模块及鉴赏模块为主体，增添积分魅力值、学习基金等增值模块，来激励学生的学习动力，并通过平台更好的交流。

2高校美术馆APP设计的方法

2.1强化启动图标，塑造品牌形象

启动图标是用户开启APP服务的第一入口，它的形象直接决定了用户对一款产品的第一印象。作为线上平台宣传服务的窗口，它的作用相当于公司的LOGO，传递着产品的职能领域，企业的定位理念。高校美术馆APP这一具有特殊使命及美学特征的应用产品，我们要通过严谨的结构、隐喻的形态、庄重的色彩等进行艺术表现，以独立的图形语言来完成整体图标形象的塑造，从而传递出校园文化的品牌特色。设计时应注意与校徽、校旗等学校整体视觉形象的统一性，借鉴图形元素，摄取色彩内涵，基于手机等媒介的成像原理，强化项目图标的品牌形象。

2.2优化界面元素，秉持治学态度

APP的界面设计受显性因素及隐性因素的影响。单一页面中的图标、色彩、文字、按钮、控件等视觉显性元素的运用，是用户对产品认知与体验的第一层级。高校美术馆APP的目标核心群体是在校师生，重在艺术美育及学术交流等服务特点。因此在内容传播及元素表达上应秉持严谨治学的态度，对于界面的整体风格不能过于潮流、浮夸，而应注重色彩、字体、字号等多方面的优化。界面图标的转角、界面版率的控制、字高与行高的比例、控件与列表的占比等设计，都应遵照系统规范，寻求内在视觉规律的把控，利用黄金比例的计算、羊角曲线的数理运用，在严谨规范的界面设计中得到突破，达到一种赋予秩序美感的视觉体验。

2.3把握色彩调性，彰显界面品质

色彩的调性往往是产品界面品质及设计情感的体现，它是通过色彩间的对比而产生的。作为APP的设计，它的色彩是由主色、辅助色、强调色构成，它们之间的色彩对比与搭配，最终决定了产品界面的色彩调性。首先根据色彩本身的属性特征，及学校视觉形象的统一性，来确立界面中的主色系;然后通过整体界面层级节奏的把控及产品定位的限制，来确立辅助色的色系及数量;最后由主色系的情感特征、面積分布及功能特点，决定强调色的色系范围。根据页面的功能布局、结构层次等来实现主色、辅助色、强调色的配比，并通过页面之间的链接跳转、逻辑层级关系，考量流动下界面间的色彩主次节奏。在整体与局部、静态与动态之间，形成综合的色调把握和形象统一，有助于产品内在品质的彰显。

2.4深化情感体验，迎合用户诉求

产品的交互过程及情感体验是产品设计中的隐性因素。隐性因素在产品界面设计过程中具有持续性、主观性、决定性的作用。高校美术馆APP的核心群体是本校师生，次要群体是专业兴趣爱好者及其它院校师生。通过目标群体的共性、行为、习惯等因素的考虑，来设计界面的元素形态、把控色彩的使用调性、优化交互的行为方式。通过用户群体的诉求、痛点、难点等群体主观因素的考虑，来筹划功能的模块布局、设置链接的逻辑层级等。在整体设计创意、设计风格、设计过程中，深化对用户的情感、心理等因素的能量发挥，注重体验效果，满足特定群体的目标诉求。

3结语

作为一款特殊性质的APP，是在信息技术迭代下的一种高校美育方式的嬗变。是为了突破传统教育环境的羁绊，适应新时期教学观念的一场技术革命。本文通过对高校美术馆APP设计方法的提出，实现了与校徽、校旗等学校整体视觉形象的统一性，借鉴图形元素，摄取色彩，强化启动图标塑造品牌形象;界面图标的转角、界面版率的控制、字高与行高的比例、控件与列表的占比等设计，都应遵照系统规范，优化界面元素，秉持治学态度;在整体与局部、静态与动态之间，形成综合的色调把握和形象统一，来把握色彩调性彰显界面品质;在整体设计创意、设计风格、设计过程中，深化对用户的情感、心理等因素的能量发挥，注重体验效果，满足特定群体的目标诉求。实现深化情感体验，迎合用户诉求。其表现出的是一种具有严谨、潮流，特殊意义的产品美学形象，及对师生群体等特殊用户考量下的研究体验。