做个可靠的人

by admin on 2019年9月21日

做靠谱交互动画的 5 种方法

2015/04/19 · HTML5 ·
交互动画

本文由 伯乐在线 –
Abel
翻译,黄利民
校稿。未经许可,禁止转载!
英文出处:24ways.org。欢迎加入翻译组。

从我在这个网站上开始写《Flashless
Animation》这篇文章到现在已经两年了。从那时起,交互动画已经从像圆润的APP一样的用户界面到交互式杂志在网站上流行。对网页交互动画师、交互开发人员、用户体验师、用户界面设计人员和许多其它与交互动画有关的人员来说,这是一个多么令人兴奋的时间。

但是匆忙的设计交互动画,似乎表示我们很少讨论是否必须要使用交互动画,而是更多地讨论我们用交互动画能干什么?我们花费很多时间为怎么以
60fps 使所有东西可以动画而着急,而不是设计一些方法让初级用户避免障碍。

我喜爱网页动画,并以它为生。我知道动画能被滥用,而且我们都拿flash-trubation来娱乐。但是在网页设计期间积累的教训,我们忘记它是如此的快啊。视差滚动效应也许是对这原因产生的大概介绍。在Flash和网页动画API这一令人深思的时期,我们确实学到了很多。

所以这里的五点建议,我们可以用于把处于交互动画滥用边缘的使用者拉回到高水平上。有这几点建议在心中,我们可以让2015的网页动画年真正地属于它自己。

有目的性的使用动画

很遗憾,大量的Web开发社区认为动画是装饰性的。UI设计师和交互开发人员当然理解的更到位。但是当我给一个工作室培训交互动画的时候,我知道我的学生是在和一些决策者做艰苦的斗争,这些决策者认为有动画会非常美妙并要求尽可能的在项目的结尾附上动画,而我的学生则认为不然。

这种观念差异很难动摇,但是当我们精心做动画的时候这种观念差异也许就会消失。附加动画带来的危害比益处要多,这点很少被用户考虑。例如,用户也许会抱怨动画太快或者太慢,或者他们不知道动画在展示什么。

当我今年参加 Chrome 开发峰会的时候,我有和 Roma Shah 交流的机会,她是
Polymer Material Design 背后的 UX
主管。我问她有什么建议给在设计当中使用动画和转场的设计师。她简单的回答:有目的地使用动画。如果你不能慢下来想想如何做交互动画并代表用户做一个充分知情和精心制作的决定,那么你最好不要做这个尝试。动画需要花费精力来制作,而一个差劲的动画比没有更糟糕。

不止《生活的错觉》这把书中提到的动画 12 条准则

我们总是试着在激发我们兴趣却毫不相干的事情之间找到相关性。最近越来越多的人把《生活的错觉》放在挨着《理解漫画》这本书的同一个书架上。这些书给我们带来很多来自其它领域的有用的观点。然而,我们不应该在网站上犯类似与漫画书与动画片的错误。虽然它们可以帮助我们用新的角度理解我们的工作,但是这些概念会或多或少产生上述混淆两者概念的作用。

我一直在慎重地思考《生活的错觉》,迪士尼动画工作室的经验丰富的工程师们在书中提出了动画十二条准则。这些规则对做动人的、逼真的动画非常有用,如像弹起的球、蹦跳的松鼠、绚丽的物理极光一样的页面转场动画。但是什么时候或者怎样把一个动画作为一个大型交互体验的一部分,这些准则没有对这些问题做方向性的指导。比如一个下拉操作需要多久才能伸展完毕,或者一组可操作对象是应该按照顺序,还是按照整体做成动画。

这十二条准则仅仅是一个开始地方,除此之外我们还有其它很多东西要学习。我已经写过至少六条应用到web和app的设计交互动画功能。当我们思考做交互动画时,我们不仅仅考虑做什么动画、动画的物理学,还要考虑为什么要做动画,怎样做动画。如果动画是多余的或者令人费解的,再严密的物理设计也是徒劳的。

有用、有必要,然后是漂亮

有一句行内话:除非一个动画既是必须又是有用的,要不然不要做它;如果它既是必须的,又是有用的,那就毫不犹豫去把它做漂亮。当说到动画和网页,目前很少有文章写什么样的动画是有用或者必要的。我们大部分都是倾向于做漂亮、令人愉快、令人有趣的动画。虽然动画的外观漂亮很重要,但是外观是仅次于用户的整体体验的。

