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

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

一个优秀的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

相关推荐

  • 视觉冲击 | 颜色vs反差,哪一个更能吸引眼球?

    大多数的人们都熟悉色彩心理学;成百上千的文章、案例研究、甚至是从不同角度进行分析的图表。颜色对我们的影响,将影响我们决策过程中的每一个选择。这点是毫无争议的。但是,我们不应该盲目的遵循某一个原则去辨别。今天,我们就一起来测试对比度在吸引关注中的作用。

    2017-06-04
  • 物联网产品用户体验设计的5个关键

    来源:物联之家网编译:冬夜物联网智库 整理发布转载请注明来源和出处------【导读】------创建物联网产品良好用户体验的5个关键:简化入门、顺畅的跨平台设计和交互、个性化和背景、一体化体验、创新体验方式。设计一个伟大的、用户体验极佳的物联网产品说起来容易做起来很难。仅仅为一个新应用程序构建直观的用户体验就极具挑战,而物联网系统通常由多个设备、多个具有不同功能的应用程序和接口、输入输出数据流和用户权限分配组成,因此,为如此复杂的系统...

    2018-04-10
  • 【18应届报考北师大map用户体验方向】经验分享贴

    BNU学习小组互助互帮,轻松考取北师大,我们团队致力于为报考北师大MAP心理学专业的学弟学妹提供最精准的专业课辅导,官方微信:yanni513351。QQ:2194691060。专业课方面:普心、社会心理学我主要是看书背知识点,这两门课不难理解,看书熟悉内容以后将知识点背熟就可以,另外要通过做题检验自己的程度。测量心理学、实验心理学和统计心理学这三门课注重理解,尤其是统计心理学,要将每个知识点弄懂是什么意思,再做题巩固。而实验心理学重点...

    2018-04-15
  • NO.14 下一站用户体验

    今天要为大家推荐的书是杨艾祥的《下一站用户体验》,用户体验这个词大家并不陌生,但用户体验的定义以及所包含的具体内容有哪些,这个问题,可能并不是很多人都特别清楚的了解,用户体验这个被用“烂”了的词到底具备哪些威力,作为一个设计师又如何去提升产品的用户体验,在《下一站用户体验》这本书中都可以找到答案。目录(简版):一、那些让人讨厌的流氓行为1、这是个烦躁的世界2、这个世界没有新物种3、美丽的错误二、用户究竟在体验些什么1、腾讯为什么那样牛2...

    微信热点 2018-02-25
  • 语言的图形化表达,让百度“中文搜索”的设计更美

    本次百度ACL会议主视觉设计主要进行了五个核心技术领域的海报设计以及物料设计。通过把甲骨文的象形文字表意特征结合现代设计语言,创造出最能代表百度“中文搜索”特质的作品,提升了公司在国际上的影响力和美誉度。

    2017-05-12
  • 视力设计:如何为弱势群体做包容性设计

    世界是多样和公平的,在我们考虑大多数人和强者的利益时,弱势群体一样也需要被设计“庇护”到。本文作者将就此来谈谈如何为弱势群体做包容性设计之视力篇。主流产品或服务的设计能为尽可能多的人群所方便使用,无需特别的适应或特殊的设计。宽度不超过80个字符或符号(如果是中日韩字体,不超过40个);段落里的行间距(行隔)至少是1.5倍行距,段落间距至少比行间距大1.5倍。

    2017-05-15
  • 从Web到移动应用的设计思维转换

    标签:移动应用、移动互联网、UI、产品设计、Web应用、视觉设计 【编者按】本文作者@刘津legene 随着移动互联网的快速发展,很多Web产品经理、设计师转而投身至移动应用领域。看起来非常相关的工作,却可能给他们带…

    2014-11-26
  • 如何才能读懂甲方给出的设计需求?

    转到交互岗已经有一阵子了。原来在做产品的几个月里没少和技术、设计进行沟通,每当自己把意思想法传达下去的时候,反馈回来的结果基本都要进行进一 步的修改,这种返工和修改在产品快速迭代的过程中很浪费时间。当时自己没有觉得表达有问题,已经把需求的目的结果都表达清楚了。可能是自己没写过代码、没 做过设计所以在一些专业的术语的表达上,方案实现方式的选择上存在偏差,导致技术、设计没有完全按照自己设想的预期做出结果。

    2017-05-24
  • iOS 10 交互设计指南

    几乎所有的iOS应用都由UIKit framework中定义的组件构成,了解这些基本组件的名称、作用和功能可以帮助你在应用的界面设计过程中提供更好的帮助。UIKit提供的UI组件分为以下4种类型:栏包含了上下文信息来指引用户…

    2017-08-01
  • 免费电话你用了吗?

    随着微信电话本1.0.0版本登录苹果和安卓应用商店,这款智能通讯增强软件也引起了一场热议。在这小编也亲自体验一下并与大家分享,欢迎拍砖~ 安装并打开微信电话本,如图: “免费”二字相当醒目,但真的是免费吗?其…

    2014-11-13