“友人撑伞”手机借伞APP界面设计研究

摘 要：本文旨在研究数字化校园互助平台的开发设计，通过手机APP的使用提高师生之间沟通的效率，让大家体会到校园内的温情。之所以选择做借伞的APP应用，是因为在下雨时，笔者看到过太多次师生在雨中狂奔的身影。天有不测风云，谁也不能断定何时会下雨也不可能随时随地身边都带着一把伞，就算是天气预报也不能完全准确到几时开始下雨，所以笔者把借伞这个互助方式作为本文的研究内容。

关键词：校园互助；手机借伞；APP界面设计

1 前期调研

江南的天气阴晴不定，所以身处江南校园的我们也是“身不由己”。特别是梅雨季节，在雨中狂奔回宿舍、食堂、教室的身影数不胜数。于是，这给了笔者灵感，想设计一款借伞的校园互助APP软件。当定好题目后，首先想到了它实施的可行性，所以在软件界面设计之前，设计了一份电子问卷，问卷主要投放对象是大一、大二学生，发放问卷300份，有效回收问卷258份。回收之后对问卷的选择做了计算分析，愿意使用本软件的支持率为81%，愿意对使用过程中雨伞损坏进行赔偿的支持率为77%。单从问卷结果数据看，本软件的使用可行性还是比较高的，这也给了笔者很大的鼓励。

2 功能设定

首先，既然是借伞软件，肯定不免要解决这么几个问题：如何借、在哪里借、借伞是否有偿等。如何借？应当说比较简单，从软件设计上来说几乎是一键式解决。在哪里借？虽然借伞不如火烧眉毛那般急促，但使用时一定也是需求很急迫的。所以，该软件的主要功能就是让使用者在最短的时间内借到雨伞。笔者根据学校的楼宇布局特点，把借伞点设定在了如下几处：实训大楼一楼、图书馆一楼、A楼报告厅、美食城和快递超市。借伞点主要设置在教学区和商业区，因为很多学生就近出行时比较容易忘记携带雨伞。借伞是否有偿？是无偿使用的，但是需要及时归还，如果归还时出现了人为的损坏需要支付一定的赔偿金的。

其次，这也是一款数字化校园互助软件，需要把学生之间、师生之间的互动帮助功能添加进去。于是，笔者参考微信、QQ等软件，把对话聊天功能也加入了进去，希望可以通过此软件，让使用者建立更广泛的校园人际关系，让师生之间的距离变得越来越近。

3 设计过程

3.1 软件命名

每当遇到突降大雨身边无伞时，心里常念叨的一句话就是“要是有把伞或者有人过来合撑一把伞该多好啊！”其实很多时候，我们带伞者的伞够大，只是因为和需要帮助的人不熟悉，不好意思主动提供帮助，所以，笔者把该软件的名称定为“友人撑伞”。“友人”和“有人”谐音，也包含了朋友的意思，用“撑伞”而不用“借伞”，体现了此款软件的互助概念。

3.2 图标设计

图标分为软件主图标和多个系统功能图标。主图标（如图1、图2）采用雨水和伞的特征元素，让使用者一眼就能知道该软件的用途。颜色采用橙色和白色的搭配，提高图标的识别性和关注度。

系统图标是根据功能来设定的，主要有如下功能：扫码、借伞、动态、提醒、设置、联系等。图标主要采用伞的抽象形态来表现，有合拢时的形态，也有撑开时的形态（如图3）。图标采用扁平化处理，每一图标对应的功能，简单明了，下方添加了长投影，让图标显得更生动、立体。

3.3 界面设计

启动界面分两种时态，一种是晴天模式，一种是雨天模式（如图4、图5）。界面背景主体颜色采用蓝色，晴天减弱色彩饱和度，显得轻薄；雨天增加色彩饱和度，显得厚重。

功能界面则完全遵循之前的功能设定来设计。从软件登录（如图6）进去就是一个提醒窗口（如图7、图8），将本软件是否有偿使用的情况都告诉使用者了。下面是借伞的过程：

学校的简易地图类似于百度地图一样，可以标注使用者当前的位置，通过导航或路线提示就能轻松的找到距离使用者最近的借伞点（如图9、图10）。当然，也可以通过互动功能来向周围的人发起借伞或合撑伞，类似微信或是QQ的聊天功能，相信使用者很容易就会使用（如图11）。

最后，“我的”界面，类似于使用记录的状态，可以从里面清楚看到自己借伞的次数和帮助他人的次数。当然雨伞的破损率也是标注的，时刻提醒使用者在接受他人帮助的同时也要爱护公共设施。

4 结语

手机是一把双刃剑，能拉近人与人虚拟世界的距离，也能让人与人在现实世界中彼此疏远。本款校园APP产品的出发点，是通过一个互助的平台拉近学生之间、师生之间的距离。笔者作为一名视觉传达专业的教师，从界面美化的角度进行设计。借伞仅仅只是一个切入点，不管是借伞、借书或是借车，让我们通过手机APP这个平台，把这些方便他人的举措在校园里无限的扩散和发扬。

参考文献：

[1] 孙净宇，李澈，张震，等.高校校园APP发展发展现状初探[J].数字与出版，2014（6）：84-85.

[2] 刘宗平.浅析数字化校园建设中的移动校园平台建设[J].科技创新与应用，2013（14）：83.

作者简介：黄欣（1984—），男，江西抚州人，工程硕士，讲师，研究方向：视觉传达。