第一次我在掌机看到黄色口袋妖怪的开机动画时,我被迷住了。到了第六次的时候,当Freak的游戏图标出现在屏幕上时,我被开始按钮搞的厌烦了。当我们在做设计的时候,令我们高兴和有意义的东西对用户来说却是未必的。像黄色口袋妖怪令人欣喜的开机动画一样,纯粹令人愉快的动画即使是被用户欣然的接受,但是太多次的重复却最终无意义的动画,用户就会慢慢对该动画产生厌恶之情。

如果一个动画不能在某种方式上帮助用户,如让用户知道他们在网站的什么位置或者一个页面上的两个元素是如何彼此相关的,那么它是在耗费电池并在不停地产生仅仅令用户高兴的效果。资源很少得到合理的利用。

动画不是仅仅为了令用户高兴,首先,我们必须能让动画给用户清晰的表达两个意思。以从 Finethought.com 网站上这个菜单图标为例。当我们点击这个菜单图标时,它向我们表达了两个意思。

1.这个菜单按钮用动画给用户以反馈,表面这个图标已经被点击了。

2.这个菜单按钮表明通过点击关闭图标,页面的内容将会发生改变。

假定我们有两个好的理由来做交互动画,那么就会有理由来取悦用户。

以四倍速度让动画更快

有一个传统动画的概览法适合于网页动画:不管你的动画应该持续多久,把动画的持续时间减半,然后再减半。当我们设计动画几个小时之后,我们对时间的感觉会变长。对我们来说速度很快的动画,对大部分用户来讲已经到了无法忍受的慢。事实上,最近来自于用户对网站动画接口的绝大数批评似乎是:“它太慢了。”一个好的动画是不唐突的并且速度是非常快的。

如果让你的动画持续时间处于一个最佳值,那么请把动画持续时间减少到原来的四分之一。

安装一个关闭开关

不管一个动画是多么的富有见解和必要性,总有一些人对动画不感冒。对这些人来说,我们必须增加一种方式来让他们关闭网页上的动画。

幸运的是,网页设计师已经在考虑赋予用户一些自己做决定来改变网页体验的权力。以下面的动画为例,这个《小鱼商店》的动画电影网站允许用户关闭视差效果。虽然它不能移除全部动画,但是这个网站确实减少了动画的视觉给用户带来的头晕的感觉。

在我们网页设计的工具库中,动画是一个强有力的工具。但是我们必须小心:如果我们滥用动画,动画也许会带来不好的效果;如果我们低估动画,它就不能完全发挥它的作用。但是如果我们恰到好处的使用动画,当既有必要又有用的使用动画,赋予用户关闭的动画的权力,那么动画会变成一个帮助我们建造一些用起来简单、带给我们快乐的东西。

让我们把2015的网页动画年带给用户吧!

赞 收藏
评论

看完猫叔这篇文章《5句话,帮你在群里混出大价值》,你有什么收获,之后打算如何做呢?

图片 1

做个靠谱的人吧!

早上收拾完毕,感觉今天皮肤状态特别好,昨晚上的面膜真没白敷…

关于作者:Abel

图片 2

简介还没来得及写 :)
个人主页 ·
我的文章 ·
10

图片 3

今天读到一个鸡汤,叫做:“做事要找靠谱的人,聪明的人只能聊聊天;自己靠谱的一直走下去,渐渐的会有很多靠谱的人和你交往。

与其用嘴说服,不如用行动折服!

一路开心的去店里,到店里刚好九点半。看到的一幕,让我瞬间傻眼?居然没开门?咋回事?

—————————

以前没有明显的感觉,但今天感触很深。

别辜负了那个孤勇热血的自己!

然后我打开店铺,收拾一下准备营业。在门店群里问了一下咋回事?

可儿美美

一早上,接到一个孩子妈妈的电话。原来,之前在一次活动中答应给她孩子寄的证书和奖品,她们至今没有收到。听到的时候,我真是惊讶。这个事情,都已经过去半年了,当时我把工作任务分解后,就以为已经全部搞定了,结果现在都进入2017年了,居然说还没有收到。我能感受到孩子妈妈的那种焦虑和不信任,这都多久了,孩子都快放假了。但我又感到欣慰,幸亏她还给我打来了电话,至少说明她对我们的工作还有一丝信任。

现在,你只有自己,给自己拥抱一下,别哭,一切都只是暂时的!

