专栏名称: 优设AIGC
优设网官方帐号,国内知名设计师学习平台。和大家一起来利用碎片时间学习设计和PS技术吧!
目录
相关文章推荐
庞门正道  ·  来,我要吃2页! ·  昨天  
庞门正道  ·  炸场!即梦AI 3.0直出LOGO! ·  昨天  
字体设计  ·  海报上的文字排版训练 ·  2 天前  
字体设计  ·  1959-1962 爵士音乐节海报 ·  3 天前  
字体设计  ·  瑞士平面设计工作室:marcus kraft ·  3 天前  
51好读  ›  专栏  ›  优设AIGC

听说现在甲方都喜欢有功能性动效的页面设计了?

优设AIGC  · 公众号  · 设计  · 2017-06-05 12:39

正文

请到「今天看啥」查看全文


为了减轻认知的负担。
防止发生变化时看漏(英: Change Blindness)。
在空间关系中确立良好的收束。

以用户为中心的设计方法,直观的用户界面,响应性,人性化等等都是必须的。功能性动效,将有助于你实现这些目标。那么,就让我们详细的来看一看功能性动效吧。

用功能性动效完善UX

对APP或网站的体验或印象,是通过由各个接口的基础工作组合而得来的通过在好的地方使用动效,会更易于使用,让功能性更加完善。

通过仔细研究测试,功能性动效,都包含以下的功能、要点。

01.可视化的反馈

舒适的交互设计可以提供更好的反馈。无论是否成功,反馈能告诉用户系统已经识别到了你的操作。显示出相互作用的结果。这组动效应特别注意小心控制,与之相应的设计是必要的。

反馈按钮

在我们的生活中,对按钮会有按下去的反应。可以预测在数字接口使用方法也是一样的,进行会有怎样的反应的预测是十分重要的。

操作结果的可视化

按照基本规则,使用动画进行反馈,你可以很好的强调什么操作是错误的。

例如,如果你输入密码错误,让我们添加一个左右抖动的视觉动画吧。像【出错啦,请再试一次】这样,左右摇头的效果。当用户看到这些动效后,可以立即了解当前的状况。







请到「今天看啥」查看全文


推荐文章
庞门正道  ·  来,我要吃2页!
昨天
庞门正道  ·  炸场!即梦AI 3.0直出LOGO!
昨天
字体设计  ·  海报上的文字排版训练
2 天前
字体设计  ·  1959-1962 爵士音乐节海报
3 天前
字体设计  ·  瑞士平面设计工作室:marcus kraft
3 天前