92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

看看蘋果App Store 10年來那些應用設計演變引領的潮流

2018-9-5    博博

看看蘋果App Store 10年來那些應用設計演變引領的潮流

UI巴巴 2018-07-17 21:53:05

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


很少有創新的事物能像手機應用一樣在改變我們的生活方式,讓我們與周圍的世界互動。最開始的那500個開發者很幸運的有機會為未來數百萬個應用程序提供設計方向和交互方式,為了慶祝App Store成立10周年,讓我們來研究一下10個原創的App Store應用程序的界面設計演變。

一、應用程序

關于應用程序這部分,我們關注的10款應用到今天為止都還能下載的,有些近幾天都還在更新。雖然很多應用提供了iPad版,但是這次我們主要研究iphone版的界面設計的變化。

1,iTunes Remote

Apple通過在App Store上發布一些自己的軟件,為其他開發人員樹立了榜樣。Apple最初創建的應用有兩個:Texas Hold'em(德州撲克游戲)和Remote,Texas Hold'em在2011年下架了。而Remote今天還在,Remote是一個簡單實用的應用,通過Wi-Fi控制Mac或Apple TV的iTunes庫的播放。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

從一開始,Remote的設計就受到iPhone iPod應用程序(今天稱為音樂)的界面和感覺的影響很大。事實上,正在播放的視圖在界面上基本相同。2.0版帶來了由Louie Mantia設計的新圖標。這兩個應用程序從iOS 6開始,變得不一樣,圖標再次更新以匹配Mac上iTunes 11的設計風格。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

Remote 的一次全新設計發生在iOS 7,與音樂應用程序的鮮明白色主題不同,Remote采用了深色的模糊背景。并與專輯封面的顏色融合。2016年,Apple發布了針對第4代Apple TV 的Apple TV Remote應用程序,這是改變似乎要取代Remote。但不久之后,Remote被重命名為iTunes Remote,該應用程序一直保持原來的界面繼續可供下載,直到今年6月,Remote才更新了全新設計并支持iPhone X。

2,Facebook

看看蘋果App Store 10年來那些應用設計演變引領的潮流

與iTunes Remote的更新相比,Facebook在過去時間不斷改進設計,而且修改的頻率越來越高,算上小修小補,Facebook都可以出書了。我們選了其中比較重大的8個變化。

Facebook在2017年10月就開始在iPhone上使用了,那時候是作為網頁版應用。如果不顯示頂部的藍色導航,App Store中Facebook 1.0版幾乎無法識別。而且圖標是用人物頭像,而不是標志性的“f”。底部導航為:主頁,個人資料,朋友,聊天和收件箱。2.0版基于相同的設計概念,在主標題欄下添加了二級導航。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

Facebook 3.0于2009年7月首次亮相,并推出了3×3網格圖標,以幫助解決應用程序的氣球導航問題。早期的屏幕截圖顯示了一個完全藍色的平鋪網格,但這個設計從未在應用程序的公共版本中發布。

2011年10月,Facebook 4.0 采用了漢堡包導航。在第4版之后,Facebook的設計更新變得更頻繁了。應用程序的界面開始更快地迭代,并且設計的修改通常是逐步推出而不是推倒重來。

2013年4月,Facebook在iOS應用程序中使用“Chat Heads ”,允許用戶一邊爪機一邊聊天。

Facebook的設計挑戰主要來自其億級別的用戶基數。與許多小型應用程序不同,Facebook必須在各平臺上為大量的用戶提供一致的體驗,而不僅僅是蘋果的設備上。2017年8月的更新嘗試統一 iOS,Android和網絡上的新聞Feed 設計,其評論樣式看起來更像是Messenger對話設計。

3,Things

看看蘋果App Store 10年來那些應用設計演變引領的潮流

Things原來上Mac上的任務管理工具,所以有機會率先在iOS上出現。開發人員Cultured Code稱,iOS的應用只用了1個月就開發完成,完成了一項不可能的任務。

Things 1.0 不能與Mac同步,而且不能標記。下圖是早期的設計草圖。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

2012年發布的2.0版本是比較大的一次更新。背景變得更干凈了。圖標也更小巧精致有個性。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

2014年的2.5版本,設計變得扁平化,顏色更淺。2017年5月發布的應用是界面上最大的一個變化。布局差不多,但是圖標和ui元素都重新設計。設計師Cultured Code特別強調了如何使用動畫為應用程序提供全新的感覺。重新設計的應用獲得了2017年Apple設計獎。

4,OmniFocus

