浅谈iOS和Android的产品交互设计:(一)产品参考资料

2019-04-06 来源：盆地观察

Android和iOS平台现在基本上是做移动应用必选的两个平台，iOS平台的交互设计指导资料更成体系一些，而关于Android平台的产品设计随着Android系统的发展在不断演变，相应的指导资料从最开始的匮乏和零星，在逐步朝着完整和系统化方面发展。

做为一个同时做iOS和Android平台的产品人员，在日常产品的交互设计中，会不断的感受到两个平台的异同之处，期间会有思考、有探索、有迷惘，当然也有收获，谨以此系列文章记录自己的一些想法，作为自我积累和批判的素材。

首先，来看一下这两个平台产品设计的参考资料，设计思路不是凭空而来，不同系统有着其本身的设计理念和思路，我们需要首先学习和理解它，应用之，并在其上进一步发展出我们自己的思想和风格。

一、 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

这个是最新的，最新的已经变更为iOS人机界面指南，最后更新日期是2011-10-12，期间有过8次更新，包括合并iPad和iPhone的指南、iOS5新增特性的指南等。

1.2 各类官方应用

各类官方应用是上述官方指南的最佳参考，所有提过的例子，在官方应用中基本都可以见到应用案例。

1.3 纯iOS设计的书

官方指南其实在设计理念和交互上面已经讲的很优秀了，所以纯iOS设计的书籍其实并不多，这些书籍更多是做实践方面做以延伸，或者从某个方面加以引申，比如：

* 《触动人心-设计优秀的iPhone应用》

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

有设计思路、有交互细节，是官方指南的有益补充

* 《iPhone应用用户体验设计实战与案例》

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

这本买了还没看，暂无法评价。从目录来看，将产品流程的部分不少，还有实际的设计实例分析。

1.4 第三方优秀应用

包括但不限于：

* Apple大会上演示的和官方推荐的应用

* 排行榜中的高排名应用

* 某些科技网站推荐的一些新应用

* 知名应用

良好的应用上述资料，可以让在iOS平台的设计中，有一份坚实的基础。

二、Android

2.1 Android 4.0 官方指南

* 《Android Design》

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

2012-01-12 Android官方推出的设计指南

* 《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

有各类开发、设计、资讯、教程等资料，对于设计来说，零散了些，但这是在Android Design发布前官方的资料获取之处，提供一些直达链接供参考：

* 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

包括了图标设计(桌面图标、菜单图标、操作栏图标、状态栏图标、标签栏图标、对话框图标、列表的图标)、Widget设计、菜单设计、活动与任务设计规范

中文版：

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等的设计指南翻译版)

* 一些数据

最近14天访问过Android Market的设备操作系统版本分布

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

最近7天天访问过Android Market的设备屏幕尺寸和屏幕密度分布

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

最近7天天访问过Android Market的设备OpenGL ES支持情况

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

2.3 Google I/O

Google I/O是由Google举行的网络开发者年会，讨论的焦点是用Google和开放网络技术开发网络应用。Google I/O 寓为“开放中创新”（Innovation in the Open）。Google I/O从2008年开始举行。

Google I/O 2010

下面是其中"UI Design"环节的视频和pdf

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

其中的pdf有一份我翻的中文版，见下网址：

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

Google I/O 2011

下面是其中"Designing and Implementing Android UIs for Phones and Tablets"环节的相应视频

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

下面是其中"Honeycomb Highlights"环节的相应视频

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

2.4 其他官方资料

Andorid Developer官方2010-7-23在slideshare发布的一份tips，原文见下：

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

这里有一份我翻的还原原格式的pdf版查看和下载：

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

谷奥也有一份翻译，分两个部分，见下网址：

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手机已经把Google系的产品（包括但不限于Gmail、Android Market、Gtalk、Google Map、Youtube、Google Calendar）阉割了，而是换成了自己的相关应用，所以在你的手机中，可能见不到这些官方应用，得想方法装进去。这里说的官方应用，是指的Google 官方的应用，不包含第三方厂商内置的其他应用。

2.即使google 官方的应用，不少也显得比较粗糙，且不同的Android 版本也有变化，这点在Android 4.0中有较大的改善。这点我想和Android自己都没完全想清楚自己应该怎么玩有不小的关系，不同的时期，他们有不同的零零星星的想法，这些也相应的表现在产品和资料中。

不管怎样，官方资料还是值得参考的，特别是Android 4.0中的官方应用。

2.6 其他

至于其他，因为历史Andorid 自身设计指导的不完善和开放性，我们可以见到各种各样的设计，比如

* 完全参考iPhone的设计指南设计的应用（反响不少还不错…）

* Android 和iPhone设计风格混合的应用

* Android不同时期设计风格相结合的应用

* 同一时期Android设计风格，配上自我发挥的某些官方未讲明如何设计的细节

这些应用，代表了不同的设计思路，请谨慎参考。

虽然我们有了上面这些资料，但Android的世界，依然会显得过于斑驳纷杂。

在Andorid下该如何设计？该走一条什么样的道路？盆地的看法如何？且听下回分解。

文章来源：盆地观察