2023.

05 丝网印刷 包装与设计

乐校吧微信小程序的
设计开发与实现
□ 顾煜新 蒋鸿溧 李 妍
摘要 “乐校吧”微信小程序作为使用便捷的校园小程序平台，其开发和应用能让学习和生活更加
高效便捷。文章介绍了小程序的开发、页面组成、页面设计以及功能，并对小程序的应用进行总结展望。
关键词 小程序；设计；功能性
DOI:10.20084/j.cnki.1002-4867.2023.05.016

Abstract As a convenient campus mini program platform, the development and application of
"LexiaoBar" Wechat mini program can make learning and life more efficient and more convenient. This
article introduces the development, page composition, page design and function of mini program, and
summarizes the application prospect.
Keywords mini program; design; function

随
着我国高等教育和科技的不断完善和发展， 需设计研发包含校园地图导航服务和活动信息服务的校
在校大学生的数量急剧增长，大学生的综 园服务平台。
合素质也在普遍上升，为了给在校大学生提供更加便
捷的服务，因此需要开发一个适合当代大学校园生活 2. 微信平台成熟化
的小程序。 中国移动互联网的高速发展带来了强大的功能和
更丰富的信息，让人们更好地认识世界。通过微信小程
一、开发背景 序这一平台，个人和组织都可以打造一个类似于软件的
开发平台，一种不需要下载安装即可使用的应用，它实
1. 社会发展的需求 现了应用“触手可及”的梦想，用户搜索一下或者扫一
随着复合人才培养所需的人才的知识体系、大学生 扫就可以将应用打开。微信小程序现已有超过百万计的
的基本能力、各行各业的综合素质不断提高，而且科技 开发者加入到了微信小程序的开发，应用数量覆盖到各
的发展促进经济和社会的发展，大学生需要通过自己的 行各业，微信小程序还在许多城市实现了支持地铁、公
专业知识、运用现代的科技和最新的技术等方法，为科 交服务。微信小程序发展带来更多的就业机会，社会效
技发展和科技应用提供服务 [1]。我们国家教育资源不断 应不断提升。通过微信小程序的应用，可以将微信的互
扩充，使得如何高效、有兴趣地完成大学学业，成为社 动交互价值发挥出来 [2]。为此，通过对移动互联网的功
会的一个热点问题。社会的快速发展和科技的进步，使 能及作用分析，利用微信公众服务号开发“乐校吧”微
传统的校园软件形式远远不能满足当下需求，大学生需 信小程序平台，让大学生的生活变得更加智能化 [3]，保
要通过一些平台完成扩展的内容，专门为广大大学生创 证大学生获得信息的准确性和精准性。同时，学校能够
建，帮助他们能在短暂的时间快速地熟悉大学生活，找 在小程序上及时发布学校的相关政策以及招生信息，使
到有趣的朋友以及毕业后就业方面的内容，避免浪费过 大学生的生活更加智能化和秩序化。
多的时间。 在当今互联网环境背景下，本设计是基于微信小
随着高校的发展，校园面积不断扩大，很多高校 程序的校园服务平台开发。前端的功能主要包括校园地
拥有不同的校区，这给进入校园的学生带来各种问题， 点详细介绍、校园地点导航、校园快报、在线咨询等；
比如新生报到时跑错校区、找不到报到地点等；而入校 后端的功能主要包括校园地点介绍、校园地点标注、校
后发现校园生活中常见的各类比赛、社团活动等信息通 园快报的管理等。该平台可以使学生更快捷地了解校园
常是通过班级群的形式转发，导致学生获取校园各类信 信息，是学生快速适应校园生活的好助手，所以“乐校
息收到局限。为了解决学生在校园里所面临的这些问题， 吧”微信小程序平台的开发应用势在必行。

67
 包装与设计 2023.05 丝网印刷

● 标志设计原则如图 3 所示。
二、小程序的模块及结构设计 风格统一：统一颜色，尺寸，做视觉上的统一。
层次清晰：规范层次，减少用户视觉负担。
“乐校吧”小程序平台需要学生预先注册，并提 情感设计：加强交互，拉近用户距离。
供所在的学校、学号、姓名、专业等资料，目的是为了
给将来的大学生活作好准备，帮助提高大学生使用本软
件的质量。
下面简单介绍小程序页面以及系统功能结构。 图3 标志设计原则

