最抢眼的6个方法!如何让交互过程变得惊喜有趣？(上).pdfVIP

最抢眼的6个方法 ！如何让交互过程变得惊喜有趣 ？(上) 今天的交互 ，就像是引诱 孩子吃药的方糖 ，不但味道得甜 ，过程还要润物无声 ，是个不 的考验。今天网易的美女交互设计大神@子木yoyo 分享了6个最流行的交互设计方法 ，附优 秀案例 ，通俗易懂 ，可以帮你尽快实现这个目标 ，来加油吧 ！有了好的创意 ，我们还需要有 好的方法去表现它 ，下面就来介绍一下娱乐化设计的方法。 一、目标的激励 在游戏中 ，保持有目标 ，是玩家不停去玩一个游戏的核心驱动力。目标对用户的吸引力很大 ，达成 目标会很开心 ，激发成就感 ，失败了则会不甘心 ，想要再次尝试。最后玩厌了、不玩了 ，往往是因 为目标达成了 ，找不到新目标了 ，也就找不到再玩下去的理由了。从各种游戏中我们都可以发现 ， 目标往往是渐进的。首先有一个用户可以轻易达到的目标 ，让用户产生一些成就感 ，是激发起继续 玩下去的动力 ，然后会有一个有点难度 ，多次尝试才能达到的目标 ，最后有一个终极的大目标 ，往 往是通关打boss什么的 ，达成目标后会非常有成就感。这些渐进的目标 ，就是黏住用户的吸引力。 渐进的目标 超级玛丽这个游戏很多人都玩过 ，它最简单的目标就是打怪物 ，不要被怪物碰到 ，然后是过关、达 到每一关的城堡、打过每一关的火龙 ，最后一个终极的目标 ，就是通关以后救公主。这个目标是单 线程的 ，非常简单明确 ，但一旦通关就会失去动力。很多很多游戏 ，我们刚开始玩得时候非常有 兴趣 ，但是一旦通关 ，就再也不会玩了。 单线程目标 植物大战僵尸也是大家非常熟悉的游戏 ，它也有一个很明确的主要目标 ，打僵尸—过关—打boss 通关 ，但它在中间还引入了其他一些次级目标。比如你要过关 ，就要收集金币 ，买更多的植物和 道具 ，这样才能增强战斗力 ，应对不同类型的僵尸。在植物大战僵尸2中 ，不同的关卡是有星级的 ，要收集到足够的星星 ，才能解锁新的模式 ，更出色的完成任务 ，收集星星 ，也成了一个次级目标 。 引入次级目标 如果说主要目标是一个核心的驱动力 ，那么引入次级目标就可以更好的吸引玩家 ，增强游戏的趣 味性。 二、灵动的动效 如今动效设计越来越被重视 ，尤其是在ios 7发布之后 ，一个优雅、灵动的动效 ，成为很多优秀app 的标配。 首先让我们来一起思考一下 ，为什么要设计动 ？是为了好看、酷炫、还是流行 ？这些当然都是 ， 但是最重要的是 ，有意义的动效 ，可以解释应用的逻辑、层次和交互机制。动效是可以帮助用户理 解应用的。恰当的应用动效 ，可以替代大段的文字 ，阐述应用的含义。比如ios 6中删除图片的那个 动效 ，照片飞入垃圾桶 ，然后垃圾桶盖上盖子抖一抖 ，非常生动的传达了删除照片的含义。 最典型的利用动效表现产品逻辑的地方 ，就是转场动画 ，大家对于这样的动画再熟悉不过了 ，下一 层级的页面 ，一般会从右侧覆盖进入 ，返回上一层级页面 ，会向右侧滑动退出 ，这种转场动画很好 的营造出一种空间感和逻辑感。 Yep是一个基于地理位置的交友app ，用户可以发起一个聚会 ，吃饭、喝茶、运动或者其他什么。 比如用户选择了“就餐” ，其他选项收缩淡出 ，“就餐”图标移位并变成地图上的一个图钉。“就餐”图标 的变化过程可以将前后两个界面无缝的衔接起来 ，阐明了基于地理位置的筛选机制 ，表达出“在这个 位置就餐”的明确概念。在地图界面中点击“O K”按钮 ，界面元素淡出 ，地图整体向后退去 ，融入到雷 达一样的动效当中 ，圆形扫描区域所代表的就是以用户当前位置为中心的50 公里半径范围。这一连 串的动效 ，实现了界面之间的平滑过渡 ，也阐明了应用所要表达的逻辑。 Yep用动 表达逻辑 视觉设计可以还原物理世界的真实感 ，动效也可以。比如Flipboard的翻页动效 ，给人一种硬纸板的 感觉 ，iBoo k的翻页动效 ，给人一种柔软纸张的感觉 ，这种不同的材质感 ，都是通过动效来表现的。 用动 表现材质 用动效表现材质 ，不会增加用户的视觉负担 ，在操控上更有真实感 ，所以就算拟物化的视觉设计已 经慢慢在衰退 ，具有真实意义的动效却得以保留。 细节处的 动效可以为产品增加亮点 ，带来惊喜的体验。就像T u blr点赞的动画 ，红心飘起来时 ， 就像飞了一个吻 ，让人感觉心花怒放 ，取消点赞时 ，心都碎了。这种 细节让人爱不释手。 T u blr的动 设计 利用动效速度的微妙变化 ，可以表现出应用的风格。快速可以体现灵活轻盈 ，慢速可以体现优雅 委婉。如卯榫体现传统文化 ，动效缓慢优雅 ，sli