服务热线:400-0033-166
万商云集 - 企业数字化选用平台

企业首选的

数字选用平台

从三个方面从头梳理相关知识点

2020-11-26 16:00:09 阅读(159 评论(0)

编者按:本小册子的目的不是教你如何制作动态效果,而是从基本动态效果、动态效果曲线、动态效果软件等方面梳理相关知识点,串在一起,帮助你了解动态效果的整体轮廓,适合零基础和新手阅读。近年来,UI设计领域最大的变化是越来越强调用户体验设计,在Web或应用程序中使用动态效果已成为一种主要趋势。这种趋势如此强烈,以至于我看到越来越多的应用程序使用的动态效果不再是为了改善用户体验,而是为了强调动态效果本身。在WebdirectionSouth会议上,设计师PasqualedSilva曾说过:好的动态效果应该是看不见的。(作为用户)你不应该注意到你在看动态效果。这是一个很好的动态设计建议,甚至可以说是原则。作为这些Web或应用程序的设计和开发者,在我们设计和开发动态效果之前,我们应该首先明确什么是正确的动态效果:动态效果应该是一种提高可用性的机制,并以一种自然和含蓄的方式提供有效的用户反馈。对优秀动效的理解往往被忽视,而不良动效迫使用户关注界面,而不是内容本身。用户使用你的网站或应用程序有明确的目的:买东西,学习新知识,找到新音乐,或者只是找到最近的地方吃饭。他们不会来玩你精心设计的界面。事实上,用户根本不在乎界面设计,只在乎他们是否能在这里轻松实现他们的目标。优秀的动态效果应适当地反馈用户的点击或手势,以便用户能够根据自己的意愿轻松控制应用程序的行为,从而增强应用程序的使用体验。我们通常在Web或应用程序中看到的基本动态效果实际上是由一些最基本的动态效果组成的,这些基本动态效果包括:移动(Translate),旋转(Rotate),缩放(Scale)。在一些动态设计工具的帮助下,你通常只需要设置它的起点和终点,并告诉它你想要什么类型的动态效果,设计工具会根据你的设置渲染整个动态效果。顾名思义,移动-Translate移动是将物体从位置A移动到位置B,这是最常见的动态效果,可以在滑动、弹跳和振动等动态效果中看到。旋转–Rotate通过改变物体的角度来产生旋转效果。当页面加载或点击按钮触发长时间操作时,常用的Loading效果或一些菜单图标的变换将使用旋转动态效果。缩放–Scale缩放广泛应用于App应用中,如点击App图标、打开App全屏界面、点击缩略图查看具体内容等。动态曲线自然界中大多数物体的运动不是线性的,而是根据物理规律进行的。一般来说,动效的响应变化与执行动效的物体本身的质量有关。优秀的动态效果应该反映真实的物理现象。如果你想展示的对象是一个沉重的对象,它们的初始动画响应/参数会变化缓慢。相反,如果物体是轻的,动画响应/参数的开始变化会更快。你也可以在easings中.查看net中的所有动态曲线,获取相应的CSS、JS代码,并在您的项目中使用。属性变换属性变换是一种非常常见的动态效果。例如,淡入/淡出效果可以通过改变透明度来实现。同时,几乎所有属性都可以改变物体的大小、颜色、位置等,以反映动画效果。注意下面动态效果底部的菜单栏。当他的高度降低时,他的透明度也相应降低,从而产生折叠效果。在大多数情况下,我们需要同时使用两种以上的动态效果来有效地结合它们,以达到更好的效果。另外,你还需要让你的动态效果遵循一般的物理规律,这样才能让它们更容易被用户接受。动图案例见:http://www.uisdc.com的动态效果不应该太慢。我认为理想的动态效果时间应该在0.5-1秒之间。当您设计淡出、滑动、缩放等动态效果时,应将时间控制在此范围内。假如动效时长设置得太短,会让人看不清效果,甚至更糟的是会给用户造成压迫感。另一方面,如果动效持续时间过长,会让人觉得无聊,尤其是用户在使用app的过程中,反复看到同样的动效。许多设计师经常遇到这样的麻烦,他们看到的最终产品的动态效果与他们在设计阶段的定义有很大的不同。这是因为,虽然作为一名设计师,可以定义非常酷的动态效果,但由于技术或成本的限制,一些动态效果往往因开发成本高而被抛弃。因此,作为一名设计师,你可能需要了解如何设计动态效果,以及动态效果背后使用的技术。这将有助于我们在整个项目设计阶段做出明智的选择,从而节省大量的开发成本。动效制作工具目前有一些非常流行的动效设计工具,它们基于不同的技术,也有自己的特点。您可以选择您最喜欢的使用方式。FramerFramer是基于JavaScript的原型设计工具,是开源项目。Framer具有支持手势、动态效果、状态、基于网页、易于实现、可浏览任何设备等特点。如果你精通Javascript,这个工具应该适合你。PrinciplePrinciple可能是所有动效工具中最简单易用的。您只需设置屏幕A和屏幕B,Principle就可以自动产生这两个屏幕之间的过渡动效。当然,你也可以通过设置不同的时间和动效曲线来调整动效。Principle是一款桌面应用,其界面与Sketch非常相似。此外,您可以轻松地将Sketch中的设计直接复制到Principle中。FlintoFlinto和Principle一样简单易用。特别是它提供了一个[Skech插件],可以直接将您的Sketch中的Artbords和3dtransform导出到Flinto。PixatePixate是一款能帮助您快速制作原型的Webapp。与Flinto或Marvel不同,你可以区分层次(layers)与嵌入式交互,如拖动、点击、双击等。将原型保存在Web上,您可以使用iOSapp来预览原型的效果。Origamiorigami是一款免费的QuartzComposer插件,Origami使QC界面更加友好,更适合移动App的界面设计。Facebook的产品设计师从2013年5月开始开发这个QC插件。Origami的开发过程与Paper一起进行。随着Paper的功能越来越复杂,Origami变得越来越强大。Paper上的每一个动画效果都是由设计师先在Origami上制作成型,然后由IOS工程师编写的。AfterefectsAftereffect简称AE,是adobe公司开发的动态设计软件。对于那些不碰代码的纯设计师来说,这是一个非常理想的动画设计工具。在Dribble上有许多优秀的AE动效作品。与其他工具相比,AE是一种更传统的工具,使用真和层来定义动画。作为Adobe的产品,它的许多功能与Photoshop非常相似,但对动态效果有许多附加功能。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

马云正式卸任,他的创业神话能否被复制?

2019年9月10日,也就是昨天,阿里巴巴成立20周年,55岁的马云正式卸任阿里巴巴集团董事局主席,将接力棒交给现任CEO张勇。图片来源:@乡村教师代言人-马云微博 卸任之后,马云还会继续担任阿里巴巴集团董事会成员,直至2020年阿里巴巴年…查看详情

2021国内oa办公系统排行榜

随着oa系统行业近些年发展越来越迅猛,越来越多的企业也意识到一款适合自身的oa办公系统的重要性。那么协同办公市场那么大,我们该如何找到真正一款真正适合自己企业的呢?今天我为大家整理出了近年国内oa办公系统排行榜,供众参考。 一、泛微oa办…查看详情

免费的微信小程序开发靠谱吗?这些套路请你务必了解

最近这几年,商城微信小程序特别火,很多企业、商家都会开发一个收费或免费的微信小程序。为什么小程序开发如此受欢迎,主要有以下两点原因。 图片来源于网络1、没有佣金任何类型的微信小程序,都是0佣金,也就是不抽取一分钱佣金。但诸如:某宝、某东等传…查看详情

智能手环排行榜前十名,这几个品牌值得选

现在能够提升生活质量的智能设备是越来越多了,除了平板和电脑还有手机之外,智能手环也成为了大家不能够缺少的智能设备之一,使用这样的手环,能够将生活中的锻炼,还有睡眠和饮食进行实时的记录,还可以跟手机同步使用,能够指导大家健康的生活…查看详情

oracle目前最新版本

oracle19c和12c区别?1.19c其实也属于12c的一个小版本,只是Oracle改变了版本策略,现在都叫18c\19c\20c,一年一个版本。 2.Oracle19c相当于12.2.0.3版本,是Oracle12c的最终版,所以这…查看详情

韩国十大口碑电影排行榜

  优质答案(1)  1.嫌疑人x的献身  嫌疑人x的献身,这部影片受改编自日本小说家东野圭吾的同名小说,主要讲述了数学天才,帮助自己的邻居设局,从而摆脱杀害自己前夫罪名的故事,警察在这个谜局之中无法找真相。  2.杀人者的记忆法  《杀人…查看详情

eclipse怎么导入项目

别人发给你的代码怎样导入eclipse中运行?别人发给你的代码导入eclipse中运行方法: 1.打开eclipse,点击项目的空白处,选择import; 2.选择ExistingProjectintoWorkspace,点击next,…查看详情

版权登记完后需要发布吗?不需要,版权获得与发表出版无关

版权登记完后需要发布吗?通常会问这个问题的人,都是担心作品不发表会影响著作权。实际上,版权获得与发表出版无关。所以,版权登记完成后不需要发布。 图片来源于网络 ■ 版权登记完后需要发布吗? 我国著作权法采用自动保护原则。作品一经产生,不论…查看详情

搜狗输入法皮肤音效怎么关闭

搜狗输入法是一款常用的输入法工具,它提供了各种皮肤和音效,以增强用户的输入体验。如果你希望关闭搜狗输入法的皮肤和音效,可以按照以下步骤进行操作。1. 打开搜狗输入法设置:在电脑上,找到搜狗输入法的图标,单击该图标,然后选择"设置"选项,这将…查看详情

发票识别系统工作原理解析,让财务更智能

发票作为财务系统流程中不可忽略的重要部分,也是让财务人员非常头疼的问题,一套稳定便捷的发票识别系统对于企业来说更是无可估量的一项潜在财富。 一、发票识别系统的工作原理 至于什么是发票识别系统?发票识别系统是一款针对增值税发票以及常见的表单、…查看详情

免费的电子签名软件有哪些?

现在很多的适合都会用到电子签名,不管是非正式工作场合还是工作场景中,下面万商云集小编就给大家来详细介绍一下免费的电子签名软件有哪些?希望能帮助到大家解决电子签名的相关问题;。  1.一笔签名  一笔签名设计免费版是小编为大家寻找的一款签名设…查看详情

pct专利修改期限是多久?

  在平时很多的小伙伴都不知道pct专利修改期限的基本情况,而且对pct专利修改期限都不是很熟悉,下面万商云集小编就为大家整理了pct专利修改期限这方面的相关内容,希望下面的内容能帮助到各位。  一、pct专利修改期限  根据PCT第19条…查看详情

怎么申请一个网站怎么搭建一个网站

企业有了网站之后能够在网页上展现自己的企业信息,而且还能够将产品更好的展示出来,所以说网站对一个企业来讲是非常重要的,在申请网站的时候也应该要了解相关的步骤和方法。那么怎么申请一个网站怎么搭建一个网站?接下来就给大家详细的介绍一下申请一个网…查看详情

发明权与专利权的区别 发明权与专利权有什么区别

    在平时很多的小伙伴都不知道发明权与专利权区别的基本情况,而且对发明权与专利权区别都不是很熟悉,下面万商云集小编就为大家整理了发明权与专利权区别这方面的相关内容,希望下面的内容能帮助到各位。    一、发明权与专利权有什么区别  众所…查看详情

进出口贸易有限公司是做什么的?

进出口贸易有限公司经营范围怎填?进出口贸易有限公司在填写经营范围时,应当按照《中华人民共和国进出口贸易管理条例》的要求,按自身经营情况,填写详细的商品名称和类别。什么是贸易公司?贸易公司是一个以进出口贸易为主的商业实体,其主要业务是通过进出…查看详情

最新文章