Android和iOS平臺現(xiàn)在基本上是做移動應用必選的兩個平臺，iOS平臺的交互設(shè)計指導資料更成體系一些，而關(guān)于Android平臺的產(chǎn)品設(shè)計隨著Android系統(tǒng)的發(fā)展在不斷演變，相應的指導資料從最開始的匱乏和零星，在逐步朝著完整和系統(tǒng)化方面發(fā)展。

做為一個同時做iOS和Android平臺的產(chǎn)品人員，在日常產(chǎn)品的交互設(shè)計中，會不斷的感受到兩個平臺的異同之處，期間會有思考、有探索、有迷惘，當然也有收獲，謹以此系列文章記錄自己的一些想法，作為自我積累和批判的素材。

首先，來看一下這兩個平臺產(chǎn)品設(shè)計的參考資料，設(shè)計思路不是憑空而來，不同系統(tǒng)有著其本身的設(shè)計理念和思路，我們需要首先學習和理解它，應用之，并在其上進一步發(fā)展出我們自己的思想和風格。

一、 iOS

1.1 官方指南

*《iPhone人機界面指南》

http://www.apple.com.cn/developer/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/

這個是中文的，可惜不是最新的，此版最后更新日期為2010-03-24

*《iOS Human Interface Guidelines》

https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

這個是最新的，最新的已經(jīng)變更為iOS人機界面指南，最后更新日期是2011-10-12，期間有過8次更新，包括合并iPad和iPhone的指南、iOS5新增特性的指南等。

1.2 各類官方應用

各類官方應用是上述官方指南的最佳參考，所有提過的例子，在官方應用中基本都可以見到應用案例。

1.3 純iOS設(shè)計的書

官方指南其實在設(shè)計理念和交互上面已經(jīng)講的很優(yōu)秀了，所以純iOS設(shè)計的書籍其實并不多，這些書籍更多是做實踐方面做以延伸，或者從某個方面加以引申，比如：

* 《觸動人心-設(shè)計優(yōu)秀的iPhone應用》

http://book.douban.com/subject/6864391/

有設(shè)計思路、有交互細節(jié)，是官方指南的有益補充

* 《iPhone應用用戶體驗設(shè)計實戰(zhàn)與案例》

http://book.douban.com/subject/6398078/

這本買了還沒看，暫無法評價。從目錄來看，將產(chǎn)品流程的部分不少，還有實際的設(shè)計實例分析。

1.4 第三方優(yōu)秀應用

包括但不限于：

* Apple大會上演示的和官方推薦的應用

* 排行榜中的高排名應用

* 某些科技網(wǎng)站推薦的一些新應用

* 知名應用

良好的應用上述資料，可以讓在iOS平臺的設(shè)計中，有一份堅實的基礎(chǔ)。

二、Android

2.1 Android 4.0 官方指南

 

* 《Android Design》

http://developer.android.com/design/index.html

2012-01-12 Android官方推出的設(shè)計指南

* 《Android Design》中文版

http://cdc.tencent.com/?download=Android-Design-4.0

騰訊cdc翻譯的中文版，相應的博文地址：http://cdc.tencent.com/?p=5082

2.2 Android Developers

http://developer.android.com/index.html

有各類開發(fā)、設(shè)計、資訊、教程等資料，對于設(shè)計來說，零散了些，但這是在Android Design發(fā)布前官方的資料獲取之處，提供一些直達鏈接供參考：

* Android 各個版本的新特性介紹

Android 2.2

http://developer.android.com/sdk/android-2.2-highlights.html

我翻譯的中文版

https://docs.google.com/document/d/1H0hoDAt2UHSl4sk6Mt04XjUYx3y7Jmp5RU-EoIbU2xA/edit

Android 3.0

http://developer.android.com/sdk/android-3.0-highlights.html

譯言和谷奧翻譯的中文版：

http://article.yeeyan.org/view/198555/175075

http://android.guao.hk/posts/android-3-0-platform-highlights.html

Android 3.1

http://developer.android.com/sdk/android-3.1-highlights.html

我翻譯的中文版

https://docs.google.com/document/d/1tz36ti5tx5KfVPasaR0vDOihogxJuXI2n5QveSh6Tz4/edit

* 多分辨率適配

http://developer.android.com/guide/practices/screens_support.html

這里整理過一個自己的理解，見下：

http://www.penddy.com/a-variety-of-screen-adaptation-of-android.html

* UI指南

http://developer.android.com/guide/practices/ui_guidelines/index.html

包括了圖標設(shè)計(桌面圖標、菜單圖標、操作欄圖標、狀態(tài)欄圖標、標簽欄圖標、對話框圖標、列表的圖標)、Widget設(shè)計、菜單設(shè)計、活動與任務設(shè)計規(guī)范