1. 模块介绍 ● 颜色
1) 平台模块 设计思路如
该平台通过“主页”、“交际”、“信息”、“我 图 4 所示。
的”共四大模块的设计，如图 1 所示，完成系统构建。 设计思
“主页”模块主要包含校园快讯，周边服务，我的课程， 路以白色为
新生入学等。“交际”模块主要包含校园生活，本校热 底， 橙 色 作
为次要色确 图4 色彩的平衡
点，关注热点，校外话题，就业广场等。“信息”模块
主要包含活动通知，联系朋友，社团活动、志愿活动等。 定界面色调，黄色作为强调色增强交互体验。颜色使用
“我的”模块主要包含学校日常，我的资料，校内服务、 规范采用 60％ +30％ +10％的比例规则，即为了平衡颜
日常分享等。 色，创造一种平衡感。
● 字体设计如图 5 所示。

图5 字体设计

设计主要采用黑色宋体，既简洁直观，
适用于大多受众，又是现代设计的一种规范，
方便内容的输入输出。
● 图标的抽象设计如图 6 所示。
图1 基于微信平台的系统主功能模块及子模块 图标设计采用比较抽象的设计手法，
将一种柔性的理念融入设计之中，橙色为主要色调，白
2) 视觉设计 色亮色显示但不突兀，黄色来用来增强 APP 的交互体验。
● Logo 设计的微笑为关键手
法（见图 2）。
Logo 设计运用了抽象的设计
手法，将微笑与本产品相结合， 图6 图标的设计
使产品更加亲近契合用户。其关
键词为： 图2 Logo 设计 2. 页面构成
乐——享受 年轻 1) 子菜单的构成
校——微笑 简约 基于微信的“乐校吧”微信服务小程序放置到微
吧——自由 轻松 信小程序平台中。“主页”模块的设计思路要让使用者

68
2023.05 丝网印刷 包装与设计

第一时间能够了解主要内容。主页采
用卡片式设计，使用户更容易聚焦核
心内容。如图 7 所示。其下级菜单中
包含：
● 校园快讯：可以将学校的部分
信息发布在此，可以方便快捷直接获
取学校最新的消息和活动。
● 周边服务：招募商家入驻，助
力大学生活更加方便快捷。
● 我的课程：帮助学生合理规划
学习时间，可以分享优质的网络授课。
● 新生入学：可以帮助新生更好
图7 基于微信服务平台的主页设计
的熟悉校园环境，方便新生融入大学
生活。
2)“交际”模块 ● 联系朋友：联系同学和其他学校的朋友，发送消

“交际”模块的设计思路分为本校、关注、生活 息、分享等操作。
三大板块，突出发布信息，让用户更直观清晰的浏览信 ● 社团活动：目的是要活跃在校生的学习氛围，助

息。此模块是为了帮助使用者更好的获取信息和内容， 力社团的活动。
并促进大学生之间相互交流和沟通。如图 8 所示。此三 ● 志愿活动：积极宣传参加相关的团体，让同学们

大板块的子级菜单包括以下内容。 更好地提高服务意识。
● 校园生活：主要是为了帮助同学加强对校园的体 4)“我的”模块
验感，同学们可以自己在该平台上面发表自己的生活态 “我的”模块下级菜单有“学校日常”，
“我的资料”，
度和生活状况。 “校内服务”，“日常分享”。如图 10 所示。
● 关注热点：使用者关注的热点推荐，可以选择是 ● 学校日常：精准推送学校的日常内容和查看公告，

否对好友开放，增加隐私性也加强互动性。 学生第一时间获取信息。
● 校外话题：可以看到其他学校同学所发的内容， ● 我的资料：通过完善自己的资料内容，实名认证，

目的是为了加强附近学校的黏性，达
到拓宽学生视野的目的。
● 本校热点：同学们可以通过学
校发布的活动、学校最近的热点问题，
进行讨论。
● 就业广场：提供给企业公司招
聘的开放公共区域，企业公司可在这
里留言，学校对其进行审核。
3)“信息”模块
“信息”模板的设计思路是为了
更好的帮助使用者更快地获得自己需
要的信息，从而来完成自己的目的。
其下级菜单有：“活动通知”，“联
系朋友”，“社团活动”、“志愿活动”
等。如图 9 所示。
● 活动通知：向大学生告知或转
图8 基于微信服务平台的 图9 基于微信服务平台的
达有关事项或文件。 “交际”模块 “信息”模块

