返回

新闻详情

看在手绘板的份上,克制一下自己


来源:西安天琥设计培训学校时间:2018/11/12 8:50:43

设计师就像一朵含苞待放的花儿一样需要精(Jin)心(Qian)的照顾和呵护,但在设计高质量的微交互时,在你完稿前都充满着摧残。

动效设计是个尝试新想法并验收成果的好途径。下面这个作品出自 Sergey Valiukh(一位在字型、排版、色彩以及动效方面特别牛逼的人)之手,一起来看看。

下面我们一帧一帧地来分析:

1、首先能最直观的感受到的是图片的“3D翻动”效果,这在我看来是完全没必要的,甚至是违法的(开个玩笑,只是确保你还在看)。在这个作品中,如果把任何一个多余的动效去掉来简洁的表述的话会是一个不错的想法。

2、其次,你可能注意到了预览流中的图片是被裁剪过的,而在编辑界面中是原图尺寸。在实际应用中这显然是不可行的。

3、第三点,可以注意到顶部导航栏的图标过渡的时间特别特别地长。第一次看会觉得很棒,但是看久了就会很烦。微交互要迅速,要简洁,要有明显地速度变化,持续时间最多在300~400毫秒。

4、看完了这些之后,咱们再来看看底部,这里两个图标并不是同时出现,这意味着一个错误的交互叙述流程(多余地强调)和理解时间的延长。

总结:

动效设计时会有许许多多这样的参数需要考虑。你需要明确哪些可以用、哪些不可以用、哪里可以再简短、哪里不用花太多精力,并从中获取清晰易用的经验。这并不是说你不能天马行空加上一些有趣的细节,只是说这些细节可能会让整体显得很累赘。

小技巧:

去掉多余的部分。时刻提醒自己这些细节动效是不是保持了简洁的微交互,还是让交互体验变糟了?

关键词:

克制


上一篇:使网站显得业余的错误多个同等的行动召唤

下一篇:网页重设计的误区之保留全部内容

  咨询老师  拨打电话  网上报名