1.4.1 工具比较

（1） Adobe Photoshop CS6

Photoshop是，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。本次毕业设计中主要运用Photoshop进行图片处理及修改，特殊效果的制作和界面效果图。

（2） Adobe Photoshop CC

Photoshop CC版本是目前为止Photoshop的最新版本，其亮点在于可以单独将图层导出为png图片格式，用于切图的话很方便。

（3） Adobe Illuetrator CS6源:自*优尔~·论,文'网·www.youerw.com/

Illustrator是一款矢量图形制作工具软件，本次主要用来配合Photoshop进行矢量图形的设计和创作。设计稿中需要用到许多图标类型的图片，而图标型的图片缩小到一定程度时便会印象清晰度，所以需要绘制成矢量格式。

（4） Intellij Idea 14.0.2

Intellij Idea是java语言开发的集成环境，IntelliJ被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。

1.4.2 实现网站UI交互的方法

实现带有动画性的UI交互，常用的做法通常有两种：

（1） Flash动画 

Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。静态网页的代码脚本为Html，由于代码的种种限制导致许多效果独特的动画和按钮交互方式无法在网页中很好的呈现出来，所以，早期网页中flash是实现交互最好的方法。但是它也存在着一定的缺点，就是较多的swf文件集中于一个页面中会使得页面的加载速度明显变慢，而且flash的制作过程较为复杂，并且对于网页来说某些部分的精确度要求相对较高，这几点则形成了flash的弱势之处。文献综述

（2） Html5以及Css3动画 

随着UI交互技术的发展，网页中应运而生出更加便捷的实现方法——Html5以及Css3动画，两者作为网页脚本能够很好地获得网页兼容性并且对于精确度的把控也非常到位，所以本课题选用的方法是代码脚本实现UI交互设计。