如何從設計層面創(chuàng)造一個優(yōu)美的app界面來吸引用戶已然成為廣大App開發(fā)者們必做的功課之一。

 

 

根據(jù)調(diào)查顯示, iOS與Android的市場份額差距正越來越大。Android設備正在成為手機應用市場的主力軍。如何從設計層面創(chuàng)造一個優(yōu)美的app界面來吸引用戶已然成為廣大App開發(fā)者們必做的功課之一。

盡管蘋果的扁平化設計風格在這幾年出盡了風頭，但Material design主導下的Android應用界面設計也是非常值得設計師學習和重視的。以下是Mockplus（摩客）為大家整理的一些界面設計非常優(yōu)秀的安卓應用。

1. Eye In Sky Weather

 

與iOS一樣，谷歌Play商店中也有大量的天氣應用。Eye in Sky Weather以其簡約，全息主題和用戶所期待的天氣應用程序應有的基本功能而脫穎而出。該應用程序包括14個最好的天氣圖標集，可以添加自己的圖標集。還有四個高度可定制的小部件和一個可擴展的通知,還有一個DashClock擴展。

2. Snapseed

 

Snapseed是Google提供的綜合照片編輯應用程序。除了擁有Instagram提供的基本編輯功能之外，Snapseed的這種編輯模式使得照片編輯變得前所未有的簡單。許多照片編輯應用程序的編輯過程都顯得非常笨重，但Snapseed保持簡單風格的同時還提供了很多可輕松調(diào)整的選項。

當然，你可以改變燈光和添加濾鏡，但重新聚焦圖像和改變膠片風格的能力使得他們的工具箱是獨一無二的。最后，根據(jù)您之前制作的節(jié)省，重新編輯的能力使得這個應用程序成為我最喜歡的照片編輯器。

3. YouTube

 

作為全球最大的視頻共享網(wǎng)站，YouTube自2005年成立以來一直受益于他們的智能設計。同樣的靈感貫穿到今天，并且可以看到移動應用程序易于使用的服務。

同樣，雖然YouTube不是專門的移動應用程序，但YouTube視頻中超過一半的視圖都是通過移動設備完成的。 2017年這樣的應用程序的必要性是非常明顯的。

YouTube在保持設計的可訪問性和新鮮度方面做得很好，每兩周更新一次應用程序，并使設計適應它們對平臺所做的更改。事實上，大多數(shù)用戶也更喜歡移動版本。

4. Pinterest

 

Pinterest可以說是最美Android應用程序設計的競爭者之一。 從詳細的注冊流程到照片的全面展示，Pinterest為用戶界面添加了足夠的細節(jié)，使圖片和內(nèi)容保持在中心位置。

5.  Trello

 

Trello是一個項目管理和組織工具，主要工作是他們所謂的“看板”。每個看板可以對應不同的任務或責任，需要完成。 簡單而明顯的設計使得工作可以更快地完成，并減少了各方之間的交流錯誤。

Trello是一個很好的用戶體驗設計的案例，因為它沒有太多不必要的功能。 應用程序主屏幕上的所有內(nèi)容都很容易理解，并且完全按照應用程序的方式工作，不會對任何從一個板到另一個板的任務產(chǎn)生任何困惑。 界面設計非常直觀，第一次使用應用程序的用戶可以輕松瀏覽不同的頁面。

6. Slack

 

Slack是適合各種團隊的溝通工具。 無論是計劃一個事件，從事某個項目，還是只是厭倦了電子郵件，Slack正在成為專業(yè)人士之間使用最廣泛的工具之一。 這個成功的關鍵原因是他們簡單而強大的設計。

雖然Slack不是專門的移動應用程序，但他在移動設備上的用戶體驗并不比在計算機上使用差。您需要的所有內(nèi)容都非常清晰地放在左側(cè)的下拉菜單中，而團隊Feed始終在應用程序的主要區(qū)域進行更新。

7. Duolingo 

 

