沧州三亚菏泽经济预测自然
投稿投诉
自然科学
知识物理
化学生物
地理解释
预测理解
本质社会
人类现象
行为研究
经济政治
心理结构
关系指导
人文遗产
菏泽德阳
山西湖州
宝鸡上海
茂名内江
三亚信阳
长春北海
西安安徽
黄石烟台
沧州湛江
肇庆鹤壁
六安韶关
成都钦州

动效解析

3月27日 生死族投稿
  看过AppleWatch的keynote之后,我们惊讶于其UI体验当中所包含的大量动效。也许是出于渲染效率和电量消耗等方面的考虑,AppleWatch的UI本身相当简约,没有过多的视觉元素;这也使得其中所包含的各种转场动效成为提升使用体验的关键要素之一。
  此外我们还会发现,苹果向我们展示的不只是少数几个所谓的标准动效,实际上几乎每个界面当中的动效都是针对其特定的内容形式所打造的;这也体现出了苹果在其交互设计方面所下的功夫。
  为了将这些复杂的动效研究清楚,我们把演示视频当中展示的一些典型动效截取了下来,在本文中稍作分析。首先必须做个免责声明:在2015年AppleWatch正式发售之前,我们无法确定它们的最终形式会是怎样;一切以目前官方给到的演示为准。
  打开和退出应用
  打开应用时的放大动效与iOS7的方式类似,比较值得注意的是,在应用图标与界面本身交叉渐变的过程当中,界面的矩形区域始终与图标的圆形区域保持契合,同步放大。在此过程当中,其他的图标彼此逐渐远离的效果很像星球大战电影里超光速推进时的视效;想到苹果提到的应用星系(appgalaxy)这个概念了。
  目前我们还无从了解的是,如果你点击的不是屏幕中央的应用图标,那么情况会是怎样。被点击的图标会首先移动到屏幕中央然后再放大吗?或是直接从所在的位置放大?
  退出的动效与打开时相反,界面缩小淡出,应用自身的图标以及周围的邻居们又逐渐汇集到一起。
  接听来电
  向下平移的效果来自于keynote演示本身,不包含在UI动效当中。
  接听电话的过程很简单,不过所包含的运动元素还不少:点击后,绿色的接听按钮缩小,静音按钮在同一位置放大呈现,界面顶部出现音量控制,incomingcall提示变为通话计时,同时底部的上拉提示条下移消失。也许你注意到了,这个过程中所有的动效都是不同的,每个元素都以各自的方式呈现或消失。
  回复消息
  向上平移的效果来自于keynote演示本身,不包含在UI动效当中。
  收到消息时,原本的表盘界面会向后隐退;同时,带有短消息图标、发送人姓名及messages标题的提示会自下而上的滑入界面,静止前有轻微的弹跳效果。经过一段时间(或点击后?),提示中的文字内容上移淡出,短消息图标缩小并移至左上角,同时消息正文及回复按钮自下而上滑入界面。
  回复按钮被点击之后会略微缩小淡出,注意这里没有反弹恢复原样的效果。然后整个信息放大淡出,之前隐退到后面的表盘界面以y轴为中心向后翻转(flip),同时包含了各种回复选项的界面翻转至最前方。
  概念上讲这套动效确实够复杂。收到消息提示后为什么要让表盘界面模糊的隐退到后方(类似iOS7中通过毛玻璃表现内容与上下文环境的层次关系?),唤出回复界面时为什么要通过翻转的方式实现?也许是以为内前两个提示性质的界面并不属于某个特定的应用环境,只有进行回复时才算进入了正式的应用当中。挺有意思的组合运用方式,期待看到更多这样的例子。
  查看日历
  在日历中打开特定日期行事表的转场方式倒是和安卓蛮像的。点击当前日期,圆角矩形的指示符会轻微的缩小淡出,然后恢复原样,接下来界面开始切换,日历界面向左滑出,行事表界面放大渐入。切换过程中,右上角的当前时间不发生任何变化。
  不知道点击非当前日期的话(没有当日指示符),会有怎样的响应样式体现在日期数字上。
  删除邮件
  向左平移的效果来自于keynote演示本身,不包含在UI动效当中。
  在某条邮件上向左侧轻扫,展开情境菜单。点击其中的垃圾桶图标,会使其高亮并缩小,然后反弹恢复原样。高亮的过程似乎与点击推远的感觉有些矛盾,不过这样做或许是因为这里的图标本身就已经蛮暗了的缘故。
  点击垃圾桶图标之后,这条邮件会右移恢复原状,然后淡出,同时下方的邮件列表覆盖上来。或许这种模式在将来会成为内容列表上的标准行为?
  健康应用的选择
  向左平移的效果来自于keynote演示本身,不包含在UI动效当中。
  在健康应用中选择跑步,接下来的转场动效分为两个阶段。首先,被选中的跑步按钮会略微缩小并闪烁一次,作为对点击的响应;同时其他按钮会依次淡出消失。然后跑步按钮下滑至底部,同时变色、放大并改变标题为开始,在此过程中,其他内容元素依次淡入呈现;数字是例外它会自下而上从某个隐藏的层面背后滑入界面。
  结论
  假设我们目前看到的这些就是AppleWatch正式发售时带给我们的,那么我们能得到的结论就是这里面真的用到了很多动效。任何一个界面元素在发生状态变化时总是伴随着滑动、放大缩小、渐入或淡出等动效。
  可以说,当前这套风格属于某种折中的设计决策,其中的每种动效都是针对特定的时间、界面空间及上下文环境的,力求最准确的体现出特定情境中的交互过程。情境化是这里的关键:通过优化每个界面、每个环节当中的交互体验,来弥补极端有限的屏幕尺寸所带来的缺陷;牺牲了全局统一性,换来了在任何一个特定的界面环境中提供最合适的交互模式。如果将AppleWatch和AndroidWear做以对比,我们会发现它们在这方面的策略相当不同;后者力求最普遍适用的全局统一交互模式,但代价就是产生了更多的步骤和点击。
  具体汇总一下AppleWatch当中的交互要点:
