童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

新的APP演示良方:GIF动画

11月27日 斩情道投稿
  每种事物都有回归的本能,长期以来,GIF动画在开发者当中,失去了它的统治地位,不再受欢迎,不再通用,近期它摆出了回击的姿态。尽管还是一如既往展示图像序列,但它不再像当年那些生硬的低画质视频,没有粗糙简陋的过渡效果。如今,GIF动画能够通过抢眼的效果和流畅的过渡,有效地聚集人气,给最终的动画一种柔滑精致的感观。
  UIUX开发者迅速估量了这种动画图片的潜力,它们虽小却非常有效,极具解释性。我们都知道,有时向客户或最终用户解释APP最后看起来将是什么样,会是多么困难、气人且耗时的事情;没有华丽的高质量截屏,精心绘制的用户界面配上一大堆解释和“手势”说明效果,并不怎么管用。只有视频和这些简短的GIF动画,才能轻松展示操作流程,并传达一款“活”APP的所有魅力,在众多功能组件之间,有效地展现交互。
  颇具讽刺意味的是,我们的展示工具集中,最近补充了一种新工具,而它实际上一直以来就近在咫尺。
  今天,我们汇集了一系列GIF动画作品,愉快地展现了各种移动应用的操作流程。
  第一件作品是DmitriyChuta的Chapps,你可以欣赏它整个漂亮的动画效果,一组不同职业人员的照片卡。这张GIF图片展示了一种讨人喜爱的方式,通过令人愉快的视觉表现,来在数据库中进行选择和搜索。
  BastienLeprince的APP概念设计,这里,我们的主要注意力,集中在地图组件内嵌的拖拽筛选功能上。所展示的所有功能界面和组件,相互间完美互动,为用户提供了一套流畅的操作流程。
  GeorgeFrigo的FaceScanAPP概念设计,尽管动画只持续了12秒,但它足够清晰地表达了这个APP的主要创意。对于那些想要一睹完整版的人,这位UI设计师也提供了AVI文件。
  AlexandervanRavestyn设计的WIP音乐发现APP,就如名字所暗示的,设计师想将用户的注意力引导到多媒体内容的浏览过程上来,不出所料,最终来到一个设计精美的音乐播放器界面。
  JakubAntalk设计的SpeedcamAPP动画,设计师非常棒地通过动画表现他的APP。GIF漂亮地展示了speedcam的一部分,光彩夺目。
  BarthelemyChalvet的WorkflowPayment,这个团队展示了他们新APP的几张GIF。下面这张将关注点固定在支付流程上,看起来相当优雅便捷。其他GIF突出了时间轴、支付费用、卡片和账户处理。
  BarthelemyChalvet的DashagTour,这个团队只是展示了一张小GIF动画,让人想起他们之前的项目。如果你想完全熟悉这个APP,可以访问他们的官方网站,里面包含了一大堆GIF动画,展示几乎所有的功能界面。
  SergeyValiukh的GIF动画设计,这个一流的界面有着令人愉快的精心处理的过渡动画,表现了在基本地图组件与主菜单间切换的简短流程。通过舒服的动画效果,一切相互衔接良好。
  DevinRuppert的Walkthrough动画,这张GIF展现了一个欢迎界面,带有多个动态图的幻灯片和登陆按钮面板。一切都活了,有效地表现了这个APP所带来的功能。
  MihneaZamfir的交互概览,这是个非常简短却有效的动画,初衷是描绘一个从卡片目录中添加和删除项目的简单流程。
  Tobs设计了给队友删除和添加任务的动画,这张GIF动态展现了标准的滑动技巧,有效地支撑了整个审美取向,让APP看起来更鲜活、现代和诱人。
  JanLosert的团队信息工具,这个团队为用户提供了大量解释性资料,不仅用来展示带有描述的静态屏幕截图,还有视频和一张巨大的GIF动画,展现这个APP的真实操作过程。
  BenDunn的菜单交互GIF,这个动画GIF被当作展示动态美感的工具,表现了菜单优雅地从左侧滑出,并列出所有必要链接的过程。
  EdSansom的Poppin添加任务效果,这个APP有着讨人喜爱的圆形氛围和优雅的扁平美学取向,集各种柔滑效果于一张GIF,使它得到了恰到好处的强调
  DennisTerrey的第一件UI动画作品,这张GIF试图示范,如何使一个基本的菜单看上去干净、时尚和细腻。
  DannySpitzerCohn的Zite新鲜事设计,我希望用这个讨人喜爱的GIF动画来补充这篇作品集,它对高雅和传统的运用,绝对给人带来一丝愉悦的怀旧感。
  对于那些想要尝试这种展现方式的人,我们也准备了几样赠品可以被轻松拆解成组件的GIF动画。
  赠品:PixelBuddha的扁平风格预加载动画
  AreusWade预制的触摸手势动画
  结论
  就APP创造者和客户(或最终用户)间的互动而言,像AdobeAfterEffects这样的视频编辑软件充满了机会和可能,能够解决很多问题。GIF图片可以用来简短的解释动画效果,有效的展现操作流程,让人更好地理解这是怎么回事。