看看蘋果App Store 10年來那些應用設計演變引領的潮流

App Store從一開始就提供了很多任務管理類的應用,來自Omni公司的Things和OmniFocus是兩個重量級應用。雖然兩個功能類似,但是兩個應用的界面設計發展軌跡卻各有千秋。

OmniFocus for iPhone最初使用簡單的桌面視圖和自定義底部導航,贏得了2008年Apple設計獎。Omni Group在2010年6月為iPhone 4 重新設計了高清圖標。而2011年6月開始,界面發生了重大變化,頭部多了一個日期選擇。2013年針對iOS 7的推出,設計的界面變得扁平化。新的設計依賴顏色來提升空間感。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

2015年春季的app 圖標更新使用了黑色的“??”。從2012年開始,每個圖標都包含了彩蛋。圖標放大,您會注意到碳纖維紋理實際上是由微小的重復Omni徽標組成。

5,Evernote

看看蘋果App Store 10年來那些應用設計演變引領的潮流

Evernote的發展代表了很多軟件自2008年以來的設計趨勢。Evernote原來是在電腦端出現的,App Store推出之后,Evernote更為識別性高的大象圖標。

像許多早期的iPhone應用程序一樣,Evernote 1.0嚴重依賴于UIKit,大量使用高光效果。2011年重新設計了標簽欄,按時間順序排列筆記。Evernote在2012年推出了針對iPhone 5的新界面,但是仍然使用默認的iOS UI元素。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

2012年11月,Evernote 5推出了全新的界面設計。采用了卡片式的展示方式。浮雕效果,陰影效果的運用看上去更有深度。

2013年開始,Evernote 全面擁抱扁平化設計。每個紋理,陰影和斜角都消失了。一個明亮的從左到右的漸變條紋的導航欄設計,與新的無紋理圖標上使用的顏色相匹配。2017年開始,設計又進一步極簡化。白色的頭部導航,黑色的底部標簽欄。

6,eBay

看看蘋果App Store 10年來那些應用設計演變引領的潮流
看看蘋果App Store 10年來那些應用設計演變引領的潮流

eBay的設計可以說是這篇文章中10個應用程序中最引人注目的轉變。在WWDC 2008上,eBay特別的登臺展示。但與今天的app相比,最初的版本是相當的簡陋。2009年11月,整個界面的背景換成了灰色。

一年后的2.0版本才是真正的設計,也為未來幾年的設計奠定了基礎。

2013年的設計像是重新披了一件外衣,而用戶體驗跟以前保持一致。

每個版本的變化都反映了整個時代快速變化的設計趨勢,設計品味。

2015年9月,eBay 4.0 打破了常規。大多數應用程序的功能都放在漢堡包菜單下面,只留下頂部的三個標簽:“活動,商店,銷售?!比缓筮@個設計很快沒有繼續了,2016年,ebay又重新恢復了原來的布局方式。如今的布局與2010年相比,又更加類似了。

7,Twitterrific

看看蘋果App Store 10年來那些應用設計演變引領的潮流
看看蘋果App Store 10年來那些應用設計演變引領的潮流

在App Store宣布之前,Craig Hockenberry和The Iconfactory為iPhone 設計了第一個 Twitter客戶端。應用是放在越獄市場的。

App Store上的Twitterrific 1.0從越獄版上借鑒了一些設計元素。它獲得了2008年的Apple設計獎。Twitterrific也是最早使用如今越來越流行的深色主題的應用程序之一 。但Twitterrific的設計故事更多地講述了Twitter作為服務的歷史,而不是設計趨勢。每次更新都反映了Twitter平臺的特性和功能的變化。在早期,這些功能通常由第三方自己開創的。

2012年,Twitterrific 5.0將所有導航移動到頂部,并使用完全自定義的UI元素。類似的布局一直持續到今天。就像應用程序的設計一樣迷人,Twitterrific的圖標使用了現代化的鳥類圖像,而且從一開始到現在,基本上沒有什么變化。

8,Instapaper

看看蘋果App Store 10年來那些應用設計演變引領的潮流
看看蘋果App Store 10年來那些應用設計演變引領的潮流

一個專門為閱讀而設計的應用應該優先考慮內容而不是瀏覽器,因此Instapaper的設計從一開始就是非常自然簡單的。但是,由于iOS本身的變化,應用也在外觀上又一些變化。導航欄和按鈕樣式在iOS 6和7中都進行了更改。

9,PCalc

看看蘋果App Store 10年來那些應用設計演變引領的潮流

