有哪些非常有设计感的App?—国外篇

对于一款应用的设计感,不同的人会有不同的观点,比如我们可以从以下几个维度进行比较:

  • 界面:UI 设计精美,界面每一处细节都精雕细琢,展现了 App 的独一无二,有些即使是「无用之美」,下载了也会舍不得删掉。
  • 内容/功能:精致的内容或独特的功能会自动提升一个 App 的气质。包括那些优良的图片编辑应用,如风靡的 VSCO Cam等,其自身的功能决定了用户能利用这个工具创造出富有设计感的产物,这也是一种潜在的为用户创造价值的「设计感」。
  • 体验:用户在使用 App 时的综合性五感体验,与上面两个方面有所交叉但范围更广。优质的体验细腻之处小到一行文案带给你的愉悦感,大到使用 App 对自己生活状态的改善与提升。

下面介绍的是几款国外的富有设计感的App,大家可以欣赏下~

1. Oggl

Ogglapp

由老牌滤镜应用厂商hipstamatic出品(其旗下所有的产品,设计感都非常强,可谓是“app届的暴雪”)。

2. Listen

Listenapp

相信对于使用mac的同学,“CleanMyMac”这款应用一定不陌生,而Listen就是由 CleanMyMac 创建者 MacPaw 出品的,交互十分惊艳。

3. TIMELINE

TIMELINEapp

一款新闻类app。

4. Ping ●

pingapp

由Secret出品的一款极简Feeds类应用,同设计风格的还有一大批像Waves这样的IM,他们都走极简路线。特别喜欢Ping ●里面的那个切换界面的“●”,切换的动画实在是愉悦人心。

5. Flickr

flickrapp

感觉Yahoo的产品做的大多很用心(国内公司类比看来,网易与其基因很像,出了云音乐、Lofter等优质应用)

6. Facebook Paper

facebookapp

看看它在苹果商店取得的成就:

- Apple Best Apps of 2014

- Apple App Store Editors' Choice

- Fast Company Best Mobile Apps of 2014

其团队放在github上的开源动画库POP也是火得不得了...

无需多言,你必须下载下来享受新科技下未来感阅读体验。

7. Yahoo News Digest

yahooapp

又是一款获奖无数的app:

- App Store Best of 2014

- Apple Design Award 2014 Winner

每天精选18篇新闻,主页面上还会附上文章内容提示的标签,比如含有维基百科注解、视频、图像、股票等内容,社交媒体捕捉的评论信息,以及文章背后涉及的知识背景。根据官方的算法说明,Digest给用户提供的是提炼版本的新闻内容,而不是简单新闻堆砌打包。

我一直把它放在手机里不舍得删除,偶尔拿出来阅读,享受此应用带来的科技美感同时还能学学英文...

8. Wire

wireapp

这是绝对值得尝试的一款跨时代的手机应用,很多方面都贴合着趋势,特别是:“直接和内容交互的方式”的理念让人有顿悟的感觉。应用是一款支持群聊、语音通话、等功能的IM。

9. Clip

clipapp

视频社交类应用中,最有设计感的一个!

10. Flipboard

flipapp

个人感觉,和国内zarker、网易云阅读相比更有杂志的设计感。

11. Storehouse

storehouseapp

刚出的时候就下载了Ipad版,下拉的loading“刷漆刷漆”~~

12. Reuters TV

 reutersapp

视频新闻应用。

13. handpick

 handpickapp

一款美食应用,爱好美食的可不能错过。

14. Couple

coupleapp

 

一款情侣应用,在各家情侣应用中靠界面交互设计脱颖而出,随便夸下它的着陆页上Real-Time Activity Map做得真是让其它家情侣应用汗颜。

15. Inbox by Gmail

inboxbygmailapp

 

google收购著名邮件应用团队之后产出的、又是一款可以称为“跨时代”的邮件应用,界面动效使用“惊艳”这个词汇来形容再合适不过,淘宝上邀请码一度炒到100RMB...

16. Pinterest

pintestapp

 

17. SUPER

 

superapp

号称:史上“最丑”的app,大家可以下载感受下。

18. Skype

skypeapp

 

Skype的动效做得十分动感(特别是那百看不厌的loading动画)。

19. Facebook Slingshot

 

slightsapp

Facebook‘抄’Snapchat的一款照片IM应用,操作音效特别动人。

还有一些像Path这种经典设计感应用以及像【Great Coffee App】、【Sooshi】这种介绍产品性质的设计感应用,这里就不补充了。

说说这些应用的共同点:

  • 功能单一,少即是多,内容为王
  • 多是大公司或有大公司背景的团队出品(Yahoo\facebook\microsoft\google)
  • 交互感强烈,手势取代点击
  • 多个产品去掉多余界面元素,包括顶部系统状态条
  • 动效合宜,曲线愉心
  • 操作的声音效果短暂而使人心动,短暂是为了考虑用户不适合有声效的场景下也不过分打断(不像PC版本QQ那刺耳的提醒)
  • 阅读类应用居多

文章内容来自知乎,我是UE网Tina整理。

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/5619/

(0)
TinadminTinadmin
上一篇 2015-05-14
下一篇 2015-05-18

相关推荐

  • 产品的数据思维——今日头条算法架构师演讲听后笔记

    产品的数据思维——今日头条算法架构师演讲听后笔记 Yolanda 今日头条,3亿用户每天打开APP看到的头条新闻各不一样,要怎样才能做到呢? 如果是我们来做一款推荐新闻的APP,我们可以顺着以下思路来准备: 1. 确定战略…

    2015-11-15
  • Sketch从入门到精通-Sketch3 颜色填充

    颜色在做设计中是重要又必不缺少的组成部分,颜色有很多变化,丰富的颜色变化会给你的设计加分,Sketch里边,就对颜色有各种填充的效果,下面具体介绍一下,Sketch里边一共有六种填充效果,虽然你平常只用一两种,…

    2015-07-29
  • Material Design在iOS中的实践访谈

    这篇访谈是设计师Jason Zigrino谈他在iOS平台上尝试Material Design设计语言的经验。不知各位如何,我个人对于Material Design的认知还比较浅层,也未曾实际使用过相关系统,只是弱弱的觉得,在五颜六色绚烂多彩的…

    2015-08-25
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15
  • 负空间海报设计分享

    小编话:负空间是什么?简单来说,负空间就是物体之间的空间。我们之前有欣赏过负空间的LOGO设计,今天给大家分享的是由cndesign分享的负空间风格的海报设计。在排版构图与设计时都能成为一个不错的参考,enjoy! …

    2015-01-22
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 微信网页设计样式库发布

    微信网页设计样式库发布 为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。 该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dial…

    2016-01-24
  • 写给跟我一样的设计师及CEO、产品、运营、技术...

    一、写给和我一样的设计师朋友 下面还有一段是对合作伙伴的话,那些属于外部环境,我们也知道,改变外部环境虽然可能,但确实很难,你要面对公司的战略,结构,合作部门的专业性等诸多问题,别放弃,经常与他们阐述…

    2016-06-07
  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08
  • 在Sketch里怎么切图?

    有了Sketch之后,切图变得越来越简单,之前在Sketch教程里有写过切图方面的教程,但还是有很多人想知道到底怎么用Sketch切图,这篇教程就作为一个Sketch的切图大综合,详细的讲一讲怎样在Sketch里面切图,以及切图…

    2015-11-30