2012年度最佳UI动画

标签: 界面& 图标设计 App UI 元素 UI | 发表时间:2013-01-14 13:37 | 作者:waynexie
出处:http://www.uisdc.com

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作为一款足够吸引人的app,惊艳的UI和优秀的功能是基本条件,但若有独特的动画与转场效果,则可以大大的增加用户使用的粘性,称霸整个应用平台。具备了良好体验效果的同时,有这样一个意料之外的效果,不但会给用户带来惊喜,更会让人情不自禁的爱上它。

2012年我们看到有不断的热门app得到细化,而一些大公司也最终意识到良好的UI对于一个app的重要性。在过去的一年里,Android应用程序已经得到了很大的改善,iOS则把设计范围越推越广。这里是一些 beautifulpixels.com认为在2012年中一些脱颖而出的UI动画。虽然视频演示提供了大致的预览,但相信如果你在手机中亲自体验更能发现它们的魅力之处。

 

Google+ Animation

当Google+开始公测时,每个人都想第一个尝鲜。然而,在Android系统和其他移动应用平台上因缺少一个良好的app,而使得很多人因此望而却步。Google努力优化他们在iOS平台推出的游戏,值得一提的是它们最近发布的app也让人眼前一亮。

而这款Google+iOS应用程序也颠覆了以往的设计,或许会让你爱不释手。其中有很多独特的动画设计,比如,下拉刷新(pull to refresh)。当用户下拉时,会出现4个不同颜色的彩带从左至右,有节奏的从暗变亮,并拉长。同样有趣的是,当你滚动到底部时,载入的新内容同样会出现。从这样的小细节中,我们看到Google的确在app的设计上注入了很多精力。就为了它的动画,你就值得在iOS系统的设备上下载Google+这个程序!

iTunes下载:  https://itunes.apple.com/us/app/google+

 

National Parks

National Parks,这款超正的app是由《国家地理》杂志推出。你可以在iPad和iPhone上看到超高像素的高清图片,而点击气象或统计图标,当前的视图后退,新的视图会从屏幕底端冒出来。这一设计也影响了不少其他app。应用程序中的每个小动画都设计的非常出色。我们最喜欢的细节之处是它地图浏览上的小黄点——pin功能。当你开始滑动右下角的图标,这个小黄点会根据你的选择出现或消失。

iTunes下载: http://itunes.apple.com/us/app/national-parks-by-national

 

Letterpress

Loren, Loren, Loren.( Loren Brichter,Letterpress游戏的开发人。)你是如何继续下去的。之前你开发了Twitter客户端Tweetie,现在你又让我们沉迷与Letterpress。游戏中的每个动画制作都很精美,创意十足。字母与字母之间的衔接良好,整体的app给人的感觉也非常光滑。最让我们中意的一部分是当你删除游戏时,字母表格分解小方格掉落到屏幕底部时会发出很微妙的爆炸声。

iTunes下载: https://itunes.apple.com/us/app/letterpress-word-game

 

Clear

由Realmac Software开发的Clear或许是今年在App Store上炒作最猛的app了。当他们首次为app发布视频预告时,我认识的每一个人都在谈论它。他将那些无趣又复杂的工作变得简单、愉悦。无论是声效还是动画效果都很惊艳。

你只需用拇指轻碰一下就即可导航。把项目标记为已读,甚至在列表中创建一个项目看起来都那么cool。拖曳列表创建新项目,轻击就可编辑项目。当标记的项目完成后,它会移到列表的最底部,并且可以通过拉动试图清零。App中的每一项指令都做了动画的效果,这就是令它至今都脱颖而出的原因。现在,你也可以在Mac上使用这项功能了。

iTunes下载: https://itunes.apple.com/us/app/clear

 

Twitterrific 5

在所有的app中,每个人都对“下拉刷新”的功能能否玩出新花样,期望颇高。而Twitterrific 5这项功能的表现真的是令人瞠目结舌。当内容刷新时,你会看到一只鸟慢慢的从蛋中孵化出来,并且挥动它的翅膀。除此之外,它的账户更换效果做的也不错。当你切换账户时,新账号的时间轴会略过旧的那个,十分简便,击并按住左上角的头像即可。仅管Twitterrific 5的功能性不如Tweetbot强,但它的新界面值得去尝试一下,感觉对了就好!

iTunes下载: https://itunes.apple.com/us/app/twitterrific-5-for-twitter

 

eBay

eBay在iPad上的app升级让我们看到这个电子商务平台对移动端的重视。在2.0版本中,eBay在像素方面做了史诗级的努力,而当你调用侧边栏,滑动您的手指时就能更好的体验到。

iTunes下载: https://itunes.apple.com/us/app/ebay-for-ipad

 

Deal In

这款名为Deal In的应用程序,真是让人喜欢的有些措手不及。你会发现在界面底部有一个黄牛皮纸袋,以及一个包含了缩略图和描述的长长的项目清单。你可以根据自己的喜好选择这些项目,并把它添加到你的纸袋里。事实是,当你长按一个项目并把他拖入到购物袋时,就像是把它从纸上撕下来一样,质感十足。简单、可爱并且实用。

iTunes下载: https://itunes.apple.com/us/app/deal-in

 

Passbook

你绝对不会想到这个?Passbook是我在OS平台上见到过最好,也可以说是最有趣的动画了。当你尝试从iOS 6系统的Passbook中删除某个项目时,就会出现一个虚拟碎纸机将其粉碎。同时底部还有碎纸效果的出现。如果你没有尝试过,那不妨登陆Passsource,建立个临时或者假的账号,体验一下呗!

