Epub360的交互设计论文范文

1交互设计面临的挑战

交互设计师生来就要面对3个基本的挑战。不论设计什么类型的技术或设备，所有的交互设计师都要面对这些挑战。当交互式设计师已经很好地完成了他们的工作时，他们的最终作品需要平衡人类使用的能力和技术的限制。设计师必须能够将人类和电脑的语言融入到一个设计当中。为了克服困难，设计师不仅要平衡用户和电脑各自的限制，还要平衡舒适和效率。（1）沟通：交互设计最基本的目标是用户和电脑之间的双边沟通。在这方面，设计师可以被当作是翻译者，他们转换了用户和电脑双方各自的语言并让它们互相理解。这通常意味着设计师做了更多的工作，而不仅仅是翻译。（2）行动和反应：所有的沟通都涉及行动和反应。而交互设计中的行动和反应被看作是这个过程的心脏。（3）状况：为了更有效的沟通，设计师必须理解当前的状况或状态。当人们相互沟通时，部分沟通是在评估对方的状态，比如情感状态，警惕心和意愿。而在人-机关系中，用户必须理解设备的状态以便沟通可以发生。反过来，这个设备也必须注意用户的状态，这样它就可以预测出下一步应该如何反应。

2Epub360

是国内第一个在线交互设计平台，可以在线设计微信轻应用、交互电子杂志、电子楼书、儿童读物、培训课件、产品介绍等交互内容，可以在Web及移动终端跨平台。也是交互设计的开发平台。

3作品开发过程

3.1游戏类作品开发

3.1.1开发方式及操作技能游戏开发有两种方式，一种是使用游戏开发引擎来进行开发，还有一种是利用无编程交互设计平台来进行开发。我们使用的是第二种方式。基于Epub360进行游戏开发，需要3个技能：第一，操作Epub360开发平台的技能；第二，平面设计的技能；第三，游戏开发的技能。首先，Epub360是一个大学生创业团队开发的一个产品，由于刚不久，因此界面还是英文版，没有汉化。网站上虽然提供了教学视频，但是由于教学视频上使用的Epub360的版本和最终的版本不完全一致，因此，要想掌握这个开发平台的操作技能并非想象中那么简单。其次，制作游戏少不了素材的制作。虽然现在有很多网站都提供了相当不错的素材资源，但是很多都是需要花钱购买的，还有一部分素材不能完全满足游戏开发需要，因此，在游戏开发过程中，学生必须掌握基本的平面设计操作技能。使用的平面设计软件是PhotoShop。最后，游戏开发是一门专门的学科，学校并没有开设这门课程。学生想要开发一款最简单的游戏，也需要利用网络环境和信息检索，进行相关知识的自学。在有限的时间内，学生们不仅熟悉并掌握了Epub360开发平台，学习了PhotoShop平面设计操作技巧，了解了游戏开发中需要设计的环节，并且最终完成了小游戏《找不同》的制作并成功成为APP。

3.1.2游戏中的交互元素设计不管是哪一种游戏，都少不了6个交互元素：游戏开始界面、游戏本身、音效提示、得分显示、晋级提示和游戏结束界面。首先是游戏开始界面，从游戏制作者的角度来说，思考的更多的是游戏的主体部分，以找不同游戏为例，它的主体部分就是两张图片中的几个不同的设计。但是对于玩家来说，重要的是游戏的体验，所以学生们在做游戏的时候，是不会考虑开始游戏和结束游戏这两个画面的。但是玩家要有一个心理准备，对于学生来说，这个游戏是他做的，所有的细节他都很清楚，但是玩家对这个游戏一无所知，他要点击开始才开始游戏。如果不限时地玩还好，万一有时间限制，一开打游戏就开始计时、开始找图片中的不同之处，那么玩家的感觉就是措手不及，对这个游戏的印象就要大打折扣了。其次，对于游戏《找不同》来说，游戏的主体部分就是让玩家在有限的时间找到两张图片的不同之处。如果找得太容易，玩家觉得没有挑战；如果太难找，玩家又感觉缺少了娱乐性。那么，如果把握好这个度就显得尤为重要。一般来说，刚开始的难度比较简单，然后难度逐渐增加，又不会难到让玩家有挫败感，是这种小游戏的开发秘诀。游戏就是按照这样的思路来进行设计和开发的。接着是得分显示，大多数游戏都是通过得分来通关晋级的，所以显示分数的功能必不可少。在学习了Epub360的公开课之后，学生学会了使用计数器以及设置参数的功能，并实现了分数显示功能。还有音效，给学生提供了一些音效网站，学生进行音效检索，找到不少游戏音效，比如游戏的背景音乐，点击正确时的声音等等，这样玩家在玩游戏的过程中，可以通过音效的反馈了解正确与否，游戏体验就很不一样了。还有是晋级提示，在一个找到了一个画面不同地方之后，用文字的形式提示玩家进入下一关，让玩家知道自己全部找对了，这也是大多数游戏都具备的交互元素。最后一个交互元素，是控制音乐播放和结束的按钮。一般来说，游戏是有背景音乐的，但是玩家可以选择播放或者不播放音乐。所以在加入了音乐元素之后，还要有控制按钮。学生可以选择下载按钮素材，或者自己制作按钮，然后加一个触发器的动作就可以完成了。

3.2商品展示类作品开发在完成了第一份作品之后，Epub360开发平台也成功进行了汉化，学生操作起来更加得心应手，又创作了第二份作品———英菲尼迪汽车的商业展示。这份作品不仅将Epub360里面的功能展示得淋漓尽致，而且也使用了更多的交互元素，真正实现了360度展示汽车。第一个交互元素是使用了文本动画，将英菲尼迪的英文名字用动画的形式展现。第二个交互元素是使用序列帧功能，通过鼠标或者触屏的移动，从各个角度展示汽车。第三个交互元素是使用按钮和序列帧功能，点击不同颜色块显示不同颜色的汽车。第四个交互元素是使用幻灯片和绑定功能实现联动效果，就是通过鼠标或者触屏的移动，让3个部分的图片有关联地一起变化。第四个交互元素是使用PhotoShop制作动画效果，让汽车有动态感。比如在英菲尼迪官网上下载了一张有树叶的红色跑车，然后将叶子做成落叶的动态图，看上去有一种让跑车动起来的感觉。

4结语

能够让学生主动去学习一个交互设计开发平台并独立完成作品，首先，在第一次上课时，用了一个阿里巴巴公司的关于数据展示的幻灯片直观地展示了交互和交互设计是什么，让学生在第一次课就对交互设计产生了强烈的好奇心和求知欲。然后，在介绍了Epub360这个开发平台之后，让学生自己学习平台上提供的新手上路视频教程，鼓励学生自主学习并独立完成第一份简单的作品。很多学生在完成第一份作品之后，开始习惯性地去看视频学习，摆脱了对教师的依赖性，很快就能够自如地操作并发现很多新功能的使用，甚至在上课的时候，不需要教师进行过多的指导。最后，就不再给学生讲解简单的知识和操作技巧，而是预想他们可能会遇到的困难，针对性地帮助他们解决问题，然后再把时间留给他们做作品。这样一来，学生既不会因为遇到难题而停滞不前，又有自己的空间做自己的作品。学生在这个学习中都如期完成了交互设计作品开发，也对交互设计的概念有了更深入的理解。但是要想做出更好的作品，就必须掌握平面设计这个技能。因此，下个学期会先要求学生学习平面设计操作技巧，然后再让学生做难度更大的交互设计作品。

作者：唐捷单位：江汉艺术职业学院