69
 包装与设计 2023.05 丝网印刷

确保软件可行 4) 就业广场问题
性， 游 客 未 注 很多即将毕业的同学，没有走出校门前不知道如
册则部分内容 何去找工作，更不知道如何找到匹配的工作，所以陷入
无法使用。 了迷茫。本小程序中不仅提供了就业广场，还会给同学
● 校内服 们筛选出优质的、可信的工作岗位，避免上当受骗；而
务： 提 供 校 内 且就业广场有企业入驻于此，给学生提供了就业实习的
快 递、 干 洗 等 机会和岗位，提高精准度；企业也可以在小程序中获取
一 系 列 服 务， 学生的电子报到证、电子就业协议等。这些操作不仅提
通 过 审 核， 更 高了招聘的效率，还降低了招聘的成本。
卫生和更安全。 5) 创新点
● 日常分 目前，高校校园服务平台多数使用 APP 形式开发，
享： 可 查 看 使 由于 APP 开发周期长、成本高，因此平台功能有限，
用者的日常分 可扩展性低。在推广过程中需要下载才可以使用，导致
享 内 容， 可 以 平台推广难度大、学生下载使用意愿低，而“乐校吧”
动态性的编辑 微信小程序具有以下创新点：高校微信小程序是微信给
图 10 基于微信服务平台的
个人信息。 “我的”模块 学校提供的在微信上建立服务系统的重要渠道；高校师
生应用高效快捷，使信息的传递更具人性化；实现了师
3. 应用功能介绍 生对学校信息一对多的传播，相比较于学校微信公众号
前面已经对“乐校吧”微信小程序的结构模块组 开发平台来说互动性和功能性更强。
成进行了介绍，下面对其主要的功能进行概要说明。
1) 大学生实名检测 结语
本系统的核心对象是大学生，大学生实名信息核
验是新生入学的一项基础性工作，及时准确做好实名信 “乐校吧”微信小程序的开发可以帮助学生更好
息核验是高效完成新生入学的基础保证，这也为后续的 的享受大学的学习和生活。通过“乐校吧”微信小程序
交友资料安全提供保障。可通过小程序中“我的”模块 的开发与实现，可以有效解决新生入学和大学生在校内
进行教务信息核验并完成个人信息的填报，以确保信息 的问题；然而，本小程序的开发与应用还存在不足，如
完整准确。 创业就业政策的宣传、信息内容的及时性等后续还需完
2) 各功能模块健康和正能量 善和扩充，进而将自身的价值发挥到最大化，更好地为
新媒体时代主要以网络为主要传播途径，互联网 大学生服务。
的包容性、快速性、平等性为大学生获取信息、自由评 本文为吉林省教育科学“十四五”规划 2021 年
论提供了比较轻松的网络环境，但也产生了一些“网络 度课题“乡村振兴战略下以数字动态教育模式推动吉
垃圾”，对于我国的安全治理和文明治理有着严重的影 林省村镇旅游数字媒体实践研究”的研究成果（编号
响。共同抵制网络任何不利于成长的内容 , 共同创造一 GH21083）。
个健康绿色的上网环境已经成为人们的普遍要求，小程 参考文献
序将严格按照国家法律要求，保障大学生的合法利益 ， [4]
[1] 李德钰 , 李功丽 , 黄文锋 . 科技服务多维交
传播正能量。 叉分类方法研究 [J]. 科技管理 .2021,11:141-143
3) 校园推送、社交推送服务 [2] 禹尧 . 微信公众号互动功能开发及设计 [J].
校园推送用户必须通过实名认证，安全性相比较 电子技术与软件工程 ,2020,11:42-43
于其他社交软件则更具有优势，而且对于本校同学则更 [3] 王眉 . 微信公众平台的传播特点及趋势分
适合交友联系，可以通过在网络上的交流扩大自己的社 析 [J]. 互联网天地 ,2014,5:28-30
交圈子。本小程序都是通过手机识别用户的地理位置， [4] 谢永江 , 黄方 . 论网络谣言的法律规制 [J].
然后将用户推送给该地理位置附近的其他用户。可以看 国家行政学院学报 ,2013,1
到系统推荐的附件信息，且可以根据自己最近的关注内 （作者单位：长春工业大学新闻与传播学院)
容来推荐不同的内容。 （收稿日期：2023-02-15)

70