投诉 评论 转载

隐藏在背后的交互设计外行人对交互设计的第一印象是什么?画线框图的?做草稿的?的确,大家所看到交互设计师的日常工作成果都是一些线框图,从表面上理解的确是这样。其实,交互设计师做的远远不止……别让登录成为击溃用户的“墙”概要:当用户使用移动应用或查看网站信息时,强制他们注册或登录,不仅提高了用户的交互成本,更是违反了设计的互惠原则。在大量的用户测试中,我们几乎没有见到有用户在面对“登录墙……网易UED:文字编排的易读性在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。在设计工作中,如果有100……收集灵感!一组APP注册登录界面设计欣赏如果近期您有无线端设计的项目,不妨先来看看这些案例,让你的App有一个漂亮的入口:)DribbbleappconceptSignInSigninscreenfori……使用AI做UI设计系列教程:效果、外观面板和质感表现(中)嗯,又到了教程时间了。本次教程继续进行关于使用Illustrator做质感表现的一些知识。在上一篇教程《使用AdobeIllustrator做UI设计效果、外观面板和质感表现(……UI设计六要素UI是UInterface(用户界面)的缩写,我们常常把用户体验挂在嘴边,而UI就是提升用户体验的秘密武器。友好的用户界面,可以实现用户与网站或者软件之间更好的……新的APP演示良方:GIF动画每种事物都有回归的本能,长期以来,GIF动画在开发者当中,失去了它的统治地位,不再受欢迎,不再通用,近期它摆出了回击的姿态。尽管还是一如既往展示图像序列,但它不再像当年那些生硬……移动交互设计那些值得你学习的原理买了本《设计之下》,是搜狐UED团队写的书,挺好的。今天又拿来体会了下,顺便摘抄点下来,算是读书笔记,感谢搜狐新闻客户端UED团队。一、解析需求1、交互设计的五要素……用户到底如何持握移动设备?作为用户体验专业人员,我们都很关注用户的需求。当设计移动设备时,我们意识到我们必须关注一些额外的东西,例如,用户使用设备时所处的环境是如何改变其交互行为或使用模式的。然而,不久……iOS用户体验设计读书笔记这几天读了本书,内容不多,但是都是经典,简单粗暴的叙述iOS交互设计的要点,感谢作者和译者,书名:《iOSWowFactor》。一、iOS的拓补结构1、默认层……文字编排的易读性在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。在设计工作中,如果有100……游戏设计与手机界面UI设计的两种理念基于用户操作的游戏设计概念指:游戏中玩家可以点击的屏幕元素流向。虽然很多大的移动游戏工作室已经采用这种方式设计UIUX,还是有很多设计人员依然采用基于功能屏幕的设计理念来设计一……
作为产品经理,你应持有的四种工作态度当开发说,这个功能实现不了,PM该怎么办?作为产品经理,应如何培养场景思维?浅谈产品经理必备的五项技能如何构建产品经理的技能树(一)产品经理如何培养文档输出能力?搭讪是产品经理的基本功,需求管理也是!(上)深度推荐玩转贝叶斯分析害怕在产品设计路上踩到坑?别怕,资深产品老司机带你轻松上路!在线教育产品切入点的思考当有一个想法时,如何分析是否可行和寻主流敏捷开发:DSDM开发模型和核心概念案例分享我们的一次线上事故复盘

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界