交互设计 图形用户界面

米尔顿格拉泽谈动态设计

0
登录或者登记去做吧。

文章目录[隐藏]

 

聊聊动效设计

上个星期我参加谷歌 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 页后,可以建立你的原型拖放窗体,然后在设备上观看。

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

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

原文: 米尔顿格拉泽

中国app产品UI在歪果仁眼里是怎么样子的?-Dan Grover
为网页设计师 Web 设计编写的简要历史