纳金网
标题:
APP UI动效适合何时动?
[打印本页]
作者:
五十六个民族
时间:
2017-4-6 17:27
标题:
APP UI动效适合何时动?
善心悦目的动效已然成为一个App的必备,作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的过度效果,增加切换、加载、等待过程的趣味性。另一类是反馈提醒,通过界面内元素的动效,增强用户的交互感知或引导用户完成任务。
2017-4-6 17:25 上传
下载附件
(323.89 KB)
动效充满了设计师体验的想象,作为一个设计师,不管你的逼格下限在哪里,一个有趣有爱充满个性的进度条都是你设计生涯中不能拒绝的爱。
那么设计师什么时候需要做一个动效设计呢
?
1、等待都需要一个有意义的动效。面对等待,我们总是缺少耐心。充满个性,有趣的动效可以让用户对你的设计对上一份喜爱:至少这个设计还不错。
2017-4-6 17:25 上传
下载附件
(948.18 KB)
2、如果你希望用户点击这个地方,请给它一个动效。
2017-4-6 17:25 上传
下载附件
(1.28 MB)
3、如果你希望你的点击效果不一样,请给它一个动效。
2017-4-6 17:25 上传
下载附件
(2 MB)
下面则是一些常见的动效设计方法,当我们在合适的条件下,自然要考虑从这些方法入手,为我们的设计增加一丝动感。
一、将元素替换为个性化内容
传统的等待或加载动画人们已经熟悉,想让人眼前一亮,改头换面是必须的。如谷歌用了自己的颜色,去哪儿用了自己的logo等,这些都是可以在个性化动效的同时凸显产品品牌,不失为一个很好的选择。
2017-4-6 17:25 上传
下载附件
(186.39 KB)
二、更换产品的运动方式
除了旋转运动之外,我们还可以运用重复,构建,变形,拟物、人的动作(翻书)等,只要是和产品定位相符的元素,我们都能给它创意一个独特的运动方式。
2017-4-6 17:25 上传
下载附件
(563.15 KB)
重复运动
2017-4-6 17:25 上传
下载附件
(150.94 KB)
构建
三、赋予组件明显的交互反馈
欢迎光临 纳金网 (http://go.narkii.com/club/)
Powered by Discuz! X2.5