PCalc的故事從App Store推出的前10年就開始了,開發人員James Thomson 于1992年為Mac 發布了應用程序,并一直延續至今。PCalc從一開始在iOS運行就是完全自定義的界面,并且有很多自定義的選項。

用于iPhone的PCalc 的第一個版本是從Mac儀表盤小部件移植而來。有光澤的按鈕和深藍色LCD面板與應用程序的圖標相匹配。在2008年12月,一個名為Twilight的熱門主題添加了更加詳細的圖形和類似于默認iOS計算器的配色方案。Twilight后來更新了視網膜并支持更大的顯示屏。

看看蘋果App Store 10年來那些應用設計演變引領的潮流

2013年,PCalc采用了名為“Samurai”的新默認主題和圖標,適配iOS 7的扁平設計。PCalc的圖標在2016年3月再次更新。自iOS 10.3發布以來,Apple已允許第三方應用程序動態更改其應用程序圖標,而無需向商店提交新版本。PCalc于2017年5月開始充分利用該功能,推出了各種各樣的備用圖標供您選擇。

10,Yelp

看看蘋果App Store 10年來那些應用設計演變引領的潮流
看看蘋果App Store 10年來那些應用設計演變引領的潮流

與Facebook一樣,Yelp的iPhone界面多年來發生了重大變化,但由于使用了一致的導航欄顏色,因此品牌識別度非常高。由于與Apple Maps的深度集成,該應用程序越來越受歡迎。

2009年8月,Yelp將一個基本的增強現實界面隱藏在iPhone應用程序中,用于定位您周圍的企業。雖然它當時只是一個新奇事物,但鑒于ARKit應用程序的興起,這一功能在今天仍然具有先見之明。

2010年1月,Yelp主屏幕推出了 3×3網格快捷菜單。界面在風格上不斷完善,直到整個應用程序在2013年10月重新設計,界面更加扁平,更加突出“附近”標簽。

Yelp的更新通過顯示與您相關的附近的內容,展示更多基于地理位置的內容。

二、圖標

看看蘋果App Store 10年來那些應用設計演變引領的潮流

比較所有上面列舉的10個應用的圖標迭代。在過去十年中,一些圖標保持相當一致,只進行了細微的改進,其他圖標每隔幾年就重新設計一次。

在App Store推出時,高光的圖標設計占統治地位。隨著設計師和開發人員逐漸建立了圖標設計規范和多年來的實踐經驗,細節和更多色彩的運用已經悄悄出現在許多圖標中。

三、個性

看看蘋果App Store 10年來那些應用設計演變引領的潮流

早期的iPhone應用進入的是一個未知的世界,除了蘋果公司自己的小型股票應用外,應用的界面和交互方式沒有先入為主的觀念,設計師和開發人員可以完全自由地進行實驗。

盡管如此,許多早期的應用看起來感覺非常相似,因為用戶和開發者都在互相測試。早期的反饋和反復試驗很快就會影響每個應用的發展方式。然而幾年內,大多數應用都找到了自己的方式,并開發出獨特的風格和個性。隨著硬件功能的改進,設計差異逐漸從靜態圖形轉變為動畫和動態界面。

在iOS 7引入的設計規范將設計人員和開發人員又重新拉回來,許多應用開始通過感官體驗選擇來區分自己,而不僅僅是界面設計的不一樣。所以用戶體驗的重要性導致近年來用戶體驗(UX)設計的普及。

四、未來10年

2008年,誰也無法準確預測App Store會發展到如今的繁榮。創新源于創新,iPhone用戶的品味和習慣塑造了開發人員不斷的創新。

