设计师：浅谈iOS和Android的产品交互设计

　　Android和iOS平台现在基本上是做移动应用必选的两个平台，iOS平台的交互设计指导资料更成体系一些，而关于Android平台的产品设计随着Android系统的发展在不断演变，课课家认为相应的指导资料从最开始的匮乏和零星，在逐步朝着完整和系统化方面发展。
　　做为一个同时做iOS和Android平台的产品人员，设计网站在日常产品的交互设计中，会不断的感受到两个平台的异同之处，期间会有思考、有探索、有迷惘，当然也有收获，谨以此系列文章记录自己的一些想法，作为自我积累和批判的素材。
　　首先，来看一下这两个平台产品设计的参考资料，设计思路不是凭空而来，不同系统有着其本身的设计理念和思路，我们需要首先学习和理解它，应用之，并在其上进一步发展出我们自己的思想和风格。
　　一、 iOS
　　1.1 官方指南
　　*《iPhone人机界面指南》
　　这个是中文的，可惜不是最新的，此版最后更新日期为2010-03-24
　　*《iOS Human Interface Guidelines》
　　这个是最新的，最新的已经变更为iOS人机界面指南，最后更新日期是2011-10-12，期间有过8次更新，包括合并iPad和iPhone的指南、iOS5新增特性的指南等。
　　1.2 各类官方应用
　　各类官方应用是上述官方指南的最佳参考，所有提过的例子，在官方应用中基本都可以见到应用案例。
　　1.3 纯iOS设计的书
　　官方指南其实在设计理念和交互上面已经讲的很优秀了，所以纯iOS设计的书籍其实并不多，这些书籍更多是做实践方面做以延伸，或者从某个方面加以引申，比如：
　　* 《触动人心-设计优秀的iPhone应用》
　　有设计思路、有交互细节，是官方指南的有益补充
　　* 《iPhone应用用户体验设计实战与案例》
　　这本买了还没看，暂无法评价。从目录来看，将产品流程的部分不少，还有实际的设计实例分析。
　　1.4 第三方优秀应用
　　包括但不限于：
　　* Apple大会上演示的和官方推荐的应用
　　* 排行榜中的高排名应用
　　* 某些科技网站推荐的一些新应用
　　* 知名应用
　　良好的应用上述资料，可以让在iOS平台的设计中，有一份坚实的基础。
　　二、Android
　　2.1 Android 4.0 官方指南
　　* 《Android Design》
　　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
　　我翻译的中文版
　　Android 3.0
　　译言和谷奥翻译的中文版
　　Android 3.1
　　我翻译的中文版
　　* 多分辨率适配
　　这里整理过一个自己的理解，见下：
　　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等的设计指南翻译版)
　　well设计一词来源于英文“design”，包括很广的设计范围和门类建筑：工业、环艺、装潢、展示、服装、平面设计等等,而平面设计名称在平常的表述中却很为难，因为学科之间的交叉广而深，部分叫法如“平面设计(graphisdesign)视觉传达设计、装潢设计、建筑装饰设计……，这也许与平面设计的特点有很大的关系，因为设计无所不在、平面设计无所不在，从范围来讲用来印刷的都和平面设计有关，从功能来讲“对视觉通过人自身进行调节达到某种程度的行为”，称之为视觉传达，即用视觉语言进行传递信息和表达观点，而装潢设计或装潢艺术设计则被公认为极不准确的名称，带有片面性。
　　在了解了对平面设计范围和内涵的情况下，我们再来看看平面设计的分类，如形象系统设计、字体设计、书籍装帧设计、行录设计、包装设计、海报/招贴设计……可以这样说有多少种需要就有多少种设计。
　　另外，商业设计与艺术设计很显然是存在的。
　　设计师设计是有目的的策划，平面设计是这些策划将要采取的形式之一，在平面设计中你需要用视觉元素来传播你的设想和计划，用文字和图形把信息传达给受众，让人们通过这些视觉元素了解你的设想和计划，这才是我们设计的定义。一个视觉作品的生存底线，应该看他是否具有感动他人的能量，是否顺利地传递出背后的信息，事实上她更象人际关系学，依靠魅力来征服对象，你的设计有抓住人心的魅力吗?是一见钟情式的还是水到渠成式的，你需要象一个温文尔雅的绅士还是一个不修边幅的叛逆之子，或是治学严谨的学者。
　　平面设计的历史从古老的拉斯考克山洞(Lascaux)开始，横跨到现代银座的眩目霓虹灯。在这段长远的历史中，以及二十世纪视觉传达的快速发展过程里，广告艺术、平面设计和美术之间偶尔会有界限模糊的情况。但这些项目彼此都共享同样的要素、理论、原则、应用方式和语言，有时候也分享相同的服务对象。在广告艺术中，最终的目标是要销售产品和服务。在视觉设计里，“重点是要将各种资讯整理成序，将不同的想法结合，表达并感受记录人类经验的人造物品”。
                    
　　* 一些数据
　　最近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下该如何设计?该走一条什么样的道路?盆地的看法如何?且听下回分解。