人机交互 移动界面设计

学号：姓名：成绩：

实验五移动界面设计

【实验目的】

1、熟悉移动界面设计的原则；

2、能够用移动界面设计技术实现一个移动交互应用界面。

【实验内容】

1、简述移动界面设计的一般原则。

2、简述移动界面设计的主要元素及其所产生的作用。

3、针对前面实验中学生选课系统的用户行为分析和交互行为描述，用自己熟悉的移动开发工具实现一个学生选课的手机应用APP界面设计。

实验总结：

首先选定移动开发，UI，即User Interface（用户界面）

移动交互应用界面：最终用ps,结合--大学掌上校园的选课系统，只做了厦门大学的手机选课系统。

关于学生选课的手机应用APP 界面，共有四个界面，分别是第一个手机界面账上校园，第二个掌上校园主界面，第三个是学生选课登录界面，第四个是学生选课界面。按从左到右，从上到下排列。

第一个界面，主要是手机界面，不同的功能有不同的图标表示，选用的是简约风，统一的格式，每个图标上都能比较清晰的看出所软件app 的功能，整体格局清晰统一整体排列，所做的学生选课系统，用的图标是厦门大学的校徽，在这里其他图标都是乳白色，掌上校园的图标是偏蓝色，为了更加醒目。

第二个界面，是点击掌上校园的图标后所进入的界面，本界面分三部分，上中下，最上面的是厦门大学大门的照片，可以清晰看出是关于厦门大学的校园系统。中间是app里面的功能，比如选课，我的课表，成绩查询等，选用的是和手机界面很类似的，图标功能等。最下面的是校园通知的内容。

第三个界面，是点击选课的图标后，进入的界面，是个人信息的填写，然后点击登录，进入第四个界面，学生选课。