< 随着国际大品牌苹果跟谷歌的引领,近越来越多的国内公司开端关注动效设计了,越来越多的团队已经意识到动效在产品用户闭会中的重要性了,更多的射鸡师们也开端投身动效设计范畴。
(文中局部案例为设计师个人作品,局部为线上产品,都是我十分十分欣赏的作品。如不慎冲撞请戳我调换掉)
加强闭会舒服度
嗯,就是让用户更加爽更加爽的用你的产品。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。
具体表当初:
1.表示层级关联
为了展示层与层的关联,是抽屉,是打开,还是平级切换等等,让用户晓得这个界面跟上一个、下一个的关联。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。这已经是非经常见的应用了。
2.与用户手势结合,更天然的动画表示
当用户手势操作的时候,让界面的动态走向更合乎手指的活动,从而让用户感到到是自己把持了界面的动向,而不是机械化的跳转。
UI动效设计 动效设计 提示性动效设计
City guide app 用手势可能向左向右扔卡片
3.愉快的提示功能
在某些须要提示的时候能吸引用户的留神,然而又不会僵硬,合乎预期的呈现。
UI动效设计 动效设计 提示性动效设计
Action button feedback 出错提示
UI动效设计 动效设计 提示性动效设计
City Guides 启动时提示用户可能左右滑动卡片
4.额定增加界面的活力
在用户预期之外增加的惊喜,可能是帅气的,可能是卖萌,可能有些物理属性,总之让用户感知到产品的生命力。
UI动效设计 动效设计 提示性动效设计
readme.io 萌萌的输入框
UI动效设计 动效设计 提示性动效设计
amazon Q弹的菜单
UI动效设计 动效设计 提示性动效设计
tumblr 不喜好我 心都碎了呢~
5.吸引用户长久的留神力
也是属于增加用户的惊喜感,在某些数据量较大的界面中增加一些动效,让用户坚持留神力。
UI动效设计 动效设计 提示性动效设计
Bubbles 以动态的情势展示数据点
http://www.236w.cn/
>