米尔顿格拉泽谈动态设计

上周我参加了谷歌的I/O大会,加入了一个关于跨平台设计的小组座谈,这一次会议有非常多有趣的新事物,让人有种第一次走在拉斯维加斯大道上一样的惊奇。

文章目录[隐藏]

 

聊聊动效设计

上个星期我参加谷歌 I/O 大会,参加一次小组讨论上跨平台的设计,这次会议有很多有趣的新东西,人们走在第一次在拉斯维加斯地带般的惊喜。

这个 Android 大会宣布了多项改善,如电池保护模式和新的锁定屏幕警报。

有更多的设备能够使用安卓系统: 智能选矿设备的智能汽车、 智能电视。当有人在将来,当它来到安卓系统时,安卓系统不只会介意电话,但是想更像电视车辆。

"如果没有约束,这是不仅仅只是设计 — — 艺术"-马蒂亚斯 Duarte

Android l 最为显著的变化是显而易见的这是一个新"设计"(材料设计) 语言,相比以前的设计,灵感了,新的设计语言更扁平的界面样式,更多的跳跃和颜色也更丰富。同时加入非常细腻的动画,优雅完整系统每个系统的 60 帧的动画切换速度。

这种设计语言不仅用在新版本的 android 操作系统,但致力于使所有的谷歌的产品要有一个统一的设计,包括 Web、 移动平台、 可穿戴式平台等等,事实上,这个主意已经 Google + 客户端上,而且当然还有更多背后的控件和标签。

Android 的 I/O 并不只是 Android 大会本身的设计语言也表明,一个跨平台、 手机、 电视、 汽车等将来。

"如果你是一个设计师,然后签出设计的动态响应。因为你需要设计到 60 58 到 b 帧。"

— — Paul 相当 (@Stammy) 2014 年 6 月 26 日

一年前,我在其工作中自己的想法和设计特殊效果,通过使用各种工具或生成一个 HTML/CSS/JS 原型与移动设备进行交互显示的动画效果和过度。

"在项目 QC 将不仅使它更容易使用,也可以将你的设计来活着,这样您可以快速理解的设计与工作的意义。

— — — — 朱莉周

如何设计动态效果,但提出的一些建议,某些不要太深入的讨论: 准确、 反应迅速、 有意义、 人性化的细节。

"精心设计的动态效应"可以有效地帮助用户焦点和指导您完成所有步骤可以排列元素,以避免混淆,布局更改时,提高的程度的整体外观。动画也是一种个性,一种表达方式。“

几个视图可以被串在一起的动态响应,由于谷歌的变化,例如,使用一系列的小的过渡效果,表达转换,并帮助用户理解的层次关系。

聊聊动效设计

强大的设计原型罗马 Nurik 告诉我们一个问题,是对你最好的方式。

但在过去的五年中,我们往往一系列链接页面只。直到今天,原型对我来说是真正的程序可用于移动设备---实数转换、 元素可拖动,可滚动区域,动画效果,等等。

在过去,它可能需要耗时的地区使用 Adobe After Effects 要创造的效果,这次事情可以完成你的最后期限时他们不是。

现在有很多可以帮助你更有效的新工具。

如聚合物可以帮你布置,我一直在使用帧,几乎每天来构建交互式原型使用 JS。然而帧上小小的测试并非易事,因为会有大量的工作。

有其他工具,比如 pixate,允许您从 Web 页后,可以建立你的原型拖放窗体,然后在设备上观看。

当然会有更多和更好的工具来使用,但还有一件事可以肯定,这是一个真正在你的团队面前的原型是最有效的方法来沟通,不再需要解释给团队的其他成员"你点击这个,然后它加载时,幻灯片......"

当我们想到设计者的移动设备越来越多时,我们更需要成为更强大、 更有用的工具。所以我们可以设计更好的产品来吸引用户,并可以帮助用户解决问题。

原文: 米尔顿格拉泽

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/2324/

(0)
iouedioued
上一篇 2014-12-30 10:48
下一篇 2014-12-30 10:58

