UI界面视觉已然走到了一端，但动效在移动用户体验领域却逐步走向高峰。动效已成为用户界面的重要组成部分，使其更具互动性，趣味性和用户友好性。

每个设计师都知道丝滑般的动效对产品的可用性有多大帮助，特别是对于移动应用。今天为大家分享来自Tubik团队的10个创意交互动画。

素食食谱应用

这是一个素食食谱应用的概念产品，可以根据素食原则选择菜品，并将必要的成分添加到购物清单中。用户可以通过水平滑动来选择配方，当点击特定配方时，用户可以看到有关成分和营养的详细信息。

美味汉堡应用

第二个食物概念是新鲜多汁的美味汉堡应用，允许用户从菜单中订购传统汉堡，或者自定义添加或移除配料。界面增大所选汉堡的高品质照片占比，使用户更想要它。配料在屏幕的底部，方便用户添加或删除的操作。最后的黄色的CTA按钮“添加到购物车”有助于完成购买。

品牌名称放在屏幕顶部以提高品牌辨识度。界面所有的UI元素层级清晰方便用户交互体验。

移动游戏应用

这是一个游戏应用。玩家可以跳过或添加的一组随机比赛来创建自己的网络。三色的配色方案使得界面更加俏皮和有趣。小鸡的插画也为用户带来积极的情绪。动画展现鸡蛋打破后，一名新球员加入队伍。通过这种方式，添加玩家的操作变得更加生动活泼。

名片应用

以下是名片应用，应用可以创建虚拟名片，保存和发送联系人数据。对于多角色工作的用户，它可以保存一组卡片，如动画中所示。通过向下拖动来显示用户组的卡片。

浇水跟踪器应用

这里有两个交互动效。它提醒用户给植物浇水，并跟踪每个植物的浇水情况。当用户完成浇水时，点击水滴按钮变为检查标志。此外，还会显示植物下次需要浇水的时间，当人们确认浇水时，会立即改变数据。

第二个动效显示了添加植物种类功能。用户拍摄植物照片后，应用会自动识别他的种类以及如何浇水。

照片应用

这是一个照片应用的概念作品。在平台中，摄影师可以优雅展示作品并连接到世界。当前视图显示个人相册。用户可以通过滑动查看照片并点击打开全尺寸版本。

智能家居应用

这是Homey的UI概念，该应用可以帮助用户管理智能家居。用户通过主屏幕选择房间并查看其基本数据，如温度，湿度和能源消耗。此外，还可以设置并转换不同模式和安全性。所有的互动动画都使用了深色背景，彰显科技的稳重。

iPhone X的加载动画

这是在iPhone X状态栏中显示加载动画的概念。当用户下拉交互时，会出现彩虹动画。这是一个减少等待和娱乐用户的明智方式。

财务平衡应用

这是财务平衡应用的概念，该应用通过跟踪财务状况，可以帮助用户轻松检查他们的银行卡余额，检查特定类别的费用并保持更新余额。设计师选择绿色作为基础色，因为它通常与安全，信息增长相关。

旅游应用

这是Travel App的用户界面概念。它提供有关世界各地的信息，包括住宿和门票的各种优惠，并让用户分享他们的评论。使应用为每个地方专门绘制插画。插画和城市名称在交互中非常丝滑

...

如你所见，动效可以有效解决用户界面设计中的棘手难题。我们在观看这些炫酷、丝滑的动效时，也可以带着产品的思维进行深度的思考。

如果你喜欢这篇文章，一定要关注我。

本文翻译来自Medium,感谢Tubik Studio

https://uxplanet.org/mobile-motion-20-creative-concepts-of-ui-animation-b7c0f550a754