其次，动画效果的使用会越来越普遍，但大多都会使用在微交互中。过于复杂冗长的动效，不仅增加了页面加载的负担，还会让人产生审美疲劳和厌烦感。因此，微交互时，一些简单、合乎逻辑的动效（如下拉刷新和Float Label等）将仍是未来一定时间内的潮流，这点同样适用于网页设计。

再就是，高效实用性的设计可能会取代一味简洁的设计。如今智能设备已普及边缘化，边缘人群基数大且大都不了解交互界面的隐藏、暗喻功能，如“汉堡菜单”和FAB按钮中存在的问题一样，如何直接明了地展示信息，会与简洁的界面设计产生一定冲突。同时，Falt2。0的设计风格也会影响App的交互设计，会从纯粹的“平”，变得更加注重渐变、阴影等细节。

还有一点值的注意的是“智能通知”的应用，Apple Watch 等智能手表最核心的功能就是“通知”，尤其随着App功能和数量的增多，我们将注意力分配在每个下载下来的App上的时间就越少，往往只有当App有信息通知时，我们才会“想起”它。于是，消息通知的智能化成为新的趋势，它将不会是以小广告和Widget常驻的形式存在，而成为一种按需出现、功能完整并且可交互的界面，用户甚至可以在不打开App的情况下，享受App提供的全部功能。

由此可见，无论是网页还是App，其交互设计都在被重视，并越来越讲究“人性化”。现在，人们几乎每时每刻都在体验交互为我们带来的乐趣与便利，相信在不断的更新进步下，UI交互的前景会愈发光明开阔，并在未来彻底融入了我们的生活，成为我们生活中不可或缺的一部分！

1。5。开发工具的使用

本课题要求制作创意教程的网站及App应用，涉及双平台的UI交互设计，需要考虑不同平台的特点和最终展示的效果，以选择最适合的软件，更好地完成制作。

1。5。1。工具详情

（1）Adobe Photoshop CC

PS是一款位图图像处理软件，重点在于对图像的加工，在平面设计中应用最为广泛。一般用于视觉设计，运用合理的色彩、字体、排版等，设计静态页面。在本次设计中，用于综合的界面设计。

（2）Adobe Illustrator CC

AI是一款矢量图形处理软件，为线稿提供较高精度和控制，广泛应用于多媒体图像处理和互联网页面的制作。一般用于制作按钮、图标、导航等矢量图，便于使用和动效制作。在本次设计中，用于图标和logo设计，以及App原型图制作。

（3）MockingBot（墨刀）

墨刀可以说是一款傻瓜式的Axure，虽然功能远不及Axure强大，但是作为一款基础型的原型工具，简单直白的操作界面让人更加容易上手。同时它还拥有自己的手机演示App，更加方便于手机的交互设计。在本次设计中，用于App的交互动效设计。

（4）Adobe After Effects CC

Ae是一款图形视频处理软件，用于制作高级动画特效。一般用于开场动画制作，使用别致的开场动画吸睛，增加产品的吸引力。在本次设计中，用于网站的loading动画设计。

（5）Adobe Dreamweaver

Dw是一款可视化网页开发工具，专为设计师设计，可以做出跨平台的优秀网页。在本次设计中，用于网站前端开发设计和网站的交互动效设计。

（6）Mugeda（木疙瘩）

木疙瘩是一款在线制作H5交互动画的平台，它不仅可以制作H5作品，还可以发布作品、共享作品、导出作品、共享素材和导出素材。操作界面风格与Flash相似，并且更加简单易懂，让用户能在可视化界面上，轻松制作H5。在本次设计中，用于App的开场loading动画设计。