- 1、本文档共15页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
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设计中,卡
文档评论(0)