移动电话UI中的交互是产品活力的源泉。良好的互动可以帮助用户快速获得反馈，认知布局，增强他们的体验感和沉浸感。这里有12个优秀且富有创意的互动作品，可以激发您的产品设计灵感。

1. UISTAR的历史动画

这个应用程序的概念激励人们思考手机如何阅读，点击和滑动书的标题，当你选择一本书时，书的封面会弹出。在您阅读时，您仍然可以浏览所有书籍，并可以自由切换到其他标题。

这种移动电话交互模拟了真实阅读的体验，通过滑动和点击的通常交互创造了经典而优雅的阅读体验。

2. Bthere

该应用程序的指南页面色彩鲜艳，生动可爱，是一个独特的互动作品，在冗长的APP指南页面上为用户提供了极好的体验。

通过动态图表过渡和背景颜色切换以及一些独立的微动画元素（包括独轮车的耗尽），Bthere有效地传达了品牌的兴趣，这也提高了用户转换率和应用程序的停留时间。

3. Bon App！

当你前往一个新的城市，填饱肚子是最重要的事情。 Bon App！可能是您的最佳选择，查看当地美食评论，探索美食沙龙，并在线签署和分享您的美食体验。

Mockplus制作的原型内容的切换是自然而流畅的，通过单击应用程序下方导航栏中的发布按钮，可以立即记录突然闪现食物的灵感。在直观食物推荐的页面流程中，您还可以快速获取餐厅的具体信息和图片。

原型演示和下载地址：http://doc.mockplus.cn/?p=1549

4.停车搜索SELECTO

在大城市停车总是很头疼。高效便捷地找到停车场是一件非常紧迫的事情。

这个应用程序将为您提供附近的停车位置和充电率。当您点击某个位置时，您可以了解剩余停车位的数量，并提供预订停车位的方法，这样您就无需在打开车门后关闭车门。

在交互方面，这个应用程序的两个点是选择停车位后出现的信息卡，并快速绘制最佳路线，散布停车位的数量，并推动停车位图信息。

5. WIP发现音乐

该应用程序将用户的注意力集中在导航过程上，并发现音乐交互过程流畅而智能。此外，这种互动还增强了使用的沉浸感，是一种创造性和互动的音乐播放器。

6. Cafe Coupon App

食物永远是接近世界的最佳方式，这个应用程序的互动传达了这个信息。现场是在咖啡馆提供优惠券和折扣，顾客可以用电子优惠券立即购买他们喜欢的食物。通过添加界面动画，整体交互变得生动，充满活力，并添加了一些有趣的微交互。

7. Sergey Valiukh的体育应用程序

在锻炼期间使用越来越多的移动设备来保存数据和跟踪进度。体育应用目前非常受欢迎。这个具有通过动画交互实现功能的设计概念。结构非常简单：它包含侧面菜单和正文内容。菜单从左向右移动以显示基本选项。

主要功能是侧面菜单打开时内容的“橡胶效果”。打开屏幕上的侧面菜单后，它还可以显示所有内容的详细信息。配色非常清新明亮，刺激用户进一步操作;动画的微妙反弹使整个应用程序充满了运动风。

8.警报器

Siren的应用程序使用了许多不同的交互式动画，当您向左或向右滑动时，移动不同的延迟元素会产生连锁效果。为用户提供有关主页面整体结构和流程的其他反馈。此外，该应用程序使用收缩元素来扩展界面的交互区域，同时确保关键信息保持可见。

9.购物卡

这款购物应用充分利用了iOS 11的设计语言，制作了漂亮的卡式界面，交互清晰自然，内容分发简洁。有关UI上iOS 11的新设计和规范，您还可以查看本文。

10.家庭预算饲料动画

时间就是金钱，这句话在任何时候都不会过时。此财务应用程序允许用户管理消费和收入，创建扩展数据库以跟踪资金流和变化，并获得全面的统计数据。 GIF流畅地显示了当前财务变化的相互作用，并弹出了每日限制提醒，这些提醒非常独特。

11. Virgil Pana的动画滑动标签栏

此应用程序的导航交互完全考虑了小屏幕设备的布局问题。用户可以在屏幕底部拖动​​以显示折叠导航。 3D折叠效果也充满了技术。

12. Chapps的照片导航概念

该应用程序基于以下概念：用户只需点击几下即可获取以前添加和标记的图像;只需单击一下，您就可以选择所需的图像类型。整个过程让人联想到桌面上的图像搜索，这只能在移动设备上完成。

这些作品是否充满了您的交互设计的灵感？重要的是要了解产品中所有交互的目的是增强用户体验。过多的花哨和复杂的互动可能会适得其反。如果推荐更多互动作品，请随时在评论中指出。

Text/Mockplus团队微信公众号：Mockplus