校园服务类APP视觉与功能设计的分析与应用

何润鑫 向伶梅

摘要：随着APP市场的发展，当下在架APP数量已达449万款，但校园服务类APP的数量却相对较少，其中基于校园服务的APP的用户和设计界面显现出不美观，不灵动，未结合自身校园特色，未突出本校园特点的问题，同时功能也并不完善。因此对成都信息工程大学“知校”APP进行分析，提出该类APP视觉与功能设计的一般性思路，为该类APP的视觉与功能设计提供参考。

关键词：视觉设计；功能设计；APP

★基金项目：本文系大学生创新创业国家级项目“CUIT教职工校园移动APP设计”（项目编号：201810621053）阶段性成果。

引言

APP是Application的简称，是指安装在移动端的软件。随着互联网的深度发展，APP数量也相应有所发展，截止2019年12月，我国移动应用程序（APP）在架数量为449万款。校园类APP是指在校园内，满足师生与学校相关需求的APP，其涵盖范围较广，包括了社交，购物，信息查询等，其目标人群也覆盖了从幼儿园到大学。早在2014年，共青团中央便提出了提供“一校一品”的本地化移动APP应用和服务，随着近几年的发展，校园类APP的数量也获得了极大的增长。

1、相关概述

1.1 APP发展背景

（1）优化设计界面，满足用户审美

APP的设计界面是吸引用户使用的设计点，同时也是传达APP关键信息的媒介，因此APP的设计界面十分重要。但现有的校园类APP存在用户界面不美观，不灵动，不简约等问题，因此对于学生或者教职工用户而言，除了行政力量的推动或者缴费等功能的迁移等因素，迫使学生或者教职工去下载校园APP，作为用户的学生或者教职工拥有较少的主动意愿去下载和使用。针对此类问题，通过优化APP的用户界面，结合自身学校特色，特点，在用户界面的关键点去吸引和引导教职工和学生用户的下载和使用。

（2）完善产品设计不足

校园类APP具有特殊性和独立性，其特殊性和独立性在于是需要与本校的实际情况结合，立足本校特色，因地制宜去设计相应的满足本校用户需求的功能，并且在设计中体现出本校特色。例如成都信息工程大学（以下简称“成信大”）知校APP中以蓝色为主调的颜色选取，便体现了以大气为主的校园特色。

（3）提出功能设计的一般性思路

校园类APP同时具有共性。校园类APP的功能设计，对各学校的学生和教职工用户有一些共同功能，例如缴费，校历查询等。因此，通过对成信大校园知校APP的功能分析，得出功能设计的一般性思路，为其余校园类APP的功能设计提供参考。

2、知校APP设计功能分析

2.1 知校APP介绍

知校APP是针对成信大教职工的一款移动端APP，其目的是帮助成信大教职工高效获取信息和有效利用信息。知校APP的LOGO本身是书和鸟的结合，其中书象征着知识，鸟代表着希望与远方，两者相结合代表着在用户的主体，成信大的全体教职工，从事知识相关的工作，知识的鼓舞下，能够不断前行，同时也是知校APP名称的由来，知校LOGO图如图1所示。

2.2 知校APP功能分析

高校校园类APP存在功能单一的问题。因此，知校APP在功能设计上避免这种问题，功能设计较为完善。因为知校APP的用户群体是成信大的教职工，因此其功能模块的设计也是针对高校教职工的需求。成信大教职工想要查询教学等信息，必须登陆学校官网进行查询，且每次登陆必须重新输入密码，十分繁琐，有些功能甚至需要利用校园网进行查询。但随着移动互联网的发展，中国各地的移动端使用率普遍远远高于PC端，更多时候是利用移动端进行信息的查询，因此便出现了查询信息不方便，不及时，不便捷的问题。因此，知校APP设计了校园服务，教学平台，成信要讯，财务信息，消息等关键功能，即通过知校APP这个端口，只需登陆一次，便能查询相应信息，能够有效解决频繁重新登录，必须利用校园网查询等繁琐性和不便利性的问题。

