美文网首页
Android & ios UI guideline

Android & ios UI guideline

作者: 小high球 | 来源:发表于2019-07-18 10:56 被阅读0次

Android & ios在控件上的对比

1. structure

ios的interface essential中分了三个小类别,分别是Bars, Views, Controls,3个类别中的内容加起来一共有30个。

Android一共有26个相关交互控件,且无分类。虽然Android的控件没有分类,但是从内容顺序上我们可以看出,基本也是按照ios的顺序,先“导航”控件,其次“页面内容”控件,最后与“操控”控件相关。

其实无论在哪个系统都没有做不出来的交互方式。但是!如果熟练运用已有的控件完成设计,虽然可能减少了app的独特性,但是设计人员可根据经验快速出方案,减少后期layout调试;开发人员可直接调用component,使用者也易学易用。我认为一个商业产品在时间,开发周期,和预算中如何平衡产品设计,是一个很直接讨论的事情。那么如何利用现有资源也是一个长期学习的过程。

两个平台的component structure如下图

2. 平台大不同之“导航”

要说起这两个平台最大的不同,也最常用,最有热议的,那就应该算“导航”了。Android底部有全局导航(比如返回,home,option)。而Ios只有home,返回需要设计在app中。

这也是两个平台最让人容易混淆的地方,顶部bar & 底部bar

我认为两个平台都有的具有“导航”属性的,其实只有一个,那就是底部导航栏,如下图

底部还有一种bar,我认为不是导航而是“操作”属性,如下图

而关于顶部的操作(action bar),我更倾向于它的属性为“操作”而非“导航”,如下图

3. 搜索栏

相关文章

网友评论

      本文标题:Android & ios UI guideline

      本文链接:https://www.haomeiwen.com/subject/cbdklctx.html