其实早上是有两个人上班的,一人请假去医院了,另一人呢?其实我也猜到肯定是睡过头了,因为这不是第一次出现这种情况,控制住心里的怒火,好好服务我的顾客。


别看这事背后,只是一份小小的证书和奖品。对于孩子来说,这是对他的肯定。对于妈妈来说,这是孩子的骄傲,也是自己的骄傲。而对于我来说,这是一种耻辱。

既然做了选择,就奋勇向前,别后悔,别难过,都会过去的!

没过多久,她过来了。怎么回事?…闹钟没响,睡过头了…你自己上班心里没有点数?更何况昨天六点半就下班,睡到今天早上还睡不醒?

昨晚猫叔更新完这篇文章,我就看了,心里良久没有平静。

图片 4

你一定要努力,去证明给自己看,根本没有正确的选择!

然后我也没有说太多了,必定现在我不参与店铺管理。(店铺多股东)只是碰巧这件事给我遇到了…..

001
我是一个靠谱的人吗?猫叔说:“凡事有交代,件件有着落,事事有回音”。我认真对比了一下自己的差距,清醒地问自己:如果你不靠谱,又怎能让别人信服?

什么是靠谱?

这件事让我想到了两点:

002 
以前一直都在自我摸索,如何与别人不一样。猫叔指出一条路:“成为牛人助理,加速成长之路”。对呀!牛人之所以牛,是因为他们思考角度,思维方式,站位不一样。当我在自我摸索与实践,在一次次失败中总结经验时,牛人可能早都在千万次的失败里积累了无数经验。像牛人学习真是一种最省时有效的方式,至少能保证方向战略上不会错。

靠谱就是你不要轻易许诺,但如果许了诺,就是千山万水、千难万难,也要把这事儿办成。譬如我参加一个朋友的婚礼,证婚人是一个非常有来头的人物。我们当时都非常惊讶,这么一个有来头而又非常繁忙的人,怎么会从百忙中抽出空来,跨越几个城市、花上数十个小时,来参加一个普通朋友的婚礼?后来了解到,他是搞错了。他想当然的以为,这个婚礼是在他所在的城市举办,等到知道原来是要回到朋友的家乡,他二话不说,收拾起行李,就千难万难赶了来。我想,这就是一种靠谱。

一是心态,我想这或许就是打工与创业的心态。这家店从接过手开始装修,到试营业,到开业,我全程参与。虽然装修期间我做不了什么,但是他们在做,我也陪着他们,至少可以帮他们递个东西,买瓶水什么的,必定我们一起创业,你们的辛苦我都看在眼里的。装修过后就是我的事儿了,必定只有我懂这个行业,当然只要需要他们帮忙他们也会立马过来帮我。从试营业到开业,就招到一个员工,她上半天,我上一整天,近一个月时间都是这样,在她休假的时候午饭都是我爸妈做好送过来给我吃,晚饭就等十点下班以后回家吃。但是,我没有说过累,每天都很精神。当看着这个店一步步变成自己理想的样子,心中无比欣慰,我们至少起了一个好头,以后一定会越来越好的!

003
“让自己变得更好,是解决一切问题的关键。”这句话,就像一把钥匙,打开了自己一直以来困扰的心门。让我有动力,知道脚下有条路可以走,这条路就是你自己。

图片 5

二是责任与态度,自己工作了差不多十年了。在我的印象中请假次数不超过五次,我也没有迟到早退过(当然做市场时间比较多),那时候回公司相对比较少,我家离公司车程大概两小时,每次回公司开会,或者是内训期间,我也没有迟到过一次。每天早上不到六点就起床,为的就是自己上班不迟到。

感谢这个话题,谢谢这篇文章,让我深深思考,用心掂量着自己的过去与现在。

靠谱虽然看似一件小事,但却在不经意间,影响着他人对自己的评价,实际上,也影响着自己。我前几天一直为一件事情感到不安。我送给一个朋友2张话剧票,但是因为纸质票并没有拿到,要到现场找工作人员去拿。结果我朋友到达的时候,因为晚了几分钟,压根就没碰到拿票的人。她非常焦急,毕竟这么大冷的天,连车都来不及停停好就争分夺秒赶了来,结果却因为没票被保安拦在了门外。她电话打给我,我的心里也是一千一万个的焦急,可是一时半刻我也联系不上那位给我票的工作人员,我是实在也不知道怎么办才好,只好一个劲安慰她:“你好好和保安说说吧,就说票是有的,就是一时半刻找不到人拿。”自己也知道这话说的有多虚。幸好后来保安还是让我的朋友进去了,但是彼时,演出已经开场了半个多小时。虽然朋友嘴里说着“没事没事”,但我自己心里却是万分过意不去。我后悔当时为什么没有想办法先拿到纸质票再送给朋友,或者至少,在开场前的半小时,再向工作人员确认一下。

