优秀就业互动设计课程互动上帝的五大技能

发布时间:2020-06-28 14:37:00

对于一个没有任何经验的新手来说,如何做到“对”而不是“华丽”的动态效果?今天关于媒介的好文章,从约束、互动叙事过程、一步完成、非动态错误和细节把握五个方面,结合案例分析,帮助您学习动画制作的基本技巧。

对于一个没有任何经验的新手来说,如何做到“对”而不是“华丽”的动态效果?今天关于媒介的好文章,从约束、互动叙事过程、一步完成、非动态错误和细节把握五个方面,结合案例分析,帮助您学习动画制作的基本技巧。

首先,我想你会有一个问题:什么是微观互动?

在线交互原型工具uxpin的Carrier cossins将“微交互定义为交互设备上单个交互过程的详细优化”

在我谈到要点之前,我想先发言。接下来我要分析的动态效果都来自一个非常强大的上帝。我非常尊重他们和他们的作品,他们很高兴分享他们的经历和未完成的贡献。但当我分析作品时,很多设计师的态度都很差。这不是我的风格。我用严肃的眼光看待设计,但我会用一种有趣的方式表达我的观点。如果我碰巧说了一些我不喜欢的话,请原谅我。

1、 为了手绘木板,克制自己

设计师就像一朵含苞待放的花朵,需要剑的呵护和呵护,但在设计高质量的微交互时,在你完成手稿之前,它们充满了摧残。

动态设计是一种尝试新思想和接受结果的好方法。下面我们就来看看谢尔盖·瓦利乌克,他特别擅长排版、排版、色彩和动画。

让我们逐帧分析:

一、我能最直观地感受到的就是图片的“3D翻转”效果,在我看来,这完全是不必要的,甚至是非法的(只要确保你还在观看)。在这项工作中,去除任何多余的动态效果,以简洁地表达。

二、您可能注意到预览流中的图像被裁剪,而在编辑界面中,它是原始大小。这在实际应用中显然是不可行的。

三、您可以注意到顶部导航栏的图标转换时间特别长。

四、看完这篇文章,让我们看看底部,两个图标并没有同时出现,这意味着一个错误的互动叙述过程(多余的强调)和理解时间的延长。

总结:

在动态设计中有许多这样的参数需要考虑。你需要清楚哪些可以使用,哪些不能使用,哪些可以更短,哪些不需要太多的努力,获得清晰易用的体验。这并不是说你不能添加一些有趣的细节,但是这些细节可能会使整个过程看起来很麻烦。

提示:

去掉多余的。提醒自己这些细节是让微观互动变得简单还是让互动体验变得更糟?

关键词:

2、 不要为了效果而牺牲叙述

叙述在用户体验中非常重要,一方面是因为它与用户的期望有关,连贯的互动叙述过程不会超过用户的认知负荷;另一方面是因为它与我们大脑收集和理解信息的一般模式有关。此外,这与我们的心理模式有关。总之,互动的叙事过程是很重要的。

斯里坎特谢蒂(一个强大的动画师)的这幅作品向我们展示了一个非常“好”的例子。

看到这种动态效果的感觉并不奇怪。我想是输入了行上的文本,但是弹出了一个隐藏的文本框。这种点击式的弹出式输入互动叙事过程非常烦人。也许是为了看起来很酷。然而,这种互动的叙事过程在我们输入信息时会打断预期的过程。我们必须停下来面对这样的事故,调整我们的思想,然后才能继续运作。

当设计师有“灵感”时,他们大多会设计出这种怪异的互动叙事过程。他们倾向于花半天时间来悬挂和引爆天空,但他们并不太在意互动的核心叙事过程。这样做实际上会使交互过程看起来一团糟。

良好的微观互动叙事过程清晰流畅。看看下面的作品,顺便和上面的作品比较一下:

互动的叙事过程非常简单自然。虽然左侧的动态效果具有线框反弹效果,但它具有细节优化的效果,而不是添加到蛋糕中。