动效设计是什么,动效设计怎么才能富有科技感?

2018-01-22  6360 分类:设计资讯

动效设计是什么,动效设计怎么才能富有科技感?


动效设计是什么,动效设计怎么才能富有科技感?本文品索小编将会介绍几种常用的动效设计模式,然后从中分析一下这些设计模式在实践中的运用效果。当我们设计数码产品时,我们一般用PS或者Sketch这种设计软件来进行设计。


动效设计是什么,动效设计怎么才能富有科技感?.jpg


了解设计的人明白这样一个道理:设计不光只是视觉表达。设计也不应该是静态的。乔布斯说过这样一句话:设计并非外观怎样,感觉如何。核心在于,它是怎样工作的。影响用户对产品的体验与印象的因素有很多,交互在其中扮演着关键性角色。我们不能再简单的把用户界面当成一种静态界面而设计。我们应该顺应互联网动态的本质,打造更加动态的图形用户界面。


动效滚动


超链接是互联网的双刃剑,当你点击链接时,你可以在互联网中任意遨游,随心所欲。


可是过度自由好吗?不见得,比方说你在浏览一款精美的产品页面,然后你点击了一下页面中的链接,突然导入了一款令人毛骨悚然的木偶商店页面。这就是超链接的弊端,有时候的页面转换太突然,缺少过度,让用户一时不能接受。


我们可以看看书籍的用户体验:故事发展一般是线性的,每一章都和上文有所联系。想要阅读第二章,必须先阅读第一章,以便大致了解书中的环境与人物关系。如果你”跳章”阅读,不可避免的会错过一些关键剧情,因此无法理解有些内容。


在网页设计中,同理,尤其是那种内容比较大,页面比较长得网站,这种情况经常无意识的发生:用户会错过之前的某些关键内容,而且又缺少提示,因此很难理解当前内容,通过添加动效滚动,可以修正这一问题。


状态切换


正如上面提到的那样,突然改变,毫无过渡,这样的局面用户是无法接受的,我们需要让界面动态一点,达成圆滑的过度。动效能够帮助用户理解界面之间的转换。我们可以字面的想一下,突然往往不自然,因为太快了,而且现实世界中万物的运转也都是缓慢、协调、自然的,很少有突兀的改变。我们再来看看切换菜单。这个”加号”有效的引起了行为召唤,用户会忍不住点击,点击后便侧拉出另外一个界面。这时加号会旋转45度,变成”叉号”,再点一下便回到原页面。很协调的设计,也符合用户显示生活中的预期:加号是添加,叉号是删除。


下拉填表、评论动效


很多网站的填表和评论设计的并不好。为何?因为有时候你只想评论,结果跳转至其他页面,填写了一大堆不相干的个人信息后才能评论。非常烦人。


以上便是关于动效设计是什么以及动效设计怎么才能富有科技感的介绍,为了鼓励用户评论,增加网站的互动性,我们可以设计一些下拉评论动效。这样用户不用切换界面,而且只需填写最基本的个人信息即可。


猜你喜欢