相关推荐

  • APP游戏分发模块一级交互设计

    看看阿西如何做原型设计,阿西手把手教大家设计原型。

    交互设计 2014-09-11
  • 交互设计四策略在音乐播放条上的运用

    追求简单易用是人类的本性,《简约至上》中提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约的终极策略。对于功能性单一的产品做到简洁化比较容易,但对于功能性较强的产品如要做到简洁就是一个复杂的课题。

    2017-05-23
  • 同样是券商,为什么你家APP用户体验不好?原来还有这一招...

    券业新力量 | 服务所有券业人的梦想当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放As Long As You Love MeBackstreet Boys - Backstreet's Back导言洞察用户喜好,吸引用户,留住用户,让用户满意,是所有服务业的本质。本文以行为数据切入,从三大方面、两个案例,全方位解析如何利用行为数据提升证券App用户体验。用户体验(User Experience)最早被广泛认知和提及,是在上...

    2018-03-30
  • 想做动效,可是你的需求写清楚了么?

    精美的动画对于提升产品体验有很大帮助,如促进用户理解功能,缓解用户情绪,调动用户积极心理,为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了,不少人已经开始越来越重视动效在产品中的应用了,还没有看过的同学不用急,谷歌官方的动效指南讲解得很详细,建议只看这个就够了,配合一些动画理解起来更容易。说明:

    1.优化直播间分享面板,增加特效

    2.当用户点击分享按钮时(*包括传统直播间主播面板的分享按钮和上方分享按钮,手机直播间的分享按钮*),从下方弹出分享面板,逐个弹出分享icon,并淡入显示分享奖励。

    3.用户关闭分享面板时,分享icon从右到左依次下落淡化消失
    相关参数:

    1.分享面板减速弹出,运动时间225ms
    2.分享icon从左到右依次弹出,运动时间225ms。带有奖励图标的,当对应分享icon弹出后,分享图标淡入显示(时间225ms),第二个图标比第一个迟100ms开始运动

    eg:如图第一个为qq图标,当用户点击分享按钮,分享面板弹出后,qq图标开始弹出(时间225ms),100ms后第二个图标(qq空间)弹出,当qq图标完全弹出时,淡入显示分享奖励图标,时间225ms。
    3.分享icon从右往左依次收回,分享面板收回,所有运动的时间减少30毫秒,如分享面板收回时间195ms,分享icon收回时间195ms。

    andorid端动画曲线采用系统自带:AccelerateDecelerateInterpolator(在动画开始与结束的地方速率改变比较慢,在中间的时候加速)

    iOS端动画采用系统自带:kCAMediaTimingFunctionEaseInEaseOut (在动画开始和结束的时候速度稍慢些)
    具体效果可参考附件视频

    2017-05-08
  • AR(增强现实)应用中的交互设计思考

    作者认为AR未来无论是在C端还是在B端都会存在广泛的应用场景,并能够在许多场景下颠覆用户的使用习惯,解决一些目前无法有效解决的用户需求!比如最近突然火起来的AR游戏《口袋怪物Go》就让大家见识了AR应用的潜力。本文主要和大家探讨一下作为交互设计师,在设计AR应用时需要思考的问题。

    2017-05-22
  • 招聘 | 年薪百万不是梦,八爪鱼一大波高薪职位与伯乐奖在等你

    八爪鱼又开始招人啦如果你对大数据充满热情技术与才华兼并就赶快行动吧行业销售总监(政企)企)N15k-30k /深圳 / 经验3-5年 / 本科及以上 / 全职>>>岗位职责:基于公司的大数据产品、资源和技术,面向企业/政府等客户,提供数据采集软件、数据分析产品,数据服务,大数据解决方案等产品或服务;销售团队的人员招聘,管理及考核淘汰工作;完成客户需求的挖掘,商务谈判,项目回款工作;负责外部销售渠道和资源的对接,开发与维护;配合市场运营部...

    2018-03-15
  • 译文 | 如何通过讲故事来简化用户体验设计

    原文来自UXPin Studio,原作者是Jessica Lowry,一位英国的用户体验设计顾问,笔者译来与大家共勉“用户乘坐飞机在一个茂密的森林上一边飞行一边寻找地面上的路径,他正在寻找的是一颗红色的种子。这颗红色的种子是被外人引入森林的,目的是用红色种子生长出来的植物来消灭其他植物。损失将会是无法接受的。但是红色种子有好几颗,用户需要在种子长成植物之前定位和移除它们。”

    2017-05-27
  • 【Material Design】Chrome iOS版微交互创新(下拉管理tab)

    平时在手机上主要用Safari,今天用Chrome时下意识的手指下拉滑动,发现已经可以通过下拉操作来管理tab,而且不仅仅是下拉刷新,还有进一步的优化和创新: 直接下拉是刷新当前tab 下拉并往左滑可打开新的tab 下拉往…

    2015-08-19
  • 通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

    不单是视觉扁平,交互层级也更加扁平啦~

    2017-05-09
  • Axure 原型界的撕逼大战

    最近在交互原型界也有撕逼大战啊,所以任何以收费为目的的网站都是纸老虎。 为了整体交互设计行业发展来看,只有开源分享才是真的有利于交互设计师们。你们说尼? 原文标题:《金乌:你能消停点儿吗?》-小楼一夜听…

    交互设计 2014-12-29