Duolingo是一家語言學習公司，教導用戶如何通過迷你游戲和簡短的課程講不同的語言。 該公司成立于2009年，已經(jīng)達到1億用戶，并且一直在持續(xù)增長中，主要是由于他們的應用程序非常簡單，技術也在不斷的創(chuàng)新。

任何使用Duolingo的人都能理解應用程序的簡單性。 通過完成一個任務或游戲，您可以轉(zhuǎn)到更高級的類別。 結(jié)合移動游戲應用程序的成癮性，并使用它來學習新的語言也是一個很棒的主意，在此基礎上的用戶體驗也是吸引用戶的因素之一。

8.Wickr

 

與許多有效的移動應用程序UI設計一樣，Wickr非常簡單。 它可以完美地處理安全的消息，同時保持其基本的黑色和白色的設計。 無論用戶是出于商業(yè)還是個人目的選擇，都是安全發(fā)送加密消息的有效方式。 它具有群組消息功能，以及一對一的通信。 信息發(fā)送者可以控制消息，圖像或視頻可以被查看多長時間。 像Snapchat的消息只能顯示1-10秒鐘，隨著時間的推移，它會數(shù)字化地“碎片化”已刪除的消息。

9. Hipmunk

 

Hipmunk是計劃旅行的最快，最簡單的方法。 這個程序?qū)⑼ㄟ^比較所有的頂級旅游網(wǎng)站節(jié)省您的時間，包括設置您想要前往某一天的目的地的提醒，查看其他乘客的評論，預訂航班，根據(jù)您想要最接近的目的搜索酒店房間等等。

我真正喜歡它的設計方面是，它可以根據(jù)您的需求，例如基于卡片布局的城市訪問，或適合某個預算的酒店的最佳時間）量身定制您的視圖。 這是一個真正可定制的預訂旅行安排的應用。

10. PEAR Sports

 

PEAR是一款個性化的健身應用程序，集合了數(shù)以千計的鍛煉與私人教練。 這個應用程序可以對用戶的健康數(shù)據(jù)做出實時反應，以適應用戶的具體需求的鍛煉。比如跑步，騎自行車和舉重訓練，并根據(jù)你的選擇對你進行實時鼓勵。 它與所有主要的健身追蹤器和應用程序同步，以保持所有的鍛煉數(shù)據(jù)易于管理。 最重要的是，你可以隨心所欲地打開或關閉手機。 如果您正在做瑜伽或其他需要雙手的東西，您的私人教練可以純粹通過音頻來指導。 例如，如果您在跑步機上跑步，則會提供有用的心率圖形，燃燒的卡路里以及總體進度。 總的來說，這是一個非常有用的應用程序，考慮到個性的健身，以及其可定制的功能和設計。

更多UI設計資源

1. developer.android

作為安卓開發(fā)者，可以參考Google的Android Design規(guī)范，官方對于如何做好Android App的UI設計一直有著很多的導引和建議。

2. Github

Github的UI設計板塊收集了很多設計相關的素材和優(yōu)秀設計站點。不僅僅限于Android應用界面設計。

視頻教程

1.How to Design Android UI/GUIs in Android Studio

這個視頻向Eclipse用戶解釋如何使用Android Studio為你的應用程序創(chuàng)建圖形用戶界面。 視頻很長（接近一個小時），但流程邏輯上很容易。

2. Android UI Tutorial: Layouts and Animations

Android UI布局和動畫的最佳教程之一。 它教你如何使用Android Studio創(chuàng)建不同的布局（框架布局，線性布局，相對布局和網(wǎng)格布局），視圖（TextView，ListView，ImageView，GridView，RecyclerView）和動作（屬性動畫，可繪制動畫）。 本教程適用于初學者和高級設計人員，并且可以在GitHub上使用該項目。

關于原型設計

一個應用的設計風格基調(diào)奠定我認為是從原型設計開始的。在App的原型設計階段，UI元素的選擇和使用是設計師需要慎重把握的。在工具選擇方面可以根據(jù)安卓應用的特點盡量使用Mockplus或者Justinmind這類偏向于Material design風格的設計工具。

來源：UI中國