米尔顿格拉泽谈动态设计

上周我参加了谷歌的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

相关推荐

  • UserFlows一款能在Sketch画板生成流程图的插件

    UserFlows是一款能在Sketch中从画板生成流程图的插件。 定义链接 要定义两个画板之间的链接 - 选择一个图层和目标画板,然后运行定义链接命令(Cmd Shift K)。 添加条件逻辑 通过插件创建和管理条件,轻松显示条件…

    2016-12-08
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 交互设计面试官想了解什么,你知道吗?

    丝路视觉新朋友可点击上方蓝字关注年后又是一波跳槽季,对于即将走出校园的小伙伴来说,春招也马上要开始了。今天推荐的这篇文章包含了校招过程中的所有技巧和秘籍,绝对良心面经。已有一些工作经历、现在想跳槽的朋友们也可以参考一下,不仅可以为准备的面试答案查缺补漏,也可以给心中留一个底。与面试官进行的交谈,每一句话都会影响面试官对你的判断,因此每次讲话都力求向面试官证明你是合适的人选,如果他无法从你身上获取到有效信息,自然会将你淘汰。然而很多同学在...

    2018-02-03
  • 为什么用户会无视网站首页的轮播图?

    数据显示:在三百万个网站中只有大约1%的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率……到底怎么回事?个中原因相比会让你大吃一惊。

    2017-05-19
  • 做你家孩子,用户体验真差

    静静的读书,岁月不会骗你回复“晚安”,告诉你一个真相上周末去一个前辈家做客,她儿子才八岁。我去的时候他坐在书房写作业。看到我来了,前辈立马把他召唤出来,让他弹钢琴给我看。他缩着脖子在钢琴前坐下,小心翼翼的弹完了整首曲子,然后在前辈的示意下,回房间继续做作业。哪有一点八岁孩子的蓬勃朝气!前辈却非常得意,说:“我这个儿子,非常争气听话。他每周末要学钢琴、学画画,上两个少儿英语培训班。虽然他不乐意,但我不能让他输在起跑线上。”“我知道比起别的...

    2018-04-18
  • 交互设计文档如何写,才给程序员以美得享受?

    阿西UED授权发布作者公众号艾欧交互设计ID:aioued文章最后报名线上线下活动:【HBAT创新设计峰会:design+下的生存之道】“写交互设计文档(DRD)目的在于:便于与前端、测试以及开发工程师沟通”交互设计文档重要么?重要!但不是项目必需具备的内容,为什么还要学习呢?其实对于初学者来说,交互设计文档能够很好的梳理产品的逻辑关系、基本的设计规范等问题,让你真正透彻的认识一个产品所有可能性。基本上,在大公司都会写交互设计文档的,便...

    2018-02-01
  • 当我们在讨论用户至上的时候,我们在讨论什么?

    用户价值=用户收益-用户成本用户价值=用户收益-用户成本-机会成本机会成本=备选产品用户收益-备选产品用户成本。

    2017-05-31
  • 交互设计规范分享:页面信息展示、信息交互和通用组件规范

    本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。

    2017-05-19
  • 华为朱平:用大服务把用户体验引向极致

    4月12日,华为新旗舰手机P20系列发布,同时还发布了保时捷设计Mate RS,以及多款产品。2018年,是手机市场艰难的一年,4G换机和消费升级带来的市场红利正在逐渐失去,5G尚未到来,市场进入一个相对低潮期。这样一个情况下,众多手机厂商面临了较大的市场压力。在这样困难的市场环境下,华为怎么巩固自己的市场地位,甚至扩大市场?华为一惯的态度就是用产品说话,用大大领先对手的产品来证明自己。其实我关心的是,华为P20
    Pro这样的产品,已...

    2018-04-21