顶尖APP交互体验，看了才知道差距在哪里

➜移动UI&UE有什么用？

➜ 一两句话讲不清，你需要体验

这一期的内容，我们去体验一下前沿的移动UI与交互效果，所带来的优质体验感。

用一款iPhoneX加载动态效果，开个场吧。是不是很有趣？当你拖动状态栏时，就会出现漂亮的彩虹动画。多等一会儿也不会感到无聊，同时增加了娱乐性。

▼

下面的精彩案例，请准备好你的眼睛和手指！

- 01 -

美 食 App 

❶ 食谱App

这是一款素食菜谱App，可以自由搭配食材，并添加到购物车。

图 | 食谱移动App用户体验  

你可以看到食谱选择基本设置是横向滑动的。用户点击指定的食谱，可以看到成分和营养信息。色彩组合明快，动态效果很细致。

❷ 汉堡App

一款定制汉堡App，可以让用户自由选择食材。听起来，体验感就差不了。

图 | 汉堡移动App用户体验  

重点在高质量的照片，让人看上去相当有食欲感。食材显示在屏幕底部，用户可以添加或删除。金额的数字显示，也是动态的。点击下面醒目的黄色按钮，就可以“加入购物车”了。UI元素和结构具有视觉层次感，动态效果让用户与App进行轻松友好的互动。

- 02 -

电 影 票 App 

第一屏是电影放映列表，用户上下滑动可以一次看到更多海报。

图 | 电影票移动App用户体验  

点击海报，进入特定的电影放映厅，可以看到所有必要细节。第二屏选择和预订座位，用户可以形象的看到座位，挑选他们喜欢的位置。

- 03 -

照 片 App  

这是一社交媒体App，让摄影师展示他们优雅的展示他们的照片。

图 | 照片移动App用户体验  

当前视图显示图片简介，用户可以横向滑动查看照片，点击即可打开全尺寸。动态效果很自然。

- 04 -

名 片 App  

这是一个非常有趣的名片App，只需向下拖动就能创建一个联系人设置卡片。

图 | 名片移动App用户体验

填写完成后，再向上拖动，一个完整的名片就完成了。界面效果动感流畅，操作方便。

- 05 -

家 庭 预 算 App 

一款能够帮助用户管理家庭开支和收入的App，跟踪资金流动的变化。

图 | 家庭预算移动App用户体验 图 | 家庭预算移动App用户体验  

动画交互和导航非常直观，让大量的数据看起来也很有趣。

- 06 -

智 能 家 居 App 

这是一款智能家居功能App，用户可以选择房间，看到基本数据，比如温度、湿度、和能源消耗。

图 | 智能家居移动App用户体验  

用户可以调整设置，查看费用、转换节能模式等。所有的交互动画的颜色，看起来特别深，从而突出功能性。

- 07 -

中 文 学 习 App 

一款不错的学习中文App，一个卡片一个单词。

图 | 中文学习移动App用户体验  

用户可以保存、收藏，重要的是交互的运动效果，能使学习过程更有趣。

- 08 -

浇 水 监 测 App  

这是一款很有趣的浇水监测App，帮助用户照顾好植物。

图 | 浇水监测移动App用户体验  

当用户完成了一次浇水，可以点击图标，图标变成了完成的标志。以动态的数据，帮助用户记录植物的浇水情况，并提醒用户什么时候需要浇水。

------------------

有趣的UI交互动效，是静态界面无法媲美的体验。从视觉美感，到功能便捷性，再到流畅的使用过程。这个时候，似乎所有流行趋势都被抛到脑后，交互动效成为了界面中最重要的部分。原来，比起美观的界面设计，招人喜欢的界面更难做到呢。

▼

▌在这里，你将会看到：

1.设计圈新资讯

2.精彩作品解析

3.创作经验分享

4.课程亲测推荐

5.课程优惠活动

▌重要的是：

你有什么想法，或是想要看什么内容，记得直接告诉！不然，我可能会偷懒……^_^

- END -

以上图片 | 来源于网络

参考资料 | 来源于网络