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

如何从3个方面判断是否做交互动画

9月1日 多上心投稿
  编者按:IOS7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一旦符合文中提到的3个方面,那死心塌地动手吧!
  作为设计师,相比以前死板的体验,我们越来越看重APP的交互性。这种心态的转变很大程度上可以归因于IOS7的大换脸。IOS7过度动画强调物理变化。从这以后,我们可以看到有很多热门APP上都有非常出色的动效。
  令人激动的动效很容易让人着迷,从而让用户忘记机会成本的衡量。另一方面,花费额外的时间,在恰当的时机,使用恰当的动效,可以增加易用性,还可以帮助树立品牌个性,为用户带来愉悦的体验。在这篇文章中,我会告诉你费尽心思给产品添加交互性强的动效对于提升品牌价值是否有意义。
  先不谈意义,光看这些动效的奢华程度就心痒痒啊!《最近这个超火!23个FACEBOOKPAPER中的设计细节》
  可用性
  有些APP把交互动效作为工作的核心部分。在下面的实例中,我们可以看到动效可以让人纵览全局,轻松的找到当前在APP中所处的位置。
  Pinterest(图钉)
  Pinterest是我最喜欢的APP之一,它可以通过手势滑动在列表和详细内容之间自如切换,这比传统笨笨的切换方式好太多。
  下划返回
  左划查看下一张
  上划加载新内容
  CircaApp(Circa新闻)
  这是另一个使用动效来联系上下文的好例子,Circa把一篇长文章分为很多小段,在右侧可以看到每个圆点代表一段,上下滑动查看每段的内容。
  在上面两个例子中,动画不但没有成为浪费时间的累赘,而是真真切切的提升了APP的可用性。
  个性
  很多APP把交互作为传达品牌个性和内涵的重要途径。在下面的例子中,独特的交互动效已经成为了APP的标志。你的APP动效是滑稽的还是严肃的?是机械的还是柔和的?为你的APP选择恰当的交互和动效会把品牌深深印在用户脑中。
  PTumblr
  移动终端是Path的唯一平台,在单一平台下创建统一的交互体验是Path的优势。可以看到Path独特的交互理念深入人心,给人亲和、有趣的印象。
  Tumblr安卓版也在试图给用户创建类似的体验。
  Tweetbot
  Tweetbot是通过创造独特交互体验让用户记住它们品牌的又一个例子。与Path和Tumblr相比,它给人一种机械的,反馈有力的感觉。
  Tweetbot的交互动效就像一个具有鲜明特点的机器人一样生动。
  喜悦
  你会发现很多APP的动画来自于UI的变化,这是因为它们设计的文字很少或者不适合做动画。然而,花费大量时间精力去制作吸引眼球的动画代价很大。也正因如此,我们很少看到资金短缺的公司在动画上大做文章。总的来说,做UI变化的动画是为了做动画而做动画,不一定是为了达成某个目的。
  Flickr
  当你浏览Flickr的引导页也许不会发现什么特别之处,但是当你慢慢滑动屏幕就会发现很美妙的3D动画,利用视差滚动和元素屏蔽就可以达到如下的效果。
  就算APP的动画做的异常精良美妙,从商业角度看却没有太大意义,尤其是在资源有限的公司。Flickr就是在获得大量融资之后才去投入人力和财力后,才去考虑交互的细节。
  结论
投诉 评论 转载

从优秀到卓越!交互设计师怎样理解信息架构?(下)接上文:从优秀到卓越!交互设计师怎样理解信息架构?(上)二、自然结构(organicstructures)“自然结构不会遵循任何一致的模式。节点是逐一被连接起来的,……从优秀到卓越!交互设计师怎样理解信息架构?(上)今天分享一篇交互设计高级教程,关于产品信息架构的思考,这方面是交互设计师成长的一个关键点,也是交互设计大局观的锤炼基石,文章很有深度,值得用心学习。这篇适合交互设计或者对交互设……导航和搜索之间的相互协调摘要:把网站的搜索栏置于导航栏上,这种不怎么好的实现方式会让用户在查询上投入更多的精力。我们有经常会谴责现在一种用像汉堡一样的菜单键来取代全局的导航栏,我们可以发现……设计师要画草图小编推荐:关于对用户体验草图绘制的体会,我们的导师,草图绘制大师KateRutter教会了我们如何通过草图将自己的创意呈现于纸上。下面是为大家分享一些能够用于快速、有效绘制草图……如何从3个方面判断是否做交互动画编者按:IOS7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一……iOS8人机界面指南(一):UI设计基础1。1为iOS而设计(DesigningforiOS)iOS的革新关键词如下:遵从:UI能够更好地帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力。……硅谷设计师看苹果交互设计趋势:如何适应大屏?笑天涯说:苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法!今年夏天,我……如何巧妙恰当地隐藏界面的设计一句话总结:你刚好不经意地出现,而这正是隐藏的意义。在这个信息爆炸的社会里,信息过载已成为常态,为了提升用户使用效率,处理界面的信息层次是每个设计师都要面……从苹果官网细看20年设计变迁史在过去很长一段时间,苹果都一直以自己流线型、极简风格的工业设计闻名全球。而97年乔布斯带着NeXT团队荣归苹果之后,这家传奇企业重获新生,它的高速发展的这个阶段也和互联网快速普……一个资深设计师的多年感悟每个设计师都在纠结中挣扎,我们的甜蜜,兴奋,郁闷,敏感,来自生活,来自设计,来自每次完成一个页面后的反馈,来自每次回看的满足和成就,这些词汇已经融入到我生活与工作的点点滴滴,有……设计师版式宝典!从零开始教你掌握网格系统学会和理解如何排版是成为一个设计大师中超级重要的一部分,有很多刚入门的设计师并不了解网格系统,也不会利用网格系统来校准元素在画面内的位置,让画面更加平衡。网格系统为什么这么好用……汉堡图标并非最佳菜单方案用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。难道不是么?用户体验设计和可……
互联网产品需求管理思考3洞察市场位置服务类产品的好友关系和激励机制探索网站内容决定网站的前途費茲定律Fitts’Law與使用者界面設計IA(信息架构)在中国中文网站为什么用不好Tag?andFlickr为什么走不通?AndroidvsiPhoneicon设计指南激发新用户使用SNS网络应用的一般方法手机操作方式大全什么是社会化设计?易用性設計:網站的導覽列最好在左邊胡诌Buzz
【歌词】EndOfTheLand歌手:VanMorrison 丰衣造句用丰衣造句大全各位,有什么车推荐,十万到十五万的suv。跪谢?《德凯》10月剧照公布,战友变成敌人?新形态登场霸气消灭敌人 汽车维修厂管理系统的设计学区研学旅行活动方案驾考新规倒车入库秒侧方停车秒真的吗驾考新规有哪些用蚯蚓钓鱼不注意这几点,鱼再多也不一定钓多鱼WhereIsMyRuler说课稿花呗还款逾期怎么办初中作文小阅读大世界八十一枚金币观后感范文

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