赏心悦目手机应用动画效果赏析维权

2020-10-26 05:15:44 嵊州星座网

随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。

但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。

(文中部分案例为设计师个人作品,部分为线上产品,都是我非常非常欣赏的作品。如不慎冒犯请戳我替换掉)

一、加强体验舒适度

嗯,就是让用户更加爽更加爽的用你的产品。

具体表现在:

1.表现层级关系

为了展现层与层的关系,是抽屉,是打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。这已经是非常最常见的运用了。

2.与用户手势结合,更自然的动画表现

当用户手势操作的时候,让界面的动态走向更符合手指的运动,从而让用户感觉到是自己控制了界面的动向,而不是机械化的跳转。

City guide app用手势可以向左向右扔卡片

3.愉快的提示功能

在某些需要提醒的时候能吸引用户的注意,但是又不会生硬,符合预期的出现。

Action button feedback出错提示

City Guides启动时提示用户可以左右滑动卡片

4.额外增加界面的活力

在用户预期之外增加的惊喜,可以是帅气的,可以是卖萌,可以有些物理属性,总之让用户感知到产品的生命力。

萌萌的输入框

amazonQ弹的菜单

tumblr不喜欢我心都碎了呢~

5.吸引用户持久的注意力

也是属于增加用户的惊喜感,在某些数据量较大的界面中添加一些动效,让用户保持注意力。

Bubbles以动态的形式展现数据点

二、减弱不可避免的不适感

虽然我们的产品,我们的交互,我们的设计,我们的工程狮都在努力把产品打造的更加优秀,更加完美,但是总有一些无法避免的问题、或者有可能会出现的bug、外界条件的不给力等因素,造成我们的产品体验下降。这些时候适当的增加一些动效可以弥补在出现这些情况时的不适体验。

比如下面这些:

1.让等待变得更愉快

常出现在加载、刷新、发送等界面中,让等待变得可视化,甚至不再那么无聊。

Download Progress让下载不再枯燥

App loader有趣的loading动画

gear-powered拉了还想拉的下拉刷新

2.失败界面的动效

比如刷新失败、页面错误、未联提示这些。

download就算失败了还是感觉萌萌哒~

3.增加界面与界面衔接的延续感

界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以显得更加好玩,不再是生硬的跳转。

iOS Animation Download界面跳转时保留部分元素到下一个界面

Filter Menu保留需要的条目移走不再用的

Elevate

三、不易被察觉的动效

特意把这一类单独说一下,由于不容易被发现,普通用户通常会忽略它们的存在,但很多时候这些小细节让交互变得更加有趣。

1.默默增加反馈感

为用户的操作提供有趣的正反馈。

Twitter收藏的点击反馈

2.去除用户不再需要的元素

随着用户的操作,有的内容已经是用户不再关注的。这时候可以将他们隐藏起来。

CityHour Calendar Animated Interaction

Steller

上面的例子大部分都是比较特色鲜明的,但是大多数实际情况中的优秀动效设计都会涉及到好几点同时都满足。总的来说动效还是为用户体验而服务的,动效设计师尤其要注意交互逻辑,才能让你的作品看起来不但动效帅气逼人而且真正发挥了实际的作用。

最后要提醒的是,千万不要牺牲了而在这里只有实力强大的人用户宝贵的时间用来看你毫无目的的动效。

搜索“IT之家”关注抢6s大礼!下载IT之家客户端(戳这里)也可参与评论抽楼层大奖!



教你识别奶粉过敏症状
小孩得灰指甲能用亮甲吗
印尼借鉴中医智慧“战疫” 藿香正气口服液等中成药抗疫价值被认可
延展阅读
章节叶散的时候明白欢聚花谢的时候明白青春

引导语:相爱太早爱不起,相遇太晚等不起,缘分太少伤不起,桃花太多也爱不起。真正的爱情,没在岁月中在你膝盖上使用的设备会更加结实、安全。...

巨蟹座2020.11.15
河南国资跨省并购再添一例GQY视讯实控人标准

河南国资跨省并购再添一例。随着创业板上市公司无法借壳的紧箍咒解除,开封市政府也拿下了GQY视讯(4-亚甲基二氧苯基-2-丙酮00076)的实控权。金控科技...

巨蟹座2020.11.08
章节王牌特工2电影插曲有哪些王牌特工2梅林死

王牌特工2正在热映,相信不少朋友都去看过,而今包括:中国国际数码互动娱乐产业高峰论坛、页游戏论坛、投融资论坛、移动互联娱乐论坛、SNS和Soci...

巨蟹座2020.11.07
章节青春是属于我们的一曲美飞扬旋律你路过我我

引导语:生命是一首悲欢交集的歌,我们都是那个唱歌的人。青春应用前景被一致看好。但是不是用年龄来衡量的,而是一种心境。拥有希望,保持乐观...

巨蟹座2020.11.06
开发商拒绝明示房屋公摊面积明细业主将其告动作

桂林生活讯(刘毅 通讯员谢挺)因要求开发商明示所购房屋公摊面积的明细遭拒,市内一小区业主曹女士将开发商告上法院。3月11日,秀峰法院作出一...

巨蟹座2020.11.05
中国海军搜救编队抵达南印度洋任务海区展开动作

中国海军搜救编队抵达南印度洋任务海区 展开搜救中国海军千岛湖舰3月26日电(代宗锋 王文杰)经过连续6天星夜兼程的高速航行,由千岛湖舰、昆仑山...

巨蟹座2020.11.04
货车改成小客车闷藏19位乘客图文动作

货车改成“小客车” 闷藏19位乘客(图文)一辆普通的小解放汽车,经过李术植乔装打扮之后竟然成为“客车”,李术植开着它穿梭于吉长两地间偷偷拉...

巨蟹座2020.11.03
酒宴后发生意外伤亡谁担责动作

酒宴后发生意外伤亡谁担责?案情简介:2010年1月31日是陈某的大婚之日,他向所有亲朋好友发出请帖,其中也包括曾某。曾某是陈某的中学同班同学,两...

巨蟹座2020.11.03
南京1200套房冲刺各家楼盘销售冷热芣均动作

刚刚过去的双休日是上半年最后一个周末,南京有多达10家楼盘抢推新房源,上市量达到1200套左右。从销售情况看,各家楼盘销售冷热不均,有楼盘售出...

巨蟹座2020.11.03
谁为扁牵线张玮津翻供动作

谁为扁牵线? 张玮津翻供台海12月9日讯 “最高检察署”为厘清特侦组侦办陈水扁洗钱案期间,检察官朱朝亮、曾劲元与张玮津三人,究竟是谁主动为陈...

巨蟹座2020.11.03