校園服務類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.

作者簡介：

何潤鑫，現就讀于成都信息工程大學物流學院，主要研究方向為電子商務；

向伶梅，碩士，講師，現就職于成都信息工程大學文化藝術學院，主要研究方向為視覺傳達設計教育與視覺傳達設計。