我依旧记得19岁去公司面试,陈总问我,你觉得你有什么优点,我说,我不管在哪里上班,我一定对得起这份工资。

让我可以臣服在当下,珍惜时光,诚心精进。

不靠谱的事儿又何止这一件呢?我自己想想,比如,一位编辑叫我写点文章,我满口答应,可是绞尽脑汁写不出,就彻底放弃,甚至于因为不好意思开口,而一直没和编辑说;比如,答应了给朋友分享一下我去日本的旅程攻略,结果工作一忙,到现在都没有认真把这经历写下来,而且因着时间的久远,许多记忆也变得不甚清晰,更没有提笔的动力……这样的事儿虽然都不大,但至今想来,我却一件件一桩桩都搁在心头,心底始终存着一个大大的“歉意”。到头来,事儿没办成,自己心里还白白添了一身堵。

直到从公司离职,我一直在证明着自己对得起自己拿的工资。

首先,做一个靠谱的人。

做一个靠谱的人不容易!找一个靠谱的人更不容易!可是无论在生活还是工作中,我们却都盼望着能遇到一些靠谱的人。找个靠谱的人合作,仿佛就可以事半功倍;找个靠谱的人儿恋爱,怎么着心里都踏实。找个靠谱的人结婚,彼此都对家庭有一份沉甸甸的责任。这就好比我以前每次参加各种比赛,需要制作ppt的时候,总是第一时间想到我的老搭档,因为我知道:“她办事,我放心。”

那时候很多客户都说我像打了鸡血一样,不管几点睡觉,第二天依旧精神饱满的上班。有时候压力也会特别大。最开始一位领导给我说压力大说明我们能力还不够。我相信这句话是对的,所以那时候也很努力的工作。公司和客户对我都比较满意,这也是对自己价值最好的证明。

然后,向牛人学习,让自己变得更好。

图片 6

再后来,依旧觉得压力大。我发现已经不是自己的能力不够了,那是因为自己肩上的责任。我在公司上班,在这个职位上,拿着公司给的薪水,做好本职工作那是应该的,做不好就应该走人。

最后,打磨自己的招数,以更好解决问题。

在金庸小说里,韦小宝虽然看起来各种油腔滑调,但在对待朋友时,他却是各种“靠谱”。答应了帮方怡救情郎,即使心里一千一万个不愿意,即使刘一舟是个卑鄙小人,还是义不容辞给救了出来。小玄子要他灭了天地会,他不允;天地会要他杀了“狗皇帝”,他也做不到。他虽然从没有学过什么四书五经,不知道什么叫“仁义礼智信、温良恭俭让、忠孝勇恭廉”,但他却知道,出卖朋友的事情做不得。也正是他的这种“靠谱”,让康熙始终狠不下心来彻底离开小桂子,也让双儿等7个美女最终对他不离不弃。

或许在今天这个时代,大家都不缺那么一点儿工资,谁家也不缺一口饭吃。但是,能不能有点责任和担当?让自己能够成为一个靠谱并且有价值的人,无论你走到哪儿,我相信都不会被亏待…

图片 7

不论创业还是打工,一定要做一个有责任有担当有价值的人。这样,你的人生道路才会越走越宽!

韦小宝虽然是虚构的,但他所面临的选择,却也随时可能遇到我们的身上。有多少人会为了自己的利益,而不惜牺牲自己的朋友,更别说陌生人了。有多少人会一口一个承诺,最终却都“打了水漂”。哪怕是普通的一个“请吃饭”,都可能一拖再拖,乃至彻底没了踪影。就像给孩子寄一份证书和奖品这样的“小事”,虽然事后我向这位妈妈致歉,并当天将奖品和证书快递了出去,但心里也始终不是个味儿。对自己没有跟踪到位感到遗憾,对旁人拖拉感到愤怒。但幸亏,迟到的“靠谱”,总比不到好。

♪欢迎关注♫

简单、真诚、文艺。

欢迎搜索微信公众号“奕默”或直接扫描下图二维码关注。

你的关注就是支持我不断办下去的力量!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图