➜移动UI&UE有什么用?
➜ 一两句话讲不清,你需要体验
这一期的内容,我们去体验一下前沿的移动UI与交互效果,所带来的优质体验感。
用一款iPhoneX加载动态效果,开个场吧。是不是很有趣?当你拖动状态栏时,就会出现漂亮的彩虹动画。多等一会儿也不会感到无聊,同时增加了娱乐性。
▼
下面的精彩案例,请准备好你的眼睛和手指!
- 01 -
美 食 App
❶ 食谱App
这是一款素食菜谱App,可以自由搭配食材,并添加到购物车。
你可以看到食谱选择基本设置是横向滑动的。用户点击指定的食谱,可以看到成分和营养信息。色彩组合明快,动态效果很细致。
❷ 汉堡App
一款定制汉堡App,可以让用户自由选择食材。听起来,体验感就差不了。
重点在高质量的照片,让人看上去相当有食欲感。食材显示在屏幕底部,用户可以添加或删除。金额的数字显示,也是动态的。点击下面醒目的黄色按钮,就可以“加入购物车”了。UI元素和结构具有视觉层次感,动态效果让用户与App进行轻松友好的互动。
- 02 -
电 影 票 App
第一屏是电影放映列表,用户上下滑动可以一次看到更多海报。
点击海报,进入特定的电影放映厅,可以看到所有必要细节。第二屏选择和预订座位,用户可以形象的看到座位,挑选他们喜欢的位置。
- 03 -
照 片 App
这是一社交媒体App,让摄影师展示他们优雅的展示他们的照片。
当前视图显示图片简介,用户可以横向滑动查看照片,点击即可打开全尺寸。动态效果很自然。
- 04 -
名 片 App
这是一个非常有趣的名片App,只需向下拖动就能创建一个联系人设置卡片。
填写完成后,再向上拖动,一个完整的名片就完成了。界面效果动感流畅,操作方便。
- 05 -
家 庭 预 算 App
一款能够帮助用户管理家庭开支和收入的App,跟踪资金流动的变化。
动画交互和导航非常直观,让大量的数据看起来也很有趣。
- 06 -
智 能 家 居 App
这是一款智能家居功能App,用户可以选择房间,看到基本数据,比如温度、湿度、和能源消耗。
用户可以调整设置,查看费用、转换节能模式等。所有的交互动画的颜色,看起来特别深,从而突出功能性。
- 07 -
中 文 学 习 App
一款不错的学习中文App,一个卡片一个单词。
用户可以保存、收藏,重要的是交互的运动效果,能使学习过程更有趣。
- 08 -
浇 水 监 测 App
这是一款很有趣的浇水监测App,帮助用户照顾好植物。
当用户完成了一次浇水,可以点击图标,图标变成了完成的标志。以动态的数据,帮助用户记录植物的浇水情况,并提醒用户什么时候需要浇水。
------------------
有趣的UI交互动效,是静态界面无法媲美的体验。从视觉美感,到功能便捷性,再到流畅的使用过程。这个时候,似乎所有流行趋势都被抛到脑后,交互动效成为了界面中最重要的部分。原来,比起美观的界面设计,招人喜欢的界面更难做到呢。
▼
▌在这里,你将会看到:
1.设计圈新资讯
2.精彩作品解析
3.创作经验分享
4.课程亲测推荐
5.课程优惠活动
▌重要的是:
你有什么想法,或是想要看什么内容,记得直接告诉!不然,我可能会偷懒……^_^
- END -
以上图片 | 来源于网络
参考资料 | 来源于网络