APP如何同时设计iOS和Android.docxVIP

APP如何同时设计iOS和Android

不管你是在家，在公司，还是在设计师工作室工作，互联网企业都会找你去给他们设计App。为了满足所有顾客的需要，这些企业通常需要同时开发运行在Android和iOS设备上的App。

在理想的情况下，我们希望能花上好几个月的时间来分别为两类设备设计一款App，但是实际上，我们没那么多的时间。就我所负责的项目而言，每次的时间都仅够我设计一个App。通常情况下，我们也都只设计一个App，然后在交给iOS和Android开发团队之前将它们做一些微调。要按照这种方式进行App设计，首先我们应当预先了解这两个平台之间的差异，这样你才能够使得你设计的App在这两个平台上的外观都能显得自然。

在设计开始之前

1.了解另外一种系统

你很可能有自己更加喜欢的一个系统，像我一直使用iPhone，所以我可能对iOS上的UI样式有更多的了解。在进行跨平台设计的时候，你应当首先去做的一件事是了解另外一个系统，当然最好的方式去新买一只手机，对于我来说，就是Android设备。

2.选择一个优先的平台

由于我们一次要对两个平台进行设计，在时间有限的情况下，你需要接受的一个事实就是——必须有一个平台需要优先设计。如何选择优先的

平台并不在于你的个人喜好，而是在于你设计的这款app的市场定位如何。你所处的环境中有更多人使用Android设备吗?它是收费App吗?你的目标受众是谁?问问自己这些问题有利于你决定哪一个平台应当是被优先满足的。

3.了解设计规范

阅读iOS和Android的设计规范。在过去，iOS被认为有着更加严格的设计规范，有时候为了让App能够上线AppStore，你需要走一个大约两周长的流程。而在Playstore里则不存在这样的审批流程。然而，恰恰由于App上线如此开放，Android平台上的App质量一直因为良莠不齐而饱受诟病，Google为此推出了MaterialDesign来试图解决这个问题。

对于Web设计者而言，他们早就熟悉了MD了

网上有很多免费而且好用的UIkit，你可以将它们用在你的项目中，你可以在这片文章的最后找到一些kit资源的下载链接，使用这些组件将会给你的App带来一些原生的感觉。但是即使你使用了这些UIkit，想要了解“什么时候应当做出区别以及什么时候两个平台应当保持一致”还是需要一些技巧的。在这里，我将向你分享一些我的经验。

设计你的APP

遵循这些步骤，你的App就能同时在iOS和Android保持完美!

1.总体的样式

从iOS7以后，Apple就一直在采用扁平化的设计模式，去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google的新MD设计规范有了一些更加细节的规定，通过一种叫“纸片”的方法来创造更多的层级关系。

2.实体按钮

Android有一个返回按钮，点击它可以返回上一个屏幕。

iPhone上则没有这样一个按钮，所以需要有一种方式能够让用户回到先前的屏幕。通常的解决方案是在屏幕的左上角放置一个返回键。

3.通用元素

两种平台之间的确存在着一些通用的元素，比如说状态栏和标题栏，它们会出现在每一屏的顶部。你不应当改变导航栏的高度，如果你想让App看起来更加原生的话。所以，我推荐你在设计的第一页就定义好标题栏的样式，然后在其他的屏幕上使用一个占位的方框来替代，这样能省下不少时间，但是你应当向程序员说明标题栏在不同的屏幕上都是一样的样式。

不同平台上的导航栏有一定的差别。在Android上文本是左对齐的，

然而iOS上是居中对齐的。在iOS上，很多企业都用它们的logo来替换首页标题栏中的文字，但是在Android设备上这不是一个好的主意。状态栏(显示你的网络、电量和时间信息)是系统组件，你不需要考虑设计它，只要确保它们不会对他人造成误解就好了。

4.导航

或许iOS和Android平台之间最大的区别就在于他们的导航样式了。Android上最主要的导航方式是抽屉菜单，Android用户们通常在这个菜单内进行跳转。而且在整个App中，这种体验是一贯的。Apple的导航样式更倾向于tabbar，它位于屏幕的底部，并且以一种很简单的方式实现上部内容的切换。当你设计App的结构的时候，你可以为不同的平台设计不同的导航样式。

5.要不要用卡片式?

在UI设计中，卡