根據調查顯示, iOS與Android的市場份額差距正越來越大。Android裝置正在成為手機應用市場的主力軍。如何從設計層面創造一個優美的app介面來吸引使用者已然成為廣大App開發者們必做的功課之一。
儘管蘋果的扁平化設計風格在這幾年出盡了風頭,但Material design主導下的Android應用介面設計也是非常值得設計師學習和重視的。以下是Mockplus(摩客)為大家整理的一些介面設計非常優秀的安卓應用。
與iOS一樣,谷歌Play商店中也有大量的天氣應用。Eye in Sky Weather以其簡約,全息主題和使用者所期待的天氣應用程式應有的基本功能而脫穎而出。該應用程式包括14個最好的天氣圖示集,可以新增自己的圖示集。還有四個高度可定製的小部件和一個可擴充套件的通知,還有一個DashClock擴充套件。
2. Snapseed
Snapseed是Google提供的綜合照片編輯應用程式。除了擁有Instagram提供的基本編輯功能之外,Snapseed的這種編輯模式使得照片編輯變得前所未有的簡單。許多照片編輯應用程式的編輯過程都顯得非常笨重,但Snapseed保持簡單風格的同時還提供了很多可輕鬆調整的選項。
當然,你可以改變燈光和新增濾鏡,但重新聚焦影象和改變膠片風格的能力使得他們的工具箱是獨一無二的。最後,根據您之前製作的節省,重新編輯的能力使得這個應用程式成為我最喜歡的照片編輯器。
3. YouTube
作為全球最大的視訊共享網站,YouTube自2005年成立以來一直受益於他們的智慧設計。同樣的靈感貫穿到今天,並且可以看到移動應用程式易於使用的服務。
同樣,雖然YouTube不是專門的移動應用程式,但YouTube視訊中超過一半的檢視都是通過移動裝置完成的。 2017年這樣的應用程式的必要性是非常明顯的。
YouTube在保持設計的可訪問性和新鮮度方面做得很好,每兩週更新一次應用程式,並使設計適應它們對平臺所做的更改。事實上,大多數使用者也更喜歡移動版本。
4. Pinterest
Pinterest可以說是最美Android應用程式設計的競爭者之一。 從詳細的註冊流程到照片的全面展示,Pinterest為使用者介面新增了足夠的細節,使圖片和內容保持在中心位置。
5. Trello
Trello是一個專案管理和組織工具,主要工作是他們所謂的“看板”。每個看板可以對應不同的任務或責任,需要完成。 簡單而明顯的設計使得工作可以更快地完成,並減少了各方之間的交流錯誤。
Trello是一個很好的使用者體驗設計的案例,因為它沒有太多不必要的功能。 應用程式主螢幕上的所有內容都很容易理解,並且完全按照應用程式的方式工作,不會對任何從一個板到另一個板的任務產生任何困惑。 介面設計非常直觀,第一次使用應用程式的使用者可以輕鬆瀏覽不同的頁面。
6. Slack
Slack是適合各種團隊的溝通工具。 無論是計劃一個事件,從事某個專案,還是隻是厭倦了電子郵件,Slack正在成為專業人士之間使用最廣泛的工具之一。 這個成功的關鍵原因是他們簡單而強大的設計。
雖然Slack不是專門的移動應用程式,但他在移動裝置上的使用者體驗並不比在計算機上使用差。您需要的所有內容都非常清晰地放在左側的下拉選單中,而團隊Feed始終在應用程式的主要區域進行更新。
7. Duolingo
Duolingo是一家語言學習公司,教導使用者如何通過迷你遊戲和簡短的課程講不同的語言。 該公司成立於2009年,已經達到1億使用者,並且一直在持續增長中,主要是由於他們的應用程式非常簡單,技術也在不斷的創新。
任何使用Duolingo的人都能理解應用程式的簡單性。 通過完成一個任務或遊戲,您可以轉到更高階的類別。 結合移動遊戲應用程式的成癮性,並使用它來學習新的語言也是一個很棒的主意,在此基礎上的使用者體驗也是吸引使用者的因素之一。
8.Wickr
與許多有效的移動應用程式UI設計一樣,Wickr非常簡單。 它可以完美地處理安全的訊息,同時保持其基本的黑色和白色的設計。 無論使用者是出於商業還是個人目的選擇,都是安全傳送加密訊息的有效方式。 它具有群組訊息功能,以及一對一的通訊。 資訊傳送者可以控制訊息,影象或視訊可以被檢視多長時間。 像Snapchat的訊息只能顯示1-10秒鐘,隨著時間的推移,它會數字化地“碎片化”已刪除的訊息。
9. Hipmunk
Hipmunk是計劃旅行的最快,最簡單的方法。 這個程式將通過比較所有的頂級旅遊網站節省您的時間,包括設定您想要前往某一天的目的地的提醒,檢視其他乘客的評論,預訂航班,根據您想要最接近的目的搜尋酒店房間等等。
我真正喜歡它的設計方面是,它可以根據您的需求,例如基於卡片佈局的城市訪問,或適合某個預算的酒店的最佳時間)量身定製您的檢視。 這是一個真正可定製的預訂旅行安排的應用。
10. PEAR Sports
PEAR是一款個性化的健身應用程式,集合了數以千計的鍛鍊與私人教練。 這個應用程式可以對使用者的健康資料做出實時反應,以適應使用者的具體需求的鍛鍊。比如跑步,騎自行車和舉重訓練,並根據你的選擇對你進行實時鼓勵。 它與所有主要的健身追蹤器和應用程式同步,以保持所有的鍛鍊資料易於管理。 最重要的是,你可以隨心所欲地開啟或關閉手機。 如果您正在做瑜伽或其他需要雙手的東西,您的私人教練可以純粹通過音訊來指導。 例如,如果您在跑步機上跑步,則會提供有用的心率圖形,燃燒的卡路里以及總體進度。 總的來說,這是一個非常有用的應用程式,考慮到個性的健身,以及其可定製的功能和設計。
更多UI設計資源
作為安卓開發者,可以參考Google的Android Design規範,官方對於如何做好Android App的UI設計一直有著很多的導引和建議。
2. Github
Github的UI設計板塊收集了很多設計相關的素材和優秀設計站點。不僅僅限於Android應用介面設計。
視訊教程
1.How to Design Android UI/GUIs in Android Studio
這個視訊向Eclipse使用者解釋如何使用Android Studio為你的應用程式建立圖形使用者介面。 視訊很長(接近一個小時),但流程邏輯上很容易。
2. Android UI Tutorial: Layouts and Animations
Android UI佈局和動畫的最佳教程之一。 它教你如何使用Android Studio建立不同的佈局(框架佈局,線性佈局,相對佈局和網格佈局),檢視(TextView,ListView,ImageView,GridView,RecyclerView)和動作(屬性動畫,可繪製動畫)。 本教程適用於初學者和高階設計人員,並且可以在GitHub上使用該專案。
關於原型設計
一個應用的設計風格基調奠定我認為是從原型設計開始的。在App的原型設計階段,UI元素的選擇和使用是設計師需要慎重把握的。在工具選擇方面可以根據安卓應用的特點儘量使用Mockplus或者Justinmind這類偏向於Material design風格的設計工具。