投诉 评论 转载

玫字取名的寓意女孩玫字取名精选如果你想用玫字给自家女宝宝取名的话,可以来看看我们帮大家整理出的,有关玫的字义还有在姓名中所表示的寓意,了解以后相信能给各位带来好的帮助。取名前必要的功课还是要做好,这样才能避……为什么阿米尔汗的电影总是如此的振奋人心操作方法01:hr阿米尔汗有着精湛的演技。阿米尔汗是印度国宝级的演员,其精湛的演技不知让多少人动容。阿米尔汗的电影总是可以给人们带来很多思考,这正是其演技的表现。0……高档的成人情趣玩具有哪些咱们就开启今天的话题,其实关于玩具,硬姐真的是和大家聊了太多太多了,今天主要是给大家聊一下你可能或者绝对不会买的一些情趣玩具我暂且把它叫做成人玩具中的爱马仕吧,一般五六百……怎么看出一个人喜欢你怎么看出一个人暗恋你在现实生活中,是否你曾有一种好似有人aclasstaghrefwiki10274IFqhXrj76。html喜欢a你,但又碍于自己的错觉而惶恐不安。为了不让大家错过缘分,下面就……预防男性不育有哪些治疗方法呢世界卫生组织统计,1015的夫妇婚后1年不育,其中一半是由于男方的问题所致。我国人口基数巨大,男性不育症,尤其和无精症相关的健康问题,已成为构建和谐家庭的严峻挑战,那么预防男性……观看唐山大地震观后感《唐山大地震》,讲的并不是大地震的可怕和残酷,而是大地震对人们心灵的摧残和重伤。接下来小编为大家搜索整理了观看唐山大地震观后感,希望对大家有所帮助。观看唐山大地震观……粤西年例的由来到底是茂名还是湛江最近很多人也都在说这个粤西年例的问题,很多人也都说了,这个粤西年例到底是来自于这个茂名呢还是来自于这个湛江呢?这个问题也还是非常值得大家讨论的,意义重大,所以到底来自于什么地方……注意有五种情况易爆胎轮胎对汽车的重要性是不言而喻的。但在日常生活中,由于轮胎老化、过度磨损、胎压异常、轮胎外伤等原因造成的爆胎事故却屡屡发生,轻则车辆报废,重则危害驾乘人员生命安全。据不完全统计,……丽江偶遇注定的缘分一对网友,没有相约,凭着感觉和冥冥之中注定的缘分,在丽江这个穿越时空之地,再次谱写浪漫的偶遇情怀。1hr虽然已是冬季,但丽江的阳光依旧有点灼人,阿依黛不得不拿出墨镜戴上。……教程可视化视图本文将教大家如何用中继器做漏斗图,其中包括了功能介绍与制作方法。在线演示地址:http:demo。axureshop。com?urlhttp:cloud。axuresho……动效解析看过AppleWatch的keynote之后,我们惊讶于其UI体验当中所包含的大量动效。也许是出于渲染效率和电量消耗等方面的考虑,AppleWatch的UI本身相当简约,没有过……冰箱温度怎么调冰箱最适温度是多少冰箱温度怎么调?冰箱最适温度是多少?冰箱温度怎么调?除非你家的温度一年四季如春,那你的冰箱的温度调好就不需要变动了。否则,由于夏季和冬季温差较大,为了达到省电和保证……
长沙等娱乐场所恢复营业是真的吗如何看待长沙娱乐场宁波海后什么梗宁波海后的瓜震惊三观萌医甜妻田七为什么假扮太监入宫田七结局是怎样的三明治机可以在宿舍用吗主卧室风水布局禁忌打造羊年好运吉祥司藤白英的后代是谁高考志愿填报食品质量与安全专业立体翻花贺卡怎么制作扑街是什么意思如何在手机端使用百度如何利用支付宝红包二维码赚钱红米手机电池不耐用怎么办高考结束要不要去外省读书?过来人告诉你省内读书好找工作宽腿裤如何搭配上衣演绎率性的夏季时尚专属吃货的好玩语录做10口人饭,却不配上桌结婚3年,女人忍无可忍提出离婚既使身体低到尘埃里,咱们梦想也要举得高高,向天咆哮母亲的谚语市井生活(10)为什么贾宝玉被骂?南阳市精准扶贫存在的问题与对策研究新华财经晚报12月20日人类高质量男性走红后,正常照被曝光,网友,确定是同一人吗《规中指南》主要内容简介及赏析我家门前的橙子树

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找