可以說,未來是不可預測的,即將推出的iPhone和iOS版本肯定會以不可預見的方式改變應用的格局。一個新的設計趨勢明天將席卷全球。即使在10年后,未來也是令人興奮的。


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美亚洲视频一区二区| 在线成人av| 99久久精品国产一区二区三区| 国产麻豆精品在线| 亚洲视频精选在线| 亚洲桃色综合影院| 大胆av不用播放器在线播放| 国产精品一区二区在线观看不卡| 国产成人精品久久二区二区| 久操视频在线免费播放| 成人日韩欧美| 国产精品99久久不卡二区| dy888亚洲精品一区二区三区| 色综合久久久久综合99| 亚州欧美一区三区三区在线| 色综合.com| 成人欧美一区二区三区视频网页| 少妇高潮 亚洲精品| 国产精品美女久久久久| 国产成人精品一区二区三区| 免费高清视频在线一区| 性网站在线观看| 国产成人精品三级高清久久91| 国产麻豆成人精品| 欧美在线视频a| 国产69久久| 欧美一级日韩免费不卡| 韩国精品久久久999| av大片在线看| 久久综合网色—综合色88| 亚洲精品久久视频| 91国内精品白嫩初高生| 麻豆精品蜜桃视频网站| 欧美激情一区二区三区在线视频| 午夜精品国产更新| 另类av一区二区| а天堂中文在线官网| 97精品国产| 欧美性感美女一区二区| 亚洲国产wwwccc36天堂| 日韩免费三级| 日韩av中文在线观看| 色综合久久天天综线观看| www日韩tube| 在线观看免费黄视频| 黄色在线看片| 91精品国产91| 人人澡人人添人人爽一区二区| 啊啊啊久久久| 一本色道久久加勒比精品| 欧美噜噜久久久xxx| 亚洲在线国产日韩欧美| 午夜婷婷国产麻豆精品| 日韩欧美一区视频| av网址在线看| 亚洲深深色噜噜狠狠爱网站| 欧美绝品在线观看成人午夜影视| 欧美日韩午夜| 国内精品久久久久久久久| 91手机视频在线观看| 日韩大片免费观看视频播放| 97色婷婷成人综合在线观看| 91欧美日韩在线| 国产精品正在播放| 极品销魂美女一区二区三区| 欧美成人r级一区二区三区| 久久xxx视频| 色呦呦网站一区| 国产精品美女av| 欧美国产亚洲精品| 亚洲曰本av电影| av成人在线播放| 欧美大片1688网站| 亚洲国产成人91精品| 精品国产1区2区3区| 久久综合视频网| 天堂美国久久| 色综合久久久久综合体| 日韩欧美亚洲国产一区| 日韩大陆欧美高清视频区| 97香蕉超级碰碰久久免费的优势| 色偷偷一区二区三区| 免费国产在线精品一区二区三区| 亚洲东热激情| 欧美日韩成人综合天天影院| 亚洲淫成人影院| 国产精品盗摄久久久| 麻豆精品久久| 日韩欧美色综合网站| 成人444kkkk在线观看| 久久精品国产福利| 亚洲精品欧美在线| 麻豆91在线观看| 国内成+人亚洲+欧美+综合在线| 日韩欧美手机在线| 在线成人小视频| 久久精品国产久精国产思思| 色开心亚洲综合| 欧美激情免费看| 巨大黑人极品videos精品| 亚洲三级电影| 欧美日韩精品久久久免费观看| 国产日韩精品在线播放| 国产黄色成人av| bt欧美亚洲午夜电影天堂| 亚洲欧洲精品天堂一级| 久久99精品久久久| 欧美一级欧美一级在线播放| 国产高清免费av在线| 成人日韩精品| 2014亚洲片线观看视频免费| 精品中文字幕视频| 精品福利视频一区二区三区| 国产精品夫妻激情| 国产中文一区二区| 日本免费在线观看| 国产一区视频网站| 加勒比视频一区| 国产亚洲成av人片在线观看桃| 久久久噜噜噜久久中文字免| 日韩**一区毛片| 中文视频一区| 欧美丰满一区二区免费视频| 国产极品嫩模在线观看91精品| 日韩在线视频国产| 久久精品国产亚洲aⅴ| 群体交乱之放荡娇妻一区二区| 久久天天躁狠狠躁夜夜躁2014| 日韩成人在线视频观看| 日韩在线观看免费av| 亚洲午夜精品网| 亚洲一二三四| 蜜桃传媒视频麻豆第一区免费观看| 久久久久久亚洲综合影院红桃| 国产极品精品在线观看| 亚洲精品永久免费精品| 欧美精品电影免费在线观看| 伊人久久精品一区二区三区| 亚洲超碰精品一区二区| 成人高清一区| 日韩综合网站| 欧美综合久久久| 香港成人在线视频| 亚洲成人国产精品| 欧美一级大片视频| 国产精品77777竹菊影视小说| 91日韩免费| **日韩最新| 欧美日韩日本国产亚洲在线| 岛国在线视频免费看| 欧美成人精品3d动漫h| 舔着乳尖日韩一区| 日韩一区二区在线播放| av国产在线观看| 澳门成人av网| 99久久婷婷国产综合精品青牛牛| 欧美成人第一页| 免费亚洲电影| 亚洲国产合集| 一本色道久久综合亚洲aⅴ蜜桃| 久久99精品久久久久久久久久| 亚洲精品国产一区二区三区四区在线| 国产精品美女久久久久久久久久久| 日韩女优av电影在线观看|