每个设计师都需要懂得动效知识(一)

2020 年 1 月 08 日

每个设计师都需要懂得动效知识(一)

精细而恰当的动画效果可以传达状态,增强用户对于直接操纵的感知。


一、什么是动效及作用?


动效是物体空间关系与功能有意识的流动之美,它让用户更了解交互。


在 IOS7 官方 guideline 中,给动效赋予了一个新的定义:精细而恰当的动画效果可以传达状态,增强用户对于直接操纵的感知,通过视觉化的方式向用户呈现操作结果。


为什么现在的产品越来越注重动效了那?我们先从人对于产品元素的感知。


顺序来看?不难看出人们对动态的信息感知是最强的。



那么动效能给给产品设计带来什么好处那?


1.让体验更连贯:帮助用户理解界面之间的关系,缩短用户和界面之间的鸿沟。消除屏幕伤的跳变。告诉用户元素从哪来到哪去。


2.消化引导流程,降低学习成本:在最恰当的时机给用户有意义的引导。减轻认知负担,让体验更愉快。


3.空间扩展:让当下用户不需要的信息隐藏,适当的时机出现。


4.赋予设计趣味和活力:让错误不那么沮丧,让等待不那么无聊,让你的产品看起来更具活力。


二、动效是不是越多越酷炫越好那?


在平时项目中,我们有些设计师经常为了追求酷炫,生硬的在产品中展现。一个好的动效应该是自然,舒适,锦上添花绝对不是为了仅仅去吸引眼球,生拉硬套。所以要把握好动效的轻与重,先考虑用户使用的场景、频繁程度来确定动效的注目程度,其次重视整体性的编排。


下面我们来看一下经常在 APP 里面使用动效的场景:


  1. 开机启动图


强化产品品牌,动画短小。仅为简单变形,旨在突出产品 logo。因为开启启动图时间非常短,复杂的动画延迟了界面的过渡。


  1. poplayer动画


强调惊喜,有创意的,有互动性的动(手淘的双十一活动)



  1. 界面之间切换跳转


帮助用户理解界面刚发生的变化,让用户知道自己在哪。例如页面之间的转场,弹出等。



  1. 扩展空间场景


强调关联性的场景,展开,放大缩小,翻转等。



  1. 强调状态


抓住用户注意力,也可以说是分散用户注意力,例如加载时,出错时等。



  1. 聚合入口



  1. 突出元素,增加情趣 (播放器播放暂停案件)



本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/AJneuIhv1UsUPlNk6ebaQg


2020 年 1 月 08 日 17:4376

评论

发布
暂无评论
发现更多内容

Flask 中的 Sessions

Leetao

Python flask Web框架

Java并行程序基础

独钓寒江雪

Java 高并发 并行

并发必备基础知识汇总

独钓寒江雪

并发 基础

JVM 对象内存布局

Alex🐒

JVM 深入理解JVM

深入 Java Web 技术内幕(二)浅析DNS域名解析过程

独钓寒江雪

DNS 域名解析

如何挑选编程笔记本 | 数码产品

chaozh

【数据结构】Java 常用集合类 PriorityQueue

Alex🐒

Java 源码 数据结构

架构师训练营 - 命题作业 第 7 周

铁血杰克

压测工具如何选择?

elfkingw

程序员面试必备战衣 | T恤衫 - 程序员穿搭

chaozh

GEEK

JVM 垃圾回收机制

Alex🐒

JVM 深入理解JVM

架构师训练营第7周作业

时来运转

彻底弄懂C++11右值引用 | 技术总结

chaozh

c++

【干货分享】通过命令操作来学习Git

独钓寒江雪

git git入门

JVM 垃圾回收器 G1

Alex🐒

JVM 深入理解JVM GC

架构师训练营第七周作业-性能测试

sunnywhy

深入理解 JS 中的 this

Verlime

Java 前端

优雅地利用c++编程从1乘到20 | 技术总结

chaozh

c++

深入Java Web技术内幕(一)浅析Web请求过程

独钓寒江雪

Java

深入理解 JS 中的变量提升

Verlime

Java 前端

女娲造物与补天 | 中国古神话

chaozh

【数据结构】Java 常用集合类 ArrayDeque

Alex🐒

Java 源码 数据结构

神国统治者 | 中国古神话

chaozh

创世 | 中国古神话

chaozh

神话

JVM 运行时数据区

Alex🐒

JVM 深入理解JVM

Ubuntu 20.04 上安装和配置 VNC

酱紫的小白兔

【译文】创建 Kubernetes manifest 的初学者指南

FeiLong

Kubernetes

JVM 垃圾回收器 CMS

Alex🐒

JVM 深入理解JVM GC

架构师训练营第7周总结

时来运转

JVM 类加载机制

Alex🐒

JVM 深入理解JVM

Spring Security入门到实践(一)HTTP Basic在Spring Security中的应用原理浅析

独钓寒江雪

源码分析 spring security

每个设计师都需要懂得动效知识(一)-InfoQ