当前位置:文档之家› 人机交互 移动界面设计

人机交互 移动界面设计

学号:姓名:成绩:
实验五移动界面设计
【实验目的】
1、熟悉移动界面设计的原则;
2、能够用移动界面设计技术实现一个移动交互应用界面。

【实验内容】
1、简述移动界面设计的一般原则。

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

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

实验总结:
首先选定移动开发,UI,即User Interface(用户界面)
移动交互应用界面:最终用ps,结合--大学掌上校园的选课系统,只做了厦门大学的手机选课系统。

关于学生选课的手机应用APP 界面,共有四个界面,分别是第一个手机界面账上校园,第二个掌上校园主界面,第三个是学生选课登录界面,第四个是学生选课界面。

按从左到右,从上到下排列。

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

第二个界面,是点击掌上校园的图标后所进入的界面,本界面分三部分,上中下,最上面的是厦门大学大门的照片,可以清晰看出是关于厦门大学的校园系统。

中间是app里面的功能,比如选课,我的课表,成绩查询等,选用的是和手机界面很类似的,图标功能等。

最下面的是校园通知的内容。

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

相关主题