是不是该考虑加入动态交互了?

本文转载自:阿西博客 原始链接:是不是该考虑加入动态交互了?

一个优秀的APP交互动画不仅仅是炫,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天就带你来见识一下什么叫洋气范儿,什么叫牛!


一个有趣的下拉刷新loading交互效果,这个弹性看起来很有吸引力。

是不是该考虑加入动态交互了?

APP表单交互,点击“下一步”的效果页面是没有刷新的,而是用过渡变形的方式。

是不是该考虑加入动态交互了?

好强大的联系人APP,点击LOGO,显示出来的用户交错展示,有着层次、空间的感觉,这个创意不算新鲜,但用在这里就很新奇有趣了,不是吗?前排应该是联系最频繁的用户。

是不是该考虑加入动态交互了?

原来喜欢是可以这么做的,向右滑动会变成喜欢的运作。细心点可以看出,不是直接向右滑就直接喜欢的,分开了2个动画,向右滑动20%-30%会显示一个动画,但这时没触发喜欢功能,当用户继续向右滑直至走过30%才会触发成功。右滑功能也是如此。但这个百分比值需要经过多次测试才能获得最佳值。

是不是该考虑加入动态交互了?

Switch开头另一种展示形式,但这样如果第一次使用,反而不知道有没有开启。

是不是该考虑加入动态交互了?

TAB切换效果,未选中的TAB用图标显示,TAB当前状态转为文字。

是不是该考虑加入动态交互了?

切换文字时,带有反转效果。

是不是该考虑加入动态交互了?

搜索交互,搜索按钮有点怪。

是不是该考虑加入动态交互了?

很赞的LOGO动画。

是不是该考虑加入动态交互了?

不同TAB不同color。

是不是该考虑加入动态交互了?
选择特效,很爽的样子。动画的帧数计算很好,精确得当,使视觉能很友好的展现,不花哨,没阻碍。

是不是该考虑加入动态交互了?

APP导航菜单图标动画。

是不是该考虑加入动态交互了?


现在国内的大多数APP都是一个样子,国内的设计师们,偶尔也来点新潮的东西给你老板瞧瞧吧!

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/4404/

(0)
Smiler李想Smiler李想
上一篇 2015-03-21 16:23
下一篇 2015-03-23

相关推荐

  • 交互设计怎么入门呢?

    经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。基本概念浏览招聘网站上的讯息,就会发现UED,UX,UI等不同...

    2018-03-23
  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • 【炫酷动效设计】这就是为什么你的产品需要做动效设计

    随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。 但是说到底,我们到底为什么需要…

    2015-08-13
  • 定义方向策略 – 有理有据做设计

    独立项目中,交互设计师的工作可以分成四个核心环节:定义方向策略、确定解决方案、有理有据的进行设计输出、上线效果跟踪。本期要和大家分享的是:方向策略。 方向策略阶段需要明确了解本次设计原因及产品目标,进…

    2016-12-08
  • 交互设计第一步 了解完整的知识体系架构

    交互设计师犹如一名“翻译官”,主要的使命就是让人与产品之间更容易沟通、更具有人性化,让用户的操作更加有效,这也是交互设计师的价值之所在。今天推荐的这门课程,带你全面了解交互设计的知识体系架构和工作流程,了解交互设计师应具备的能力、应掌握的工具、如何完成进阶,并掌握让你更加专业、更具逻辑性的设计思维与交互设计面试技巧。点击“阅读原文”,开启你的学习之旅~丨我将从这门课中学到什么?了解形成完整的知识体系架构的重要性了解交互体系架构包括哪些部...

    2018-03-12
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18
  • 从用户视角看设计:分享我从用户测试里吸取的5个教训

    用户视角对于设计师来说,是需要学习的。

    2017-05-05
  • Axure 从入门到够用

    第180篇Glen几个月前决定总结分享一个Axure教程系列,结果现在才腾出时间来梳理。Axure是最常见的产品原型工具了,看完这篇文章,你就基本具备了日常工作需要的产品原型能力了。Axure入门到够用教程1. 尺寸规范1.1 网页端产品尺寸优秀的产品原型是需要做到像素级高保真的,这样便于之后设计师输出设计图,毕竟眼见为实嘛。现在互联网主流屏幕分辨率有1920 * 1080、1366 * 768、1440 * 900。你在画网页产品原型...

    2018-03-06
  • 设计规范 | 详解组件控件结构体系:导航类

    本文作者将详细阐述组件控件结构体系中的导航系统,分别为7类:底部标签式导航、分段控制式导航、列表式导航、下拉菜单式导航、抽屉式导航、宫格式导航和卡片式导航。enjoy~

    2017-04-27
  • 交互设计牛校排行榜 | 卡内基梅隆

    创艺典国际艺术教育之院校介绍有一位老大哥是高校里的老大哥他在艺术、工业、计算机专业非常强势除此之外它还拥有全美顶尖对顶尖的计算机学院和戏剧学院他就是Carnegie Mellon UniversityCMU卡耐基梅隆大学这些看上去毫不相干但都那么强势的学科结合在一起岂不是成了飞机中的战斗机赛车中的四驱兄弟?卡梅这位老大哥还真这么干了他们开设了一个项目那就是——人机交互交互设计中应用最广泛的学科分支卡内基梅隆的人机交互项目是全球的交互项目...

    2018-04-26