十个优秀的iPhone app界面设计
2012-02-13 20:56
786 查看
一、Squarespace
![](http://a1.phobos.apple.com/us/r1000/023/Purple/b9/ae/df/mzl.fgwrnxvo.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/029/Purple/cb/38/be/mzl.keguuvwi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/035/Purple/76/d9/03/mzl.kxlbjase.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/045/Purple/c3/72/a7/mzl.bkmtvvax.320x480-75.jpg)
博客托管服务提供商Squarespace(squarespace.com)。该公司在今年7月份刚完成了第一轮总规模达3800万美元的融资。本轮融资对Squarespace的估值达到了1亿美元左右。
设计风格:简洁,有层次感。突出内容,不迷失所在的位置。
官方网站:http://www.squarespace.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
二、gowalla
![](http://a1.phobos.apple.com/us/r1000/018/Purple/be/7c/a8/mzl.znnsvinh.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/005/Purple/d9/7f/1f/mzl.fhznigfk.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/036/Purple/62/eb/fe/mzl.wwtdusew.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/041/Purple/6a/b8/74/mzl.cjdcplsk.320x480-75.jpg)
Gowalla在2008年末开始开发,在2009年3月发布,本该跟现在火爆的foursquare处于同一地位,但由于Gowalla软件的不稳定性,导致Foursquare抢了先机。Gowalla也是位置服务+徽章激励+待办事项+SNS这么一个模式。
设计风格:大方、明快,有颗粒质感,又不失活泼趣味的元素。
官方网址:http://gowalla.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
三、friends around me
![](http://a1.phobos.apple.com/us/r1000/053/Purple/c6/fa/36/mzl.bdkloped.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/019/Purple/42/d7/d5/mzl.rxhxbkno.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/012/Purple/10/a9/0c/mzl.oyncjqtf.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/009/Purple/55/ab/35/mzl.tkwcqnaf.320x480-75.jpg)
friends around me是一个基于位置的社交应用,可以同步信息到foursquare、facebook、twitter,可以跟附近的好友聊天,上次照片、送礼物等等,特色是各种可爱的轻交互。
设计风格:明亮的黄色是整个软件的点缀色调,无处不在,使整个软件显得活泼大方,设计感很强,尤其是可以展开的抽屉样式的控件,给照片打分的小星星。
官方网站:http://friendsaround.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
四、shopkick
![](http://a1.phobos.apple.com/us/r1000/033/Purple/81/32/94/mzl.vnafgwin.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/023/Purple/2c/74/3b/mzl.aljrfxsx.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/021/Purple/48/ce/cf/mzl.wsxvzyij.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/017/Purple/b6/cd/aa/mzl.geynokqq.320x480-75.jpg)
Shopkick.com成立于2009年夏,曾获得美国知名风投KPCB和Hoffman 500万美元的首轮投资,到现在已融资2000万美元。又是一个lbs产品,不同的是Shopkick是搭建手机世界与现实世界的桥梁,用户可以在一种互 动的环境下感受购物或消费体验。简单的说就是Shopkick致力于让用户享受真正的实惠并将这些转化为实际的线下行动。
设计风格:设计的非常重,采用非常有质感的圆角按钮,无处不再的高光,绚丽花哨的背景色。
官方网站:http://www.shopkick.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
五、Trip Journal
![](http://a1.phobos.apple.com/us/r1000/033/Purple/eb/fc/52/mzl.fqqviihi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/019/Purple/dd/1f/db/mzl.wljkkvpv.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/026/Purple/4f/6f/b9/mzl.faczrcsi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/048/Purple/d9/3c/65/mzl.jrxphqbu.320x480-75.jpg)
Trip Journal 可以记录你旅行时的日志,照片,随行的感受,最主要是你还可以通过GPS同你的朋友们一起分享,让他们知道你现在身在何处,享受着如何的风光,一起来记录你旅行的意义
设计风格:拟物化的设计风格,让你感觉像在翻阅一本古老的书籍,不过设计有点太重,导致内容很难分别
官方网站:http://www.trip-journal.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
六、Awesome Note (+Todo)
![](http://a1.phobos.apple.com/us/r1000/000/Purple/10/9e/8a/mzl.laverqvs.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/058/Purple/c3/4e/58/mzl.ltpbibfm.320x480-75.jpg)
Awesome Note是一款可更换主题的出色记事本工具,它独特的分类功能可以将一个个凌乱的记事分别放到不同的颜色、不同类别的文件夹中,不仅十分美观而且方便用户查看、寻找记事,除此之外,Awesome Note还提供了更方便的速记便签功能,可以快速记录某些不方便分类的小事,在很多使用细节上的考虑相当周全,软件对中文的支持很好,默认字体大小适中并且非常清晰,推荐给大家替代iPhone自带的记事本。
设计风格:丰富而鲜亮的色彩,带给人不一样的体验。
官方网站:http://www.bridworks.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
七、FLUD
![](http://a1.phobos.apple.com/us/r1000/016/Purple/d0/51/09/mzl.qnhpiafe.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/038/Purple/6e/4f/06/mzl.gbdtjsou.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/041/Purple/28/8e/72/mzl.ordexiuj.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/028/Purple/e1/09/d1/mzl.wmikaazi.320x480-75.jpg)
FLUD for iPad是一个现代化的,美丽和个性化的新闻生态系统。它允许用户传播他们的社会网络的相关内容。浏览你喜爱的文章,管理,重新排列或删除供稿,浏览网页和播放视频,通过Facebook与你的朋友分享网络上的文章,添加Google reader源。
设计风格:比较适合平板电脑的排版风格,清晰的层次感,适合阅读。
官方网站:http://www.theflud.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
八、Fring
![](http://a1.phobos.apple.com/us/r1000/048/Purple/64/af/5f/mzl.kefgfpbh.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/026/Purple/f8/db/a0/mzl.upfeexjx.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/048/Purple/ee/43/6e/mzl.pnkvbelc.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/010/Purple/f3/23/f4/mzl.bbupjnlz.320x480-75.jpg)
Fring可以绑定各种IM,Gtalk、MSN、ICQ等,给IM好友拨打免费的语音电话或视频电话。
设计风格:Android版的Fring界面全是手绘风格的,非常的脱俗。iPhone版的则是混搭风格,按钮还是手绘的不规则效果,但是有了高光。
官方网站:http://www.fring.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
九、Panelfly Comics
![](http://a1.phobos.apple.com/us/r1000/019/Purple/7b/bd/e0/mzl.zfigedau.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/021/Purple/e3/5f/e4/mzl.xtpajqah.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/030/Purple/8f/66/c3/mzl.aoomlmvi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/003/Purple/2d/46/94/mzl.ocejrvqi.320x480-75.jpg)
Panelfly是一款应用于 iPhone 上的电子漫画书软件,开发商是位于纽约的一家软件公司 Opsis Distribution。提供给用户漫画客户端的同时,提供大量的收费漫画下载。
设计风格:任何的文字和操作都是被弱化的,突出漫画内容主体。
官方网站:http://www.panelfly.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
十、??? – Naver
![](http://a1.phobos.apple.com/us/r1000/022/Purple/e5/86/a0/mzl.ybgogohr.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/053/Purple/5b/00/36/mzl.tfjioskx.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/013/Purple/df/5d/7e/mzl.vyeyfcuf.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/034/Purple/72/6e/d0/mzl.ekkfuffn.320x480-75.jpg)
???是韩国最大互联网公司Naver出品的客户端,以搜索服务为主,除了基本的关键词搜索之外,还提供拍照搜索、语音搜索和旋律搜索,另外还可以从naver问答系统进行搜索。还提供搜索风云榜、naver问答系统等内容服务。
设计风格:Naver已经形成了自己的视觉风格,就是绿色调,在他的各个产品里都会采用。naver网站还会以白色背景色为主,但是这款客户端有一个不小的突破,就是以深灰色带纹理的背景为止,很有金属质感。
![](http://a1.phobos.apple.com/us/r1000/023/Purple/b9/ae/df/mzl.fgwrnxvo.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/029/Purple/cb/38/be/mzl.keguuvwi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/035/Purple/76/d9/03/mzl.kxlbjase.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/045/Purple/c3/72/a7/mzl.bkmtvvax.320x480-75.jpg)
博客托管服务提供商Squarespace(squarespace.com)。该公司在今年7月份刚完成了第一轮总规模达3800万美元的融资。本轮融资对Squarespace的估值达到了1亿美元左右。
设计风格:简洁,有层次感。突出内容,不迷失所在的位置。
官方网站:http://www.squarespace.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
二、gowalla
![](http://a1.phobos.apple.com/us/r1000/018/Purple/be/7c/a8/mzl.znnsvinh.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/005/Purple/d9/7f/1f/mzl.fhznigfk.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/036/Purple/62/eb/fe/mzl.wwtdusew.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/041/Purple/6a/b8/74/mzl.cjdcplsk.320x480-75.jpg)
Gowalla在2008年末开始开发,在2009年3月发布,本该跟现在火爆的foursquare处于同一地位,但由于Gowalla软件的不稳定性,导致Foursquare抢了先机。Gowalla也是位置服务+徽章激励+待办事项+SNS这么一个模式。
设计风格:大方、明快,有颗粒质感,又不失活泼趣味的元素。
官方网址:http://gowalla.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
三、friends around me
![](http://a1.phobos.apple.com/us/r1000/053/Purple/c6/fa/36/mzl.bdkloped.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/019/Purple/42/d7/d5/mzl.rxhxbkno.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/012/Purple/10/a9/0c/mzl.oyncjqtf.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/009/Purple/55/ab/35/mzl.tkwcqnaf.320x480-75.jpg)
friends around me是一个基于位置的社交应用,可以同步信息到foursquare、facebook、twitter,可以跟附近的好友聊天,上次照片、送礼物等等,特色是各种可爱的轻交互。
设计风格:明亮的黄色是整个软件的点缀色调,无处不在,使整个软件显得活泼大方,设计感很强,尤其是可以展开的抽屉样式的控件,给照片打分的小星星。
官方网站:http://friendsaround.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
四、shopkick
![](http://a1.phobos.apple.com/us/r1000/033/Purple/81/32/94/mzl.vnafgwin.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/023/Purple/2c/74/3b/mzl.aljrfxsx.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/021/Purple/48/ce/cf/mzl.wsxvzyij.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/017/Purple/b6/cd/aa/mzl.geynokqq.320x480-75.jpg)
Shopkick.com成立于2009年夏,曾获得美国知名风投KPCB和Hoffman 500万美元的首轮投资,到现在已融资2000万美元。又是一个lbs产品,不同的是Shopkick是搭建手机世界与现实世界的桥梁,用户可以在一种互 动的环境下感受购物或消费体验。简单的说就是Shopkick致力于让用户享受真正的实惠并将这些转化为实际的线下行动。
设计风格:设计的非常重,采用非常有质感的圆角按钮,无处不再的高光,绚丽花哨的背景色。
官方网站:http://www.shopkick.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
五、Trip Journal
![](http://a1.phobos.apple.com/us/r1000/033/Purple/eb/fc/52/mzl.fqqviihi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/019/Purple/dd/1f/db/mzl.wljkkvpv.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/026/Purple/4f/6f/b9/mzl.faczrcsi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/048/Purple/d9/3c/65/mzl.jrxphqbu.320x480-75.jpg)
Trip Journal 可以记录你旅行时的日志,照片,随行的感受,最主要是你还可以通过GPS同你的朋友们一起分享,让他们知道你现在身在何处,享受着如何的风光,一起来记录你旅行的意义
设计风格:拟物化的设计风格,让你感觉像在翻阅一本古老的书籍,不过设计有点太重,导致内容很难分别
官方网站:http://www.trip-journal.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
六、Awesome Note (+Todo)
![](http://a1.phobos.apple.com/us/r1000/000/Purple/10/9e/8a/mzl.laverqvs.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/058/Purple/c3/4e/58/mzl.ltpbibfm.320x480-75.jpg)
Awesome Note是一款可更换主题的出色记事本工具,它独特的分类功能可以将一个个凌乱的记事分别放到不同的颜色、不同类别的文件夹中,不仅十分美观而且方便用户查看、寻找记事,除此之外,Awesome Note还提供了更方便的速记便签功能,可以快速记录某些不方便分类的小事,在很多使用细节上的考虑相当周全,软件对中文的支持很好,默认字体大小适中并且非常清晰,推荐给大家替代iPhone自带的记事本。
设计风格:丰富而鲜亮的色彩,带给人不一样的体验。
官方网站:http://www.bridworks.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
七、FLUD
![](http://a1.phobos.apple.com/us/r1000/016/Purple/d0/51/09/mzl.qnhpiafe.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/038/Purple/6e/4f/06/mzl.gbdtjsou.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/041/Purple/28/8e/72/mzl.ordexiuj.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/028/Purple/e1/09/d1/mzl.wmikaazi.320x480-75.jpg)
FLUD for iPad是一个现代化的,美丽和个性化的新闻生态系统。它允许用户传播他们的社会网络的相关内容。浏览你喜爱的文章,管理,重新排列或删除供稿,浏览网页和播放视频,通过Facebook与你的朋友分享网络上的文章,添加Google reader源。
设计风格:比较适合平板电脑的排版风格,清晰的层次感,适合阅读。
官方网站:http://www.theflud.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
八、Fring
![](http://a1.phobos.apple.com/us/r1000/048/Purple/64/af/5f/mzl.kefgfpbh.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/026/Purple/f8/db/a0/mzl.upfeexjx.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/048/Purple/ee/43/6e/mzl.pnkvbelc.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/010/Purple/f3/23/f4/mzl.bbupjnlz.320x480-75.jpg)
Fring可以绑定各种IM,Gtalk、MSN、ICQ等,给IM好友拨打免费的语音电话或视频电话。
设计风格:Android版的Fring界面全是手绘风格的,非常的脱俗。iPhone版的则是混搭风格,按钮还是手绘的不规则效果,但是有了高光。
官方网站:http://www.fring.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
九、Panelfly Comics
![](http://a1.phobos.apple.com/us/r1000/019/Purple/7b/bd/e0/mzl.zfigedau.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/021/Purple/e3/5f/e4/mzl.xtpajqah.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/030/Purple/8f/66/c3/mzl.aoomlmvi.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/003/Purple/2d/46/94/mzl.ocejrvqi.320x480-75.jpg)
Panelfly是一款应用于 iPhone 上的电子漫画书软件,开发商是位于纽约的一家软件公司 Opsis Distribution。提供给用户漫画客户端的同时,提供大量的收费漫画下载。
设计风格:任何的文字和操作都是被弱化的,突出漫画内容主体。
官方网站:http://www.panelfly.com/
![](http://elya.cc/wp-content/uploads/2011/01/appstoredownload.png)
十、??? – Naver
![](http://a1.phobos.apple.com/us/r1000/022/Purple/e5/86/a0/mzl.ybgogohr.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/053/Purple/5b/00/36/mzl.tfjioskx.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/013/Purple/df/5d/7e/mzl.vyeyfcuf.320x480-75.jpg)
![](http://a1.phobos.apple.com/us/r1000/034/Purple/72/6e/d0/mzl.ekkfuffn.320x480-75.jpg)
???是韩国最大互联网公司Naver出品的客户端,以搜索服务为主,除了基本的关键词搜索之外,还提供拍照搜索、语音搜索和旋律搜索,另外还可以从naver问答系统进行搜索。还提供搜索风云榜、naver问答系统等内容服务。
设计风格:Naver已经形成了自己的视觉风格,就是绿色调,在他的各个产品里都会采用。naver网站还会以白色背景色为主,但是这款客户端有一个不小的突破,就是以深灰色带纹理的背景为止,很有金属质感。
相关文章推荐
- 十个优秀的 iPhone App 界面设计
- 十个优秀的iPhone app界面设计
- 十个优秀的iPhone app界面设…
- iPad和iPhone App界面设计的30个案例【转】
- 苹果iphone APP界面设计尺寸官方版
- 50个优秀手机界面设计(APP UI DESIGN)
- 26款能够吸引用户的 iPhone App 界面设计
- iPad和iPhone App界面设计的30个案例
- 苹果iphone APP界面设计尺寸
- 20款优秀的国外 Mobile App 界面设计案例
- iPad 和 iPhone App 界面设计的 30 个案例
- 转:苹果iphone APP界面设计尺寸官方版
- ios iphone app界面设计尺寸规范
- ios iphone app界面设计尺寸规范
- APP界面设计之尺寸介绍
- 旅游保险App(iOS)界面设计
- 触动人心——设计优秀的iPhone应用
- 如何优雅的定义 App 的界面设计
- 社交APP界面设计分析对比(第一季)【草稿】
- 【项目经验】Iphone和ipad的GUi 界面设计风格