如何做好安卓應用的界面設計？

01-02

不抄iOS，遵循Google的Android Design規範 Design | Android Developers

君可見現在新浪微博Android官方客戶端以及騰訊微信的UI照搬iOS顯得那麼無可吐槽。

=======2013.6.8更新=======

這段時間自己研究了挺多的Android Design的東西，有了更多的想法，故有此更新。

眾所周知，Google於2012年初推出了Android Design的設計規範。

在規範里，包括：

Get Started
Style
Patterns
Building Blocks
Download
Videos

關於裡面的內容，在此不再一一展開說明。如果你作為一個用心的Android開發者的話，親自查看參考Google的Android Design進而遵循，會比那些只會搬iOS的擬物界面的開發者對Android生態圈負責多了。

官方對於如何做好Android App的UI設計一直有著很多的導引和建議。在2013年的Google I/O 裡面有不少的Android UI設計的Sessions都有提及到如何做好有Android的UI設計:（YouTube鏈接）

http://www.youtube.com/watch?v=Jl3-lzlzOJIlist=PLOU2XLYxmsIJOOTFfYzhR2d-rcSbBbEE_index=25

http://www.youtube.com/watch?v=XpqyiBR0lJ4list=PLOU2XLYxmsIJOOTFfYzhR2d-rcSbBbEE_index=22

http://www.youtube.com/watch?v=s0HIP8EdlnElist=PLOU2XLYxmsIJOOTFfYzhR2d-rcSbBbEE_index=20

個人的一些看法：

1.其實Holo Theme只是Android Design的一部分，並不是全部。

例如：

圖片來源：Android Design 與 Holo Theme

非Holo Theme卻符合Android Design的Evernote。

2.以後再補。

一、首先要了解安卓應用長啥樣。

Android 4.0風格：Design | Android Developers

中文：Android Design

Android 5.0風格（Material Design）：Introduction

中文：Material Design（PS：這個版本的翻譯還不怎麼好，英文好的話建議看原版，不好的話也建議看看原版，順便學習一些專業的辭彙，如什麼是Action Bar，Toolbar，FAB等等）

二、玩Android風格的APP

Google自家的應用：

我收集的一些Material Design風格的應用：

尋找Android范兒的應用：豌豆莢、最美應用

三、獲取設計靈感

博客：

Android Niceties 安卓應用截圖

Pttrns | Mobile design patterns, resources and inspiration 應用截圖有Android，iOS、Apple Watch也有

http://www.signa.li/ dribble，behance等網站上關於Material Design風格的icon，APP作品

Material Design, Daily 專門展示Material Design風格設計作品，有網頁端，也有APP，icon等等，同時會有一些實際上線的應用，鏈接一般都會指向Google Play。

（PS：上國外網站，最好有梯子，要不然連Google Play都進不了，有些應用在國內應用市場搜不到的！！！）

以上是我學習如何設計一個Android范兒的APP的學習方法，總結為一句話就是：

多看（看優秀APP的配色、排版、字體大小、字體樣式、字體顏色等等，配合Mrarkman馬克鰻 - 設計稿標註、測量學習效果更佳），

多想（思考優秀作品是如何解決某個問題的，如搜索模塊，個人頁面模塊，閱讀模塊等），

多練（國內有大把大把的iOS風格的Android應用，學了理論之後總得實踐吧，為何不來個Redesign呢）。

PS：我是一個零基礎自學APP UI設計的愛好者，我也是非科班畢業的。如有什麼不對的地方，請大神們指出來，我改正。

個人建議，學習原生軟體的界面開發，而且最好還是看一些開源的，無論從設計的角度還是從開發的角度都是極好的。

比如優秀的作品有：Gmail Gtalk Google Reader等客戶端，不過這些不開源學習界面就好，開源的可以看看系統的Browser，Contacts等應用。和系統本身結合的非常好，設計風格和系統也很統一，給用戶較好的體驗。

Android不是ios的復刻品，Android擁有獨立的靈魂

學習Design | Android Developers，記住Android Design只是輔助，只是一種理念的傳遞，完全照搬只會東施效顰

合理布局色彩搭配流暢過渡符合規範

滿嘴規範的都扯蛋，完全不站在用戶的角度考慮問題，當年為了讓用戶舒服，我們已經被IE6折磨的體無完膚，N多前端人士至今還在火坑裡，但是結果好歹是給用戶一個統一完整的視覺效果。現在到了移動端，本以為html5能解決一攬子問題，可惜氣候不到。目前來說，拋開用戶不關注的底層架構不一致外，界面還能搞2套規範，算上還不夠強大的wp，得3套，我用一個軟體意味著可能要學習3套使用習慣（你不換手機就罷了）。沒有對錯，遵循規範我也贊同，但是我只是覺得這麼一大幫子人沒有替用戶說話，真是替用戶著急。此外產品經理也要熟悉3個平台的特性，其實幹的是重複的事情，我也覺得真心噁心。只能希望幾家大公司在做規範的時候能不要太逆天，相互之間能有些傳承為好。