除此之外，APP还包括首页、消息这两大导航栏设计。校园通讯录收录了教职工常用的通讯录，如教务处，计财处等联系方式。校园点餐则可以根据自己的爱好选择美食加入购物车，付款完成半小时内就可以吃到校园美食。校车信息收录了人南校区到航空港校区和航空港校区到龙泉龙泉的校车信息。成信要讯板块主要使通过综合新闻、信息公告、学术动态这三种类型发布最新的校园资讯。教学平台中的课表查询和学生名单则可以为任课老师带来便利，只要通过搜索功能即可查询到相关班级课表和学生名单。财务信息则可以使教职工查询到工资和项目经费。最后，点击个人信息即可看到相关教师的职称、校区、座右铭，功能图如图2所示。

2.3 知校APP设计元素分析

知校APP的用户群体是成信大的教职工，成信大是一所以大气与信息类学科为特色的高校 ，所以主色调选取了象征天空与自由的蓝色，加入了邻近色紫色使画面协调，并运用少量高饱和的橙色、黄色、绿色作为点缀，颜色选取如图3所示。

视觉认知理论的核心理论认为，人在认知过程中大脑的感知系统、控制系统、记忆系统和感知系统共同作用，对界面传达的信息进行分析加工，进而做出操作行为，因此知校APP专门采用了成信大龙泉校区的第二教学楼，航空港校区的乾坤魂、钟楼等标志性建筑，采用立体插画的2.5D形式绘制了引导页面，突出了校园的亮点，界面图如图4所示。

除此之外，知校APP的图标设计也呈现出色彩、风格相互呼应的特点。利用简约的线条，卡通的画法设计出相应功能的图片LOGO，突出了简约的特点，APP图标如图5所示。

3、结语

知校APP，寓意知晓校园生活，是一款为成信大教职工定制的专属校园生活移动APP。项目主要目的是将学校各项重要通知、公共信息等內容通过移动平台及时、有效地传达给本校教职工，为他们的生活、工作带来便利。APP设计的意义在于通过知校APP简洁、直观的实用功能，让学校教职工能随时随地方便、快捷地接收及查询各类学校信息，省去以往在各种平台查询信息的麻烦，提高校内信息传递效率。

通过对知校APP的分析可知，针对校园类APP的界面设计和视觉设计，要注重结合本校实际，在界面要突出简约，灵活，生动，在设计上融入和体现校园的特色，展示出本校的精神风貌，体现出本校的特点。同时，在功能设计上也要注重用户对象，针对用户具体的需求去设计和完善相应功能。具体来说，有以下几点：首先，APP的功能一定要根据用户的最深层次的需要出发，不能脱离实际；其次，APP界面设计风格以简洁实用最佳；然后，APP功能界面设计一定要经过反复推敲，逻辑性一定要展示在界面之中；最后， 校园服务类APP一定要具才有特色，可以是某高校的标志性设计，或者是某个年龄层次喜欢的风格设计，校园服务类APP才更有可能在众多的APP中脱颖而出。因此，其余校园APP在视觉设计与功能设计上，要注重以上几点，才能尽可能满足用户的需求。

参考文献：

[1] 华经情报网.2018年中国APP在架数量、使用时长及移动APP应用的信息安全问题[EB/OL].http：//www.sohu.com/ a/315726497_120113054，2019-05-22.

[2] 唐灏，曹志华，罗庆佳.移动校园APP的设计和实现[J].工程技术（全文版），2016（12）：315-315.

[3] 袁玲玲，朱仲兰.中国高校校园类APP现状分析及发展探索[J].产业创新研究，2018（05）：46-48

[4] 中国新闻网.中国网民行为大数据：移动端使用率远高于PC端[EB/OL].http：//www.chinanews.com/cj/2019/02-20/ 8760062.shtml，2019-02-20.

[5] 胡駿.基于认知心理学的医疗设备界面体验设计研究[D].浙江：浙江大学，2018，25-25.

作者简介：

何润鑫，现就读于成都信息工程大学物流学院，主要研究方向为电子商务；

向伶梅，碩士，讲师，现就职于成都信息工程大学文化艺术学院，主要研究方向为视觉传达设计教育与视觉传达设计。