浅谈UI设计中动态设计应该是隐形的

2016-02-16 20:54 7 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是浅谈UI设计中动态设计应该是隐形的,一起来学习了解下吧!

【 tulaoshi.com - 平面设计 】

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

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

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

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

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

新增布局下拉框动效

浅谈UI设计中动态设计应该是隐形的,PS教程,图老师教程网

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

侧边栏折叠框

浅谈UI设计中动态设计应该是隐形的,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

按钮状态

浅谈UI设计中动态设计应该是隐形的,PS教程,图老师教程网

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

添加或复制布局

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

浅谈UI设计中动态设计应该是隐形的,PS教程,图老师教程网

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

删除布局

浅谈UI设计中动态设计应该是隐形的,PS教程,图老师教程网

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

布局控件

浅谈UI设计中动态设计应该是隐形的,PS教程,图老师教程网

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

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1574175.html

延伸阅读
标签: PS PS基础
《ideas》是腾讯互动娱乐系统设计团队TGideas针对各类游戏的视觉包装设计所输出的适用性研究期刊,希望与大家分享相关经验,以及游戏类课题的交流。 本期作者:Ggao、Zaneye 1. 少些质感,多些版式 By Ggao 你是否有过,为越来越同质化的标题渐变,质感而苦恼吗?设计是否就是每天叠素材?随着越来越多平面韩国网页的出现,我们或许可以变...
标签: 孕妇
孕晚期胎动 胎动次数应该是多少 每个女人在即将做妈妈的时候都是紧张而幸福的,从刚怀孕时候的小心翼翼到后期频繁发生胎动,都是见证小宝宝成长的过程。那么孕晚期胎动是为什么,孕晚期胎动的次数应该是多少,孕晚期胎动应该怎样注意饮食,下面我们就一起来看看。 准妈妈们在孕期达到30周之后,去医院检查的次数会越来...
标签: 孕妇
产后正常出血与分泌物 无论你是顺产还是剖腹产,产后都会出现一些阴道分泌物,叫做恶露。 产后恶露是正常的吗? 在产后最初的几天里,恶露应该是鲜红色的,就像是大量的月经,大部分是血液和脱落的子宫内膜组织。这时候的恶露既可能间断地、小股地流出,也可能比较均匀地流出。如果你躺了一阵子,阴道里集聚了一些血液,起身之后,就...
母乳喂养八大谣言不可信 母乳喂养八大谣言不可信   1、哺乳会导致乳房变形   对于这个说法是大错特错的。真正导致乳房变形的是孕期,而非哺乳期。乳房的变化都是从 怀孕 期间慢慢开始改变的,由孕激素影响。所以无论妈妈是否选择母乳喂养,妈妈都应该好好地呵护自己的乳房。   ...

经验教程

950

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部