米尔顿格拉泽谈动态设计

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

相关推荐

  • 五一福利大放送,再不收藏就没有了哦

    老板阿西太抠,说了好久才同意五一送福利,今天小编就放血,给大家送点福利,机会不是天天有该出手时就出手。 图标和字体想怎么用就怎么就,让设计不再孤单,要的就是这个范儿。 字体下载地址:http://pan.baidu.co…

    2015-05-01
  • 交互设计如何备考?二战学姐带你领略考研那些事

    姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,...

    2018-04-20
  • 实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 2017用户体验行业调查报告

    更多精彩内容:IPO新机制 催生市场四大变化最全关于企业上市流程知识汇总!(强烈建议收藏)由IXDC主办的2017国际体验设计大会于2017年7月12-16日在国家会议中心举行,作为全球极具影响力的体验设计交流平台,吸引了3000多名从业者参加,大会通过主题演讲、工作坊等形式充分交流经验,共享体验设计盛宴。而作为一年一度的用户体验行业报告发布也是大会重要的组成部分,备受从业者们关注,报告每年通过全面详尽的调查分析,系统梳理整个行业脉络,...

    2018-02-14
  • 【交互设计】寒假专业设计课程计划

    以清华力量武装自己寒假班开课时间:2018年1月27日 —2月8日报到时间:1月26日 (全天报到)寒假课程不局限于清华美院考研,寒假基础班以专业为导向,报考全国其他院校的同学也可参加。学习最高要求和最高水平的课程,全国名校任你选!说明: 交互设计的考试内容和实际工作基本类似,非考研类同学也可以报名学习,想转型学习或从事交互设计行业的其他专业同学也可报名。师资介绍:老师一:L老师本科中央美术学院数码媒体专业,清美交叉学科硕士考研成绩:初...

    2018-01-30
  • 由UI/UX设计师向产品设计师演变

    为了创造出伟大的产品,UI/UX设计师应该期待并成为能够生成和处理更多额外信息以获得最佳设计成果的产品设计师。

    2017-05-09
  • 【新鲜译文】iPhone X人机界面规范

    译者:阿呜(UXRen翻译组成员)   iPhone X的超大尺寸、高分辨率以及它的全面屏给我们带来了以前从未有过的沉浸式体验和丰富的内容展现。   1、屏幕尺寸 iPhoneX竖屏时的屏幕宽度与iPhone6、iPhone7和iPh…

    2017-09-14
  • 智能语音交互设计 1 — 总览篇

    大家好,从本周开始会进行Conversational AI Design Newsletter编写。希望把一些现有的语音交互的研究成果和一些关于Conversational AI的方法收集起来分享给大家。source: Pinterest第一篇 — 总览篇语音助手(Voice Assistant)主要由几种重要的技术组成:自动语音识别系统(ASR),自然语言处理(NLU),和机器学习(Machine Learning)。ASR类似于我们...

    2018-02-05
  • 交互设计三要素–目标、任务、行为

    设计文章,交互设计, 基础知识 2014-09-04 来源:阿里巴巴国际UED 作者:zhoudong 编者按:交互设计师是为用户创造好的使用体验,这么纠结出来的方案有时候用户根本不care,看一下这东西不是自己想要的扭头就走,哪怕…

    2014-09-04
  • 是时候聊聊具有直觉性的UI和交互设计了

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。“想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。”“心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。”(如果你仔细观察,会发现这个时候的设计师将纸的纹理运用到窗口上,此处的设计和Material Design 中纸的隐喻不谋而合,这又何尝不是一种潜意识的引导呢?)

    2017-05-16