中文版：

http://www.ixdchina.com/index.php?title=Android%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E6%8C%87%E5%8D%97

(http://www.ixdchina.com/index.php 這個地方還有黑莓、iOS、WebOS、WP7等的設(shè)計指南翻譯版)

* 一些數(shù)據(jù)

最近14天訪問過Android Market的設(shè)備操作系統(tǒng)版本分布

http://developer.android.com/resources/dashboard/platform-versions.html

最近7天天訪問過Android Market的設(shè)備屏幕尺寸和屏幕密度分布

http://developer.android.com/resources/dashboard/screens.html

最近7天天訪問過Android Market的設(shè)備OpenGL ES支持情況

http://developer.android.com/resources/dashboard/opengl.html

2.3 Google I/O

Google I/O是由Google舉行的網(wǎng)絡開發(fā)者年會，討論的焦點是用Google和開放網(wǎng)絡技術(shù)開發(fā)網(wǎng)絡應用。Google I/O 寓為“開放中創(chuàng)新”（Innovation in the Open）。Google I/O從2008年開始舉行。

Google I/O 2010

下面是其中"UI Design"環(huán)節(jié)的視頻和pdf

http://www.google.com/intl/zh-CN/events/io/2010/sessions/android-ui-design-patterns.html

其中的pdf有一份我翻的中文版，見下網(wǎng)址：

https://docs.google.com/fileview?id=0B9Lrx2XbHPV6YjQ4OTljOGQtODE0OC00YmI5LThmZjItNGQyZTVjZDRhNTBi&hl=zh_CN

Google I/O 2011

下面是其中"Designing and Implementing Android UIs for Phones and Tablets"環(huán)節(jié)的相應視頻

http://www.google.com/events/io/2011/sessions/designing-and-implementing-android-uis-for-phones-and-tablets.html

下面是其中"Honeycomb Highlights"環(huán)節(jié)的相應視頻

http://www.google.com/events/io/2011/sessions/honeycomb-highlights.html

2.4 其他官方資料

Andorid Developer官方2010-7-23在slideshare發(fā)布的一份tips，原文見下：

http://www.slideshare.net/AndroidDev/android-ui-design-tips

這里有一份我翻的還原原格式的pdf版查看和下載：

https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9Lrx2XbHPV6ZDIyMGFmNjAtMWQ1Ni00OGVmLWE4MjEtOTQzNmZhOThkMDM2

谷奧也有一份翻譯，分兩個部分，見下網(wǎng)址：

http://android.guao.hk/posts/android-ui-developments-part-i.html

http://android.guao.hk/posts/android-ui-developments-part-ii.html

我把這份和Googe I/O 2010的資料合在一起了，所以也可以這里看到：

http://www.penddy.com/two-android-user-interface-design-information.html

2.5 官方應用

這里你會遇到兩個問題：

1.不少廠商的Android手機已經(jīng)把Google系的產(chǎn)品（包括但不限于Gmail、Android Market、Gtalk、Google Map、Youtube、Google Calendar）閹割了，而是換成了自己的相關(guān)應用，所以在你的手機中，可能見不到這些官方應用，得想方法裝進去。這里說的官方應用，是指的Google 官方的應用，不包含第三方廠商內(nèi)置的其他應用。

2.即使google 官方的應用，不少也顯得比較粗糙，且不同的Android 版本也有變化，這點在Android 4.0中有較大的改善。 這點我想和Android自己都沒完全想清楚自己應該怎么玩有不小的關(guān)系，不同的時期，他們有不同的零零星星的想法，這些也相應的表現(xiàn)在產(chǎn)品和資料中。

不管怎樣，官方資料還是值得參考的，特別是Android 4.0中的官方應用。

2.6 其他

至于其他，因為歷史Andorid 自身設(shè)計指導的不完善和開放性，我們可以見到各種各樣的設(shè)計，比如

* 完全參考iPhone的設(shè)計指南設(shè)計的應用（反響不少還不錯…）

* Android 和iPhone設(shè)計風格混合的應用

* Android不同時期設(shè)計風格相結(jié)合的應用

* 同一時期Android設(shè)計風格，配上自我發(fā)揮的某些官方未講明如何設(shè)計的細節(jié)

這些應用，代表了不同的設(shè)計思路，請謹慎參考。

雖然我們有了上面這些資料，但Android的世界，依然會顯得過于斑駁紛雜。

在Andorid下該如何設(shè)計？該走一條什么樣的道路？盆地的看法如何？且聽下回分解。

文章來源：盆地觀察

標簽： iOS應用設(shè)計 ios應用 ��

版權(quán)申明：本站文章部分自網(wǎng)絡，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。