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》
这个是最新的,最新的已经变更为iOS人机界面指南,最后更新日期是2011-10-12,期间有过8次更新,包括合并iPad和iPhone的指南、iOS5新增特性的指南等。
1.2 各类官方应用
各类官方应用是上述官方指南的最佳参考,所有提过的例子,在官方应用中基本都可以见到应用案例。
1.3 纯iOS设计的书
官方指南其实在设计理念和交互上面已经讲的很优秀了,所以纯iOS设计的书籍其实并不多,这些书籍更多是做实践方面做以延伸,或者从某个方面加以引申,比如:
有设计思路、有交互细节,是官方指南的有益补充
详细介绍
这本买了还没看,暂无法评价。从目录来看,将产品流程的部分不少,还有实际的设计实例分析。
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 这个地方还有黑莓、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有一份我翻的中文版,见下网址:
Google I/O 2011
下面是其中”Designing and Implementing Android UIs for Phones and Tablets”环节的相应视频
下面是其中”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版查看和下载:
谷奥也有一份翻译,分两个部分,见下网址:
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下该如何设计?该走一条什么样的道路?盆地的看法如何?且听下回分解。
关联阅读:
浅谈iOS和Android的产品交互设计:(二)我对Android设计之理解
浅谈iOS和Android的产品交互设计(三):iPhone和Android的控件对比
浅谈iOS和Android的产品交互设计:(四)平台的独特性
本文标签: Android, IOS, iPhone, 交互设计, 应用, 界面, 设计指南