3.3 界面设计

我们的小程序主要才用蓝色作为主色调，内部的一些组件采用渐变的形式展示，整个布局看上去虽然朴素但内容丰富。以下具体介绍我们小程序的主要界面设计风格。

3.3.1 界面设计风格

该部分我将从以下几个方面介绍：整体色调、初次进入的动画、各个页面的跳转以及页面内部的细节展示。

整体色调：粤言粤语小程序使用最多的颜色是蓝白。蓝白搭配是自然界最经典的搭配之一，这是蓝天白云的缩影，这是天空的颜色，白色能让整个页面显的不那么拥挤。而蓝色调能够带来一种宁静的感觉，让人感到放松和舒适。蓝与白的配色组合，会有种在云层里的感觉。总能给人一种浩瀚无垠的包容之感，又有流动的柔和与不可破坏的洁净感。同时，小程序的按钮大多采用渐变色的形式来展示。我们希望用户在学习粤语的同时能够放松心情，快乐的学习粤语、了解粤语文化与特色。

初次进入的动画：我们希望用户在第一次进入小程序的时候能够大致了解粤言粤语的主要功能。同时，为了使小程序更具有美感，我们采用轮播的方式在主要功能页面之前让用户提前了解小程序主要功能。

各个页面的跳转：我们小组采用最常见的导航栏的方式来展示主要功能，导航栏固定在页面的底部方便用户点击。同时，当用户停留在对应页面的图标下时，对应的图标也会以蓝色来高亮显示。

页面内部的细节展示：小程序的整个页面布局中我们都加入了一些关于粤语的小细节。广东塔的添加、粤剧文化、粤语歌曲代表人物等等。最后适当添加了一些繁体字让整个小程序充斥着粤语文化。

总的来说，整个界面风格比较朴素而不累赘，尽量给用户粤语文化的熏陶感。接下来是主要功能界面的介绍。

3.3.2 主要功能界面

1、听力练习界面：

该界面主要让用户以答题的形式来帮助用户练习粤语听力能力，该界面记录用户当天的学习记录以及登录的天数。用户可以根据自己的学习能力来修改每天的学习计划，用户也可以对今天的学习成果进行打卡生成海报分享到朋友圈。该页面添加了搜索功能，用户可以搜索想要翻译的汉语，然后页面会跳转到翻译页面进行翻译。

2、发音练习界面：

该界面主要让用户学习一些粤语的常用语，我们针对每一种场景用情景对话的方式来帮助用户学习。该界面提供了生活中常见用语以及26个电影片段。用户可以根据自己的需要和喜好点击进入详情页面。同时页面顶部的轮播图也可以点击，用户点击可以跳转到粤语文化的详情页。

在日常情景的详情页中，用户可以听到每一个场景的所有对话，也可以进行跟读来学习，我们通比对用户读的音频与标准音频给出比较科学的评分。

在电影情景中，26个电影片段是我们团队精心挑选的比较经典的粤语电影。用户可以观看我们截取的片段来学习，也可以进行跟读训练。

3、粤语翻译界面：

在粤语翻译界面，我们运用常见的翻译网站的设计风格，用文本框来让用户输入汉语，然后点击翻译便可以在几秒钟给出粤语的发音。我们也在翻译的下面给出了用户可能想要搜索的建议。在界面的剩余部分给出了该用户的最近翻译记录。整个界面布局内容充裕而不繁杂，基本可以满足用户的所有要求。

4、知识科普界面：

知识科普界面算是我们小程序的一个特点，我们在给用户提供学习平台的同时也让用户了解了一些关于粤语的文化。包括：粤剧、粤语歌曲以及粤语的发音。

用户可以根据自己的喜好点击相应版块，然后通过一边浏览文章一边观看相关例子的方式了解相关内容。在粤剧版块，我们提供了几个比较经典的粤剧片段。在粤语歌曲版块，我们选取了大众比较喜欢的几首经典粤语歌曲。在粤语发音版块，我们的小程序介绍了粤语的声母、韵母以及声调。用户可以根据我们提供的发音标准来练习。同时我们也会给出发音的小技巧。

5、账户管理界面：

该页面主要为用户个人学习记录以及客服两大功能。在个人学习记录中，用户可以查询某一天自己听力学习的内容。如果用户对小程序的使用有一些建议和不满意的地方，用户可以通过点击右下方的耳机按钮来向我们反馈。最后，我们给出关于该小程序的简单介绍和使用帮助。

4 总结

4.1 功能总结

粤言粤语以微信小程序为载体，目标是宣传粤语与粤语地区的文化。粤言粤语有五大功能模块，分别是听力练习模块、发音练习模块、粤语翻译模块、知识科普模块以及账号管理模块。用户可以在粤言粤语中练习粤语听力、观看粤语电影片段、跟读粤语语句、普通话翻译为粤语、了解粤语地区文化以及查看学习记录等。

除此之外，美化的UI设计可以提高用户的学习兴趣。用户在学习完成后可以生成学习记录海报，并将该海报发布至朋友圈以及其他社交平台展示自己的学习成果。

4.2技术总结

粤语粤语小程序调用了腾讯云的asr语音识别API和tts语音合成API，来应对小程序中的粤语发音练习和粤语翻译的场景。调用外部的API可以节省本地的代码量，同时也方便后期小程序发布之后的调试、修改等工作。

同时，使用了小程序提供的云存储和云数据库，在数据库中建立了表，存储用户的信息，并且通过用户的openid作为唯一的用户标识，创建了用户翻译历史记录表，用户朗读历史记录表，用户听力练习历史记录表。通过这些数据库表，建立了完善的用户信息储存机制，保障小程序的正常运行。

在朗读模块中，本小组添加了智能的跟读准确率识别系统。通过调用asr语音识别API来对用户输入的粤语语音进行识别，通过对比用户朗读的字符串和标准答案字符串，来计算用户朗读粤语的准确率，为用户跟读朗读粤语提供参的考依据。

4.3 改进方向与后期维护

在功能模块上，粤言粤语计划在获得企业类目后添加论坛模块，允许用户在其中交流粤语知识与文化。除此之外，开发小组正在收集大量粤语文化相关数据，建立图数据库（Neo4j）。通过该图数据库可开发智能问答机器人，供用户交流使用。

目前小组正在开发后端数据管理平台，计划在论坛模块发布后一起发布。届时粤言粤语会创立官方账号在论坛中发布信息。除此之外，粤言粤语管理员可通过后端数据管理平台发布科普发文章，科普视频等粤语相关内容。