Android差异设计和iPhone统一设计

核心提示：iPhone的title区很宽，因为title会有操作按钮，Android差异设计和iPhone统一设计(2)，同时利用title区域进行操作指引，title的左边经常是返回、编辑、设置之类的，就是标签栏和工具栏都不要，只要一些操作图标和menu支持，右边经常是新增、撰写、搜索之类的，让用户明确层级之间的关系

iPhone的title区很宽，因为title会有操作按钮，同时利用title区域进行操作指引，title的左边经常是返回、编辑、设置之类的，右边经常是新增、撰写、搜索之类的。让用户明确层级之间的关系。

工具栏一般在下面，以图标加文字的方式呈现出来。

Android和iPhone要做统一设计还是差异设计？" src="http://tech.cncms.com/tech/UploadPic/2010910/2010910191539298.PNG" width="256" height="384" border="0" onload="return imgzoom(this,550);" style="cursor:pointer;" onclick="javascript:window.open(this.src);"/>   Android和iPhone要做统一设计还是差异设计？" src="http://tech.cncms.com/tech/UploadPic/2010910/2010910191539665.jpg" width="256" height="384" border="0" onload="return imgzoom(this,550);" style="cursor:pointer;" onclick="javascript:window.open(this.src);"/>

6、硬件交互

Android和iPhone都可以通过传感器实现一些交互，比如摇晃手机刷新页面。

二、可否把iPhone的交互逻辑沿用到Android上?

1、title区的操作按钮

这个是可以移植的，虽然用户一开始会觉得比较“苹果”，但是逻辑上是没有问题的。不过作为优秀的设计师，在iPhone上都会设计的比较有风格，在 Android上更不会模仿一个别的平台的风格。这么做无非是为了统一设计风格或者一种快速覆盖的过渡方案罢了。我们可以看到，Android上已经有一些软件是采用iPhone上的交互逻辑了，比如Android平台上腾讯微博客户端和开心网客户端：

Android和iPhone要做统一设计还是差异设计？" src="http://tech.cncms.com/tech/UploadPic/2010910/2010910191539617.jpg" width="256" height="384" border="0" onload="return imgzoom(this,550);" style="cursor:pointer;" onclick="javascript:window.open(this.src);"/>   Android和iPhone要做统一设计还是差异设计？" src="http://tech.cncms.com/tech/UploadPic/2010910/2010910191539492.jpg" width="256" height="384" border="0" onload="return imgzoom(this,550);" style="cursor:pointer;" onclick="javascript:window.open(this.src);"/>

2、标签栏和工具栏

Android原本的设计思路是由于手机下端有物理按键，所以把标签栏放在软件界面的最上端，操作放在menu里，但是由于一些软件的操作实在是使用的比较频繁，所以不得不拿出来放在下边的工具栏里，上边的标题栏和下边的工具栏同时存在比较占空间，于是又通过整合把tab和bar整合到一起放在最下面，也是可行的，如上图的新浪微博客户端。

当然也有极简化的设计，就是标签栏和工具栏都不要，只要一些操作图标和menu支持，如下图的两个Android平台上的twitter客户端。

Android和iPhone要做统一设计还是差异设计？" src="http://tech.cncms.com/tech/UploadPic/2010910/2010910191539783.jpg" width="256" height="384" border="0" onload="return imgzoom(this,550);" style="cursor:pointer;" onclick="javascript:window.open(this.src);"/>