我贊同：好的設計，就是好的設計。和平台無關。

實際實踐中：儘可能做到通用，在儘可能一致的前提下針對不同平台做特定的優化。

此外，希望樓上規範帝們能貼出一些同時做多個平台，保持高效更新還完全遵守各自規範的案例出來，讓我們關注下他們未來的趨勢是繼續勇猛的求異還是睿智趨同。

1、功能優先：確定你最想給用戶使用的功能，用最直接的方法展示出來

2、遵循android 4.x設計規範：大量使用holo布局、控制項、色彩、操作方式

3、創造特色：個性的logo、獨特的配色、流暢的特效都能讓用戶記住你的應用

依舊贊同：抄！

但是有前提：首先提高自己的審美，然後要抄就抄最好的。

設計的最初都是臨摹，再才是自我的延伸。站在巨人的肩膀上，看的會更遠。

有了好的外形基礎後，再就是回歸到用戶體驗。記住用戶才是第一位的。

交互設計通常靠外形吸引用戶，但真正留住用戶的是細節上的人性化。讓這些極簡的設計細節控制用戶的生活習慣，最終讓用戶離不開它們。這才是王道！

設計外觀只是表象，設計心理才是核心。

好的設計，就是好的設計。和平台無關。

iOS 的視覺和交互設計不斷進步，和最優秀的第三方開發者不斷突破蘋果的 HIG 有很大關係。拖拽刷新，側邊欄都不符合 HIG， iPhone 上使用 PopOver 更是直接違反 HIG 。

Android Design 如果不能超越 iOS 風格，那為什麼微信的選擇是錯的？

為了和 iOS 不同，而不是因為他真的更好而遵守 Android Design ？那隻能讓人想起 Ive 被引用了無數次的那句話：

It"s very easy to be different, but very difficult to be better.

好的設計，就是好的設計。和平台無關。

It"s very easy to be different, but very difficult to be better.

--------------------

必須贊.

推薦一篇看到的文章『讓我們一起來做最漂亮的Android界面』。文章可能有點標題黨，但還是值得一讀。

讓我們一起來做最漂亮的Android界面_HTML5中國

一個開發過程中的感覺，就是如果在ios和Android上同時開發，肯定會在視覺效果上兼顧ios的視覺效果，而ios的視覺效果整體都比較統一切美觀，試想一個人換用了手機，肯定要遵循原有的使用習慣，如果Android每個應用都保持獨有的設計規範，而不是考慮用戶的使用習慣，那反而是一個災難

建議你先用用Google的原生應用，你就能感受到！如果能用到原生的安卓系統那就更好，比如現在的4.4，你會發現在系統流暢性在iOS已經不能驕傲了！

當一個設計師用「國內廠商都有各自需求，所以規範根本沒用」來回答我關於Android官方推崇設計規範與IOS推崇設計規範之間的區別時，我就覺得這設計師沒追求。所以，好的設計一定要有追求……

遵循Google官方的Guide，圖片做好看點，細節多用提升體驗的動畫，無它

以下四個方面

1、確定整體產品色彩基調，色彩基調可以從產品功能中提取，也可以從產品LOGO中提取；

2、做出界面原型，包括功能布局、頁面交互等元素；

3、在界面原型基礎上進行色彩添加，進一步的細節調整；

4、根據用戶使用體驗反饋再次修改界面，不斷完善。

眾所周知，Google於2012年初推出了Android Design的設計規範。

在規範里，包括：

Get Started

Style

Patterns

Building Blocks

Download

Videos關於裡面的內容，在此不再一一展開說明。如果你作為一個用心的Android開發者的話，親自查看參考Google的Android Design進而遵循，會比那些只會搬iOS的擬物界面的開發者對Android生態圈負責多了。

官方對於如何做好Android App的UI設計一直有著很多的導引和建議。在2013年的Google I/O 裡面有不少的Android UI設計的Sessions都有提及到如何做好有Android的UI設計

創夢小豆威客網,專業領先的創意設計威客網站,威客任務平台

It"s very easy to be different, but very difficult to be better.

易用&>視覺美觀。

飽覽同類軟體的界面設計，從中尋找靈感～

確實好多軟體運行在android上，結果確實ios的風格

知道的還會在這發回復嗎？