搞机播报:微信公众号代运营&代排版 // 搞机爱好者交流群开通啦(368706474)~搞机爱好者交流群

IOS与Android设计差别(视觉篇)

Android YounG煬 957浏览

1、功能栏

(1)状态栏(Status Bar)

iPhone的状态栏系统提供了3种样式,分别为浅色、深色、深色半透,高度固定。

Android的状态栏根据各个手机厂商自定义的ROM不同,会有多种样式,在MIUI中还可以根据主题不同也会变化。

(2)导航栏(Navigation Bar)

iPhone的导航栏高度固定,放置在界面顶部,导航栏中部一般放置标题,但也可以被用来放置其他内容,左侧一般放置导航或者其他按钮,右侧一般放置按钮。

Android的导航栏会根据情况不同而承担导航、操作栏(Acton Bar)、情景操作栏(Contextual Action Bars)的功能。

当承担导航功能时,出现的元素包含标题,左箭头(代表上一级),这些元素联合界面、系统返回键(硬返回键或软返回键)一起构成了导航。

当其承担操作栏功能是,出现的元素有操作图标(有时候是平面的纯文字,包括更多图标)、Spinners下拉菜单、选项卡等,如果操作栏图标过多,会在界面最下方提供另外一条操作栏。

情景操作栏的出现场景包括文本选择、内容的选择等,一般是通过对当前内容长按出现。此控件是Android 4.0,用来一定程度上代替长按的弹出菜单。

(3)工具栏(Tool Bar) vs 操作栏(Action Bar)

iPhone的工具栏高度固定,放置在界面底部,界面上一般放置图标或者按钮。

Android的当顶部操作栏空间不够无法放置更多按钮时,会出现在底部,但在有菜单键的手机上,会通过菜单弹出放不下的操作栏按钮。

另外,底部操作栏是在Android 4.0中引入的。

(4)标签栏

iPhone的标签栏放置在底部,样式固定。

Android的标签栏包括位置可变和固定的两种,在Android 2.x的系统中,还有图文并排的标签,在Google自身的应用中,就有多种标签风格。

在Android 4.0中的标签,基本上都是可以左右拖动切换标签的,也可以直接点击切换。

2、列表

(1)列表

iOS的列表包括普通的表格、带索引的表格、分组的表格。

Android的列表则也普通的表格、带分组的表格,有横线占满和不占满的区别,不占满的和iOS的分组表格比较类似。

(2)表格控件

在这些iOS的表格控件中:

1 Android的单选多选通过右侧的复选框和Radio Box来实现;

2 Android无展开指示符;

3 其他的“详情指示按钮、添加、删除”等操作,可以以下方类似Spinners的标记点击后通弹出操作列表来完成。

Android因为本身没有提供这样的表格控件,但因为有类似有需要的场合,所以即使是google官方的应用,也扩展出不少非标准的控件,比如表格空间中Google Doc右侧的按钮、Google Music右侧的Spinners等等。

(3)开关

iPhone中的开关只有一种样式。

则提供了类似iOS的开关、复选、单选 等开关。

3、动作列表与动作列表

(1)动作列表

iOS上的动作列表,Android中没有直接对应的元素,但有类似的元素

(2)对话框

这点主要是风格不同,作用比较类似。

另外Android 4.0之前,确定一般在左侧,Android 4.0中,确定变到了右侧。

(3)带文本输入的对话框

4、其他系统控件

(1)选择器

iPhone和Android分别提供了不同样式的选择器。

Android中的选择器不同ROM和不同系统版本风格不同。

(2)页面指示器

iPhone页面指示器在应用和主界面一致。

Android的页面指示器主要用于桌面页面的切换, 不同ROM和不同系统版本风格不同。

(3)滑块

iOS滑块一种风格,Android不同ROM和不同系统版本风格不同,两者大同小异。

(4)进度条

Android的进度条依然因为不同ROM和不同系统版本风格不同

(5)单选框和复选框

iOS的单选和复选都可以通过列表中的“对号”来处理,也有类似右图的样式。

Android的基本上是Radio Box和Checkbox的风格,当然,风格一如既往的和ROM以及系统版本号有关系。

5、系统特有控件

(1)Android特有控件

此处只列出了部分Android特有的控件。

左侧是Spinners,在iOS中没有直接原生对应的,但会有应用会尝试使用类似的,比如新浪微博的客户端有类似用法。

右侧是toast,会显示几秒钟消失,常用来做某些没有重要到直接通过对话框来程度的提示,此控件在iOS中也没有原生对应的,但一样会有应用尝试使用,比如不少应用的网络错误提示。

(2)IOS特有控件

分段控制器,是在Android中缺失的控件。

分段控制器在Android中没有太好的替代选择,google原生应用中会用标签栏或九宫格来一定程度上达到分段控制的作用。

(文:盆地观察)

关注搞机爱好者微信公众号

搞机爱好者微信公众号

转载请注明:搞机爱好者 » IOS与Android设计差别(视觉篇)