URL:  http://passsource.com/

 

原文地址: http://www.damndigital.com/archives/79474

 

优设哥向您推荐:

2012年度最佳移动网页字体设计

10个必备的移动UI设计资源站

创作之年:2012 特色网站收官推荐

怒赞!7个下载UI组件包的顶级网站

荐书:众妙之门网站UI设计之道
无觅

相关 [ui 动画] 推荐:

2012年度最佳UI动画

- - 优设(UISDC)
作为一款足够吸引人的app,惊艳的UI和优秀的功能是基本条件,但若有独特的动画与转场效果,则可以大大的增加用户使用的粘性,称霸整个应用平台. 具备了良好体验效果的同时,有这样一个意料之外的效果,不但会给用户带来惊喜,更会让人情不自禁的爱上它. 2012年我们看到有不断的热门app得到细化,而一些大公司也最终意识到良好的UI对于一个app的重要性.

[转] jQuery ui框架

- - CSDN博客Web前端推荐文章
   jQuery ui框架很多,除了官方提供的 jquery UI(如果你还不知道什么是 jQuery UI,请看 下载了jquery ui后如何使用),还有很多第三方提供的ui框架,因官方提供的jquery ui框架体积较大,所以很多人都不喜欢用,但不论是官方提供还是第三方提供,他们都是基于 jquery核心类库实现的ui框架.

UI框架选型

- - ITeye博客
  最近公司的一个新项目要进行UI框架的选型,我把选型的思路和过程跟大家分享一下.   在选型之前,我们先要定一下选型的标准,就像人生一样,想清楚“自己要的是什么”是最重要的.   选型的标准分为几部分:. 业务是根本,和大部分的技术一样,框架没有好坏之分,只有适合与不适合.         我们项目是一个通讯类的监控项目,用户群是移动、电信等运营商的运维人员,系统的特点是:.

Metro UI 平板概念图

- 冉波 - 爱范儿 · Beats of Bits
在 《从应用启动器的设计来谈谈 Metro UI 的不足》 中,我曾抱怨过 Metro UI ,主要是针对它的主屏幕,因为在手机那样的小屏幕上,主屏似乎更适合摆放图标,而不是动态格窗. 但是如果我们将 Metro UI 放到平板上,情况就会完全不同. iOS 在 iPhone 上表现虽然很好,但是将同样的 UI 放到 iPad 上,总感觉不够大气.

Patrick Baudisch: 德國 UI 之神

- tan - 所有文章 - UCD大社区
我曾經為文撰寫過 “日本 UI 之神 – Takeo Igarashi“, 出自於我個人對於 Takeo 的研究的敬佩以及喜愛. 如今,當我投入了 HCI (Human-Computer-Interaction) 研究之後,有一位超新星大師的研究讓我非常喜愛. 如同 Takeo 也是一個非常帥氣的研究員,然而不同於 Takeo 的圖學以及 GUI 雙跨 (近年來 Takeo 更加神猛了, 變成了圖學, GUI, HRI 三跨了),Patrick 的研究自始自終都在 HCI 領域.

开源Python UI框架:Kivy

- xin - 秀码趣 - ShowMuch.com
Kivy是一个可用以快速创建新颖用户界面应用的开源Python库,比如可以用它来创建多点触摸的应用程序,它具备跨平台特性,目前发行有Windows、MacOS、Linux以及Android版本. 作为一个开源框架,Kivy具备以下特性:A.百分百免费使用;B.基于 LGPL3协议 开源,对商业化应用友好;C.跨平台,支持Windows、MacOS、Linux以及Android;D.允许在不同的平台上运行同一套代码;E.稳定以及有完善的API文档;F.通过OpenGL ES 2.0对硬件进行加速;G.自然支持大部分的输入协议或者输入设备;H.基于Python的简单API……等等.

Metro UI 平板概念图

- 可乐加糖 - 互联网的那点事...
在 《从应用启动器的设计来谈谈 Metro UI 的不足》 中,我曾抱怨过 Metro UI ,主要是针对它的主屏幕,因为在手机那样的小屏幕上,主屏似乎更适合摆放图标,而不是动态格窗. 但是如果我们将 Metro UI 放到平板上,情况就会完全不同. iOS 在 iPhone 上表现虽然很好,但是将同样的 UI 放到 iPad 上,总感觉不够大气.

新工具介绍:AdPlus UI

- - CSDN博客推荐文章
通过一段时间,我开发了一款实用新工具,封装了微软的调试利器Adplus.exe让各位更易于使用它. 张佩(Moore.Zhang) . Adplus UI是对Adplus.exe的封装,后者是微软提供的调试工具,是个利器,但虽为利器却少有人用,原因在于它仅支持命令行的方式运作,而命令又稍嫌复杂. Adplus UI的功德就在于把不友好的命令行变成用户友好的界面形式,用户只需要鼠标点几下就可以完成设置,设置会被保存,以后直接使用即可.

从Web借鉴UI设计

- - 博客园_首页
  用户体验已经成为衡量应用软件质量的重要标准. 在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限正在被逐渐模糊. 虽然技术已经焕然一新,但很多开发人员并不是专业的信息架构师,可能还在使用传统的、平凡的UI设计风格.

Android的UI布局总览

- - 博客园_首页
                  android布局的目的是为了实现不同屏幕比例适配而设计的,有五种布局类:FrameLayout、LinearLayout、AbsoluteLayout、RelativeLayout和TableLayout. 五大布局类的继承关系如下(以FrameLayout为例):.