星座世界大发现交互制作(附件)【字数：5139】
摘 要随着时代的发展，触摸屏发展至今，在我们的生活中已经随处可见了，移动端的设备手机或者平板也普遍存在于我们生活学习中，选择他们作为展示的硬件设备也是理所应当的了。一个网页形式的触摸屏是我想表达的内容，这样观赏者可以根据自己的喜好或是自己的需求，双击进入详情页面，查看自己想看的内容。运用HTML,CSS和Javascript来制作一个触摸屏的网页，采用不停的轮播的方式来展现十二星座，能表现出十二星座不停地交替循环，永不停息， 更能表现出它们不停循环交替的特性，观赏者可以通过左右的滑动来观看并选择自己想看和了解的星座，双击进入星座的详情页面，然后双击退出，继续轮播。
目 录
1 课题简介
选题背景 1
选题意义 1
2 课题调研
2.1 调研内容 2
2.2 调研结论 4
3 设计理念
3.1 设计准备 5
3.2 设计构思及创意 5
4 设计过程
4.1 设计步骤 7
4.2 设计形式 7
设计总结
致谢
参考文献
1 课题简介
1.1 选题背景
时代在进步，社会在发展，现在的3d技术已经不再是那么罕见的了，当人们仰望天空，每个人看到满天繁星都会感叹它的美丽，都会试着找找各个星座。每个人都会找寻属于自己的星座，以及守护星座是哪一个，现在很多的软件也有测星座，测时运，查看自己的幸运色之类的，在我们小的时候也经常玩这个，也会询问别人的星座。
为了更好的让大家了解这12个美丽的星座及其它的守护星，缩短我们与星座的距离，我们决定做这个毕业设计《星座世界大发现》，用3D全息投影的方法让观赏者近距离的观赏每个星座对应的星球，让观赏者在星空中寻找自己的守护星座。
1.2 选题意义
对此，我们组进行了分工，我们组一共四个人，有道具制作（展厅里的一些设备及物品）， *好棒文|www.hbsrm.com +Q: ^351916072*
模型设计与场景搭建（maya建模以及unity的材质），原画与UI设计（ps的原画设计）以及交互制作，我主要负责的是交互制作，所谓交互，我的理解是，人和系统的交流，也就是人与机器的交流互动，让观赏者对眼前的事物产生兴趣，其实全息投影本身就是一种交互，全息应该比全息投影高端一点，或者说全息投影只是全息的一种方式。
现在3D全息投影应用已经比较广泛了，可以应用在，展厅展馆（一些企业展厅）、演唱会（比如初音未来的演唱会或者是周杰伦演唱会上与“复活”的邓丽君同台演唱的情景）、以及一些城市规划馆等等。
2 课题调研
2.1 调研内容
（图2.1.1 触摸屏的发展史） （图2.1.2 触摸屏的发展史）
如图2.1.1和图2.1.2，触摸屏发展至今，现在的生活中，随着智能手机的普及，也给人们带来了许多的便利，人们应该都用不惯以前的那种按键手机，更不能忍受一部没有触控功能的智能手机或者平板，由之前的触摸屏到现在的智能手机，现如今，触摸屏在我们的生活中已经随处可见了，并且在不断地优化升级，这不禁联想到美国科幻电影中的情节，或许在未来的某一天真的能够实现。
（图2.1.3 电影中的情节）
（图2.1.4 餐厅的触摸广告机） （图2.1.5 建筑公司的触摸广告机）
触摸广告机：是商业互动的一种方式，如图2.1.4，餐厅门口，会用这个广告机来告知消费者餐厅的主打是什么，有什么优惠，让消费者一目了然。
包括建筑设计公司也是一样，如图2.1.5，可以通过触摸广告机给顾客展示，让顾客有所选择。
促销游戏活动：提供卖场、展览会场举办促销活动用的赠奖游戏，游戏内容可依客户的需求定制。
（图2.1.6 自主查询一体机互动触控屏） （图2.1.7 自主查询一体机互动触控屏）
自助查询一体机互动触控屏：如图2.1.6和图2.1.7，适用于企业展示，这就跟平常电脑一样拥有Windows功能，比如看新闻，看电影，玩游戏，方便简单快捷。
（图2.1.8 汽车里的触摸屏）
3）如图2.1.8，越来越多的汽车厂商使用触摸屏来代替按钮，因为毕竟按钮不能实现所有的功能
（图2.1.9 地铁中的自助充值）
4）地铁站中的自助充值，买票的机器，这也是日常生活中常见的,省去了很多的人力，也给消费者带来了方便。
2.2 调研结论
经过市场调查，触摸屏可以说是相当普遍了，移动端的设备手机或者平板因为它们普遍存在于我们生活学习中，已经成为我们必不可少的一部分。所以我想把它运用到我的毕业设计中，制作一个触摸屏用网页的形式展现出来，让观赏者通过触摸屏来了解星座，以及观赏全息投影投出的星座的守护星球。
3 设计理念
3.1设计准备
前期准备：在网上搜集了解一些触摸屏的相关知识资料以及各个样式的市场调查，
之后便可以确定用来展示成果的设备，移动端的设备手机或者平板因为它们普遍存在于我们生活学习中，已经成为我们必不可少的一部分。作为我们最容易接触到的也是最经常接触到的触摸屏设备，选择他们作为展示的硬件设备也是理所应当的了。
然后就是制作网页要运用到的知识，这也是必不可缺的一部分，用于构建页面结构的html,表现样式的css,与用户交互的javascript都是必须的软件知识条件。还有其他例如zepto,mui等类库框架，也是需要使用的。
还有制作网页需要用到的编辑器，切图软件，例如phpstorm,photoshop,Fireworks等等，因为初期不可能直接放到触摸屏设备上查看，所以用来在电脑上模拟移动端的调试工具chrome浏览器也是要提前准备好的。
目 录
1 课题简介
选题背景 1
选题意义 1
2 课题调研
2.1 调研内容 2
2.2 调研结论 4
3 设计理念
3.1 设计准备 5
3.2 设计构思及创意 5
4 设计过程
4.1 设计步骤 7
4.2 设计形式 7
设计总结
致谢
参考文献
1 课题简介
1.1 选题背景
时代在进步，社会在发展，现在的3d技术已经不再是那么罕见的了，当人们仰望天空，每个人看到满天繁星都会感叹它的美丽，都会试着找找各个星座。每个人都会找寻属于自己的星座，以及守护星座是哪一个，现在很多的软件也有测星座，测时运，查看自己的幸运色之类的，在我们小的时候也经常玩这个，也会询问别人的星座。
为了更好的让大家了解这12个美丽的星座及其它的守护星，缩短我们与星座的距离，我们决定做这个毕业设计《星座世界大发现》，用3D全息投影的方法让观赏者近距离的观赏每个星座对应的星球，让观赏者在星空中寻找自己的守护星座。
1.2 选题意义
对此，我们组进行了分工，我们组一共四个人，有道具制作（展厅里的一些设备及物品）， *好棒文|www.hbsrm.com +Q: ^351916072*
模型设计与场景搭建（maya建模以及unity的材质），原画与UI设计（ps的原画设计）以及交互制作，我主要负责的是交互制作，所谓交互，我的理解是，人和系统的交流，也就是人与机器的交流互动，让观赏者对眼前的事物产生兴趣，其实全息投影本身就是一种交互，全息应该比全息投影高端一点，或者说全息投影只是全息的一种方式。
现在3D全息投影应用已经比较广泛了，可以应用在，展厅展馆（一些企业展厅）、演唱会（比如初音未来的演唱会或者是周杰伦演唱会上与“复活”的邓丽君同台演唱的情景）、以及一些城市规划馆等等。
2 课题调研
2.1 调研内容
（图2.1.1 触摸屏的发展史） （图2.1.2 触摸屏的发展史）
如图2.1.1和图2.1.2，触摸屏发展至今，现在的生活中，随着智能手机的普及，也给人们带来了许多的便利，人们应该都用不惯以前的那种按键手机，更不能忍受一部没有触控功能的智能手机或者平板，由之前的触摸屏到现在的智能手机，现如今，触摸屏在我们的生活中已经随处可见了，并且在不断地优化升级，这不禁联想到美国科幻电影中的情节，或许在未来的某一天真的能够实现。
（图2.1.3 电影中的情节）
（图2.1.4 餐厅的触摸广告机） （图2.1.5 建筑公司的触摸广告机）
触摸广告机：是商业互动的一种方式，如图2.1.4，餐厅门口，会用这个广告机来告知消费者餐厅的主打是什么，有什么优惠，让消费者一目了然。
包括建筑设计公司也是一样，如图2.1.5，可以通过触摸广告机给顾客展示，让顾客有所选择。
促销游戏活动：提供卖场、展览会场举办促销活动用的赠奖游戏，游戏内容可依客户的需求定制。
（图2.1.6 自主查询一体机互动触控屏） （图2.1.7 自主查询一体机互动触控屏）
自助查询一体机互动触控屏：如图2.1.6和图2.1.7，适用于企业展示，这就跟平常电脑一样拥有Windows功能，比如看新闻，看电影，玩游戏，方便简单快捷。
（图2.1.8 汽车里的触摸屏）
3）如图2.1.8，越来越多的汽车厂商使用触摸屏来代替按钮，因为毕竟按钮不能实现所有的功能
（图2.1.9 地铁中的自助充值）
4）地铁站中的自助充值，买票的机器，这也是日常生活中常见的,省去了很多的人力，也给消费者带来了方便。
2.2 调研结论
经过市场调查，触摸屏可以说是相当普遍了，移动端的设备手机或者平板因为它们普遍存在于我们生活学习中，已经成为我们必不可少的一部分。所以我想把它运用到我的毕业设计中，制作一个触摸屏用网页的形式展现出来，让观赏者通过触摸屏来了解星座，以及观赏全息投影投出的星座的守护星球。
3 设计理念
3.1设计准备
前期准备：在网上搜集了解一些触摸屏的相关知识资料以及各个样式的市场调查，
之后便可以确定用来展示成果的设备，移动端的设备手机或者平板因为它们普遍存在于我们生活学习中，已经成为我们必不可少的一部分。作为我们最容易接触到的也是最经常接触到的触摸屏设备，选择他们作为展示的硬件设备也是理所应当的了。
然后就是制作网页要运用到的知识，这也是必不可缺的一部分，用于构建页面结构的html,表现样式的css,与用户交互的javascript都是必须的软件知识条件。还有其他例如zepto,mui等类库框架，也是需要使用的。
还有制作网页需要用到的编辑器，切图软件，例如phpstorm,photoshop,Fireworks等等，因为初期不可能直接放到触摸屏设备上查看，所以用来在电脑上模拟移动端的调试工具chrome浏览器也是要提前准备好的。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/ysl/szmt/16.html
