建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > 交互设计教程 >

真正优秀的动效应该是隐形的

更新时间:2017-04-13整理编辑:建站学习网阅读:0

   毫无疑问,在UI和网页中使用动效已经成为大趋势。这种趋势是如此之明显,以至于越来越多的应用已经不是为了提升体验而设计动效,更多是为了强调动效本身。设计师 Pasquale D’Silva 在2013年的 Web Direction South 上曾这样说过:

  好的动效是隐形的。(作为用户的)你不应该注意到你正在看一个动效。

  这是一个很好的建议,我们作为屏幕背后的设计和开发团队,事先在脑中设定几个原则:动效的存在必须提高可用性,令人觉得自然,含蓄,是给予用户反馈的一种机制。

  在过去的一年里,我一直忙于Email Builder的工作,在这个过程中我对于网页中的动效设计有了比较深入的了解,和本地的APP不同,它所面临的挑战更大,不仅需要考虑行距、间距、布局等等因素,而且所有设备和浏览器上动效的显示效果都不一样,这也使得我们在力图创造最好的用户体验过程中,不得不妥协。事实上,我们在27寸iMac上实现了许多漂亮而实用的特性,但是因为在其他设备上运行生涩迟滞,使得我们在最终发布的版本中未曾将它们放进去。

  在概念和设计阶段,我们索设计的所有动效和交互原型,在最终释出的产品中,我们只保留了最实用效果最好的那部分。对我们而言,这样可以亲手挑选出最有用的动效,并且将它们放在最恰当的地方——那些提升用户体验的细节之处。下面是我们我们精选的一部分动效设计:

  新增布局下拉框动效

  当用户单击“Add layout“按钮的时候,下拉框会从按钮处淡入淡出显现出来,这个时候动效可以凸显下拉框和按钮之间的从属关系。

  侧边栏折叠框

  当你点击某个折叠框的时候它会展开,其他的框会折叠起来,动效令内容和标题之间自然形成关联。而“image“的标签页是稍微迟滞一会儿才逐渐显现的,这使得动效有了层次,也让用户注意到这些内容的所在标签页。

  按钮状态

  当你在等待某些事物的时候,你会觉得时间变慢了。所以,当用户在等待接收邮件的时候,我们会借助动效向他们展示后台正在发生的事情。在实际邮件发送时长不变的前提下,我们让用户的注意力不再空置,而是转移到动效上来,让他们感觉时间“变快了“。

  添加或复制布局

  当用户新增或者复制某个布局的时候,我们借助动效先创建一个空白区域,然后新布局或者控件会从这个空白区域中淡出显现,越来越清晰,从而暗示了“创建“的概念。

  删除布局

  当你的整个邮件布局中包含太多相似的区块,删除就不可避免了。当你删除某个区块的时候,下面的区域会向上滑动顶替这个位置,从而强调了删除的概念。

  布局控件

  当用户鼠标移动到某个布局的附近的时候,布局控件会显现。小控件会从对应的布局区域逐渐淡出到旁边,暗示了从属关系,让用户明白这些按钮所操控的布局是哪一块。

  我敢确信,真正优秀的动效设计师能够轻松指出这些动效的应该如何提升。遗憾的地方在于,设备平台和浏览器的分裂以及性能问题,使得我们不得不放弃许多动效和精致的细节。值得安慰的是,至少我们确定现有的动效已经提供了足够优秀的跨平台用户体验。

  越来越多的人开始探讨动效、设计动效、撰文总结并不意味着你得为每一个变化和细节设计动效。如果作为设计师的我们真正履行了我们的职责,那么用户是不应该注意到这些动效的。

  优秀的动效,应该是隐形的,就像那些优秀的界面一样。

本文网址:https://www.dedexuexi.com/wysj/jhsj/2866.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
自动生成上千款热门配色色板的COOLORS
« 上一篇2017年04月13日
令人为之动容的互联网文案
2017年04月13日下一篇 »
  • 网易云音乐WP1.0设计项目实战
    0阅读
    WP 平台是很多设计师很少涉足的地方,优设之前发过一篇WP设计规范指南,今天网易的同学继续上干货,来一篇WP的设计项目实战!作为一款有诚意的音乐APP,这次设计过程相当用心,值得学习的地方也很多,学习来。项目背景Windows Phone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成...
  • 马伯庸教你如何做一个万年好甲方
    0阅读
    编者按:原以为亲王精通历史,会写小说,现在才知道他也很懂作为甲方的门道啊。今天分享@马伯庸 同学的一篇好文,前有笑点,后有干货,有趣得紧。作为设计师,能遇到这样的甲方就嫁了吧。@马伯庸 :对我们甲方来说,艺术性是第三才需要考虑的因素。我们第二考虑的是如何有效率地把核心信息传达到客户那儿去。无论多么...
  • 网站设计主题和风格是重点
    0阅读
    企业为了在互联网上争夺一席之地,纷纷建起了网站。企业的网站就像企业的网络门户,既然是门面那么就要将网站建设好,充分展现企业的良好形象。貌似许多企业建网站是为了赶时髦,因为他们的企业网站设计的实在是不堪入目,这样不仅不会为企业带来什么利益,相反还会毁了企业的形象。那么企业要建好这样的门面应该如何入手呢...
  • 如何给网站布置干净的“关于我们”页面
    0阅读
    所有网站,无论是官方、电子商务、社会化网络还是个人站点,都应该设计一个恰到好处的关于页面,直截了当地告诉到访者,为什么要浪费他们宝贵的时间浏览你的网站。 一、为什么要有关于页面 不要让用户思考! 1、向浏览者传达本站的价值,留住用户 2、始终提醒自己站点的主旨,不要跑题 二、起什么名 关于页面存在的...
  • 如何建立一个成功的移动应用
    0阅读
    一个消费者应用程序是否成功,只通过相加其组成部分的总和来计算。简单的查看用户手机应用的下载历史,用户设备残留的移动应用数量,和那些真的被坚持使用的移动应用情况,就能知道这句话的真实含义。然而,如果你想知道为什么有些用户不再使用某些手机应用,那这篇文章可能会给你一些启示。 像一台机器一样,移动应用通过...
 
QQ在线咨询