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

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

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

一、 iOS

1.1 官方指南

*《iPhone人機(jī)界面指南》

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

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

*《iOS Human Interface Guidelines》

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

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

1.2 各類官方應(yīng)用

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

1.3 純iOS設(shè)計(jì)的書

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

* 《觸動(dòng)人心-設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用》

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

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

* 《iPhone應(yīng)用用戶體驗(yàn)設(shè)計(jì)實(shí)戰(zhàn)與案例》

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

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

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

包括但不限于：

* Apple大會(huì)上演示的和官方推薦的應(yīng)用

* 排行榜中的高排名應(yīng)用

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

* 知名應(yīng)用

良好的應(yīng)用上述資料，可以讓在iOS平臺(tái)的設(shè)計(jì)中，有一份堅(jiān)實(shí)的基礎(chǔ)。

二、Android

2.1 Android 4.0 官方指南

 

* 《Android Design》

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

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

* 《Android Design》中文版

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

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

2.2 Android Developers

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

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

* Android 各個(gè)版本的新特性介紹

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

這里整理過一個(gè)自己的理解，見下：

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

* UI指南

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

包括了圖標(biāo)設(shè)計(jì)(桌面圖標(biāo)、菜單圖標(biāo)、操作欄圖標(biāo)、狀態(tài)欄圖標(biāo)、標(biāo)簽欄圖標(biāo)、對(duì)話框圖標(biāo)、列表的圖標(biāo))、Widget設(shè)計(jì)、菜單設(shè)計(jì)、活動(dòng)與任務(wù)設(shè)計(jì)規(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 這個(gè)地方還有黑莓、iOS、WebOS、WP7等的設(shè)計(jì)指南翻譯版)

* 一些數(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)絡(luò)開發(fā)者年會(huì)，討論的焦點(diǎn)是用Google和開放網(wǎng)絡(luò)技術(shù)開發(fā)網(wǎng)絡(luò)應(yī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é)的相應(yīng)視頻

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

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

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

谷奧也有一份翻譯，分兩個(gè)部分，見下網(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 官方應(yīng)用

這里你會(huì)遇到兩個(gè)問題：

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

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

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

2.6 其他

至于其他，因?yàn)闅v史Andorid 自身設(shè)計(jì)指導(dǎo)的不完善和開放性，我們可以見到各種各樣的設(shè)計(jì)，比如

* 完全參考iPhone的設(shè)計(jì)指南設(shè)計(jì)的應(yīng)用（反響不少還不錯(cuò)…）

* Android 和iPhone設(shè)計(jì)風(fēng)格混合的應(yīng)用

* Android不同時(shí)期設(shè)計(jì)風(fēng)格相結(jié)合的應(yīng)用

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

這些應(yīng)用，代表了不同的設(shè)計(jì)思路，請(qǐng)謹(jǐn)慎參考。

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

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

文章來源：盆地觀察

標(biāo)簽： iOS應(yīng)用設(shè)計(jì) ios應(yīng)用 ��

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