在第一周的时候谈到我们的课题是制作一款xx大学计算机协会成立的AR电子书系统,但由于种种原因,我们决定更改宣传册主题为宣传山东省济宁市,所以app界面的画风会有所不同。
经过了前几周的学习,我对unity 3d的界面设计有了一定的了解,接下来这周我将正式开始app的界面设计。
1、UI界面策划
UI界面起到连接整个app的作用,所以符合人机交互的原理对于一个app的界面设计尤为重要,我对此进行了初步的构思。
- 当我们打开app时,首先进入摄像头界面,先扫描不同的宣传册对应的二维码,先进行宣传册相关内容的提取;
- 在提取宣传册界面之后,app进入对应宣传册的主界面,在我们这次实验中就是济宁宣传册的主界面;
- 在这个界面中,包括三个按钮:宣传片、扫描、操作说明;
- 点击宣传片按钮,app将进入宣传片的播放界面,在屏幕的上方有退出键,可以随时点击退出;
- 点击扫描按钮,app将进入我们应用的核心部分,及扫描不同的图片进行不同的AR交互操作,在屏幕的上方有退出键,可以随时点击退出;
- 点击操作说明按钮,app将进入应用的使用说明界面,在弹窗上方有退出键,可以点击退出弹窗界面进入开始界面。
我对于整个app的界面策划就是这样,后期可能会有所出入但大体是这样的流程。下面我详细的说明unity制作app界面的整个流程。
2、界面分辨率的设定
由于我们是手机界面,所以我直接将unity中的carve的分辨