如何让你的iOS与Android应用与众不同

712 查看

我们现在仍能看到很多的Android应用程序是直接从其他平台(即iOS)迁移过来的。这里有一些设计UI的简单方法,可以让你的Android应用看起来很地道。为了更容易找出区别,我会对一些模式(Android上的说法)和让Android和iOS不一样的构建模块并排进行比较。

注:我将使用Android术语。

操作栏

iOS

Android

01_actionbar_ios 01_actionbar_adr
  1. 返回前一页按钮
  2. 应用名称或者页面名称居中
  3. 操作按钮经常位于这里:编辑、删除等
  1. 向上插入符号。这不是后退按钮。导航到当前页面的上一级。
  2. 徽标
  3. 应用名称或者页面名称
  4. 操作按钮。多出的按钮在最右边

列表

iOS

Android

02_list_ios 02_list_adr
  1. 最显著的区别是:在Android中,屏幕右侧没有向右的插入符号。
  2. 条目的分节布局不一样。

取消/完成按钮

iOS

Android

03_yesno_ios
  1. 取消在左,完成在右,由页面名称分隔。
  1. 取消(非激活)在左,完成(激活)在右,由垂直分隔符分隔。

表单和搜索栏

iOS

Android

04_forms_ios 04_forms_adr
  1. 表单元素都是圆角。
  2. 搜索栏被包在一个圆角框里,通常为透明的。
  3. 选择列表与日期/时间选择器相同。
  1. 按钮和开关都是尖角。
  2. 搜索栏与文本域基本一样,一个前面带有搜索图标的单行。
  3. Android中有下列列表或者网页术语上的下列或者选择菜单。这种模式通常不用作日期/时间选择器。

对话框

iOS

Android

05_dialog_ios 05_dialog_adr
  1. 同样,iOS实现了圆角。
  1. Android的是尖角。头部和主体通过线条分开。

固定标签

iOS

Android

06_tab_ios 06_tab_adr
  1. 标签页看起来像一个分段的胶囊。
  2. 选中的条目背景颜色会变化。
  1. 标签页占用屏幕的整个水平宽度。
  2. 选中的条目下面有一个较粗的线条。

当然,这些不是iOS和Android所有的差异。我认为最明显的区别是Android中向上插入符和回退按钮的使用与iOS相反,iOS使用返回插入符按钮返回或向上到前一画面。

要了解Android中向上插入符和回退按钮的区别,请点击这里