BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

Apple Watch界面设计规范

Apple Watch界面设计规范(21) - 菜单图标 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

情境菜单中的图标都是基于模板创建的,其中的图形样式是由alpha通道的形状决定的。图片文件中的颜色信息会被忽略。

图标的背景画布比图标当中的实际内容要大。图形四周的多余空间可以确保图标边缘与形状内容之间的框架足够清晰。

对于不同规格的Apple Watch,菜单图标的画布尺寸及图标内容尺寸见下表:

Apple Watch界面设计规范(20) - 图标与图片尺寸 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

每个应用都需要漂亮而独特的应用图标,使用户容易记住,便于辨识。在系统主屏当中,用户只能通过图标来识别应用,所以你的图标一定要易于记忆,与iOS版本的图标相似,并且要表达出应用的功能。

Apple Watch界面设计规范(19) - UI元素 - 菜单 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

在Apple Watch上使用按压手势可以唤出与当前界面相关的情境菜单。那些与当前界面内容相关的功能可以默认收起到情境菜单当中,平时无需占用界面空间。

Apple Watch界面设计规范(18) - UI元素 - 日期与计时器 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

日期与计时器控件是Apple Watch上的一种特定的标签(label),用来显示与时间相关的信息。

Apple Watch界面设计规范(17) - UI元素 - 地图 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

地图可以向用户传达地理位置信息。你可以在应用中通过地图来展示终点或POI(point-of-interest)位置。你的应用所展示的地图是静态截图,不具有交互性;点击该地图会打开Apple Watch的地图应用。

Apple Watch界面设计规范(16) - UI元素 - 滑块 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

用户可以通过滑块在一组互相分离的数值当中进行调整。点击滑块左右两侧的图标即可调整数值。

Apple Watch界面设计规范(15) - UI元素 - 切换  »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

切换控件用来呈现两个互斥的选项或状态。

切换控件具有以下特性:

  • 用于指示一个元素的二元状态
  • 要始终搭配标签使用

使用切换控件为用户提供一种在两个互斥选项当中做出选择的方式,例如“是”与“否”,“开”与“关”。

Apple Watch界面设计规范(14) - UI元素 - 按钮 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

按钮可以执行由应用定义的功能行为。

按钮具有以下特性:

  • 可以设置背景
  • 拥有圆角
  • 其中可以包含标签(label)或分组对象(group object)

你可以在程序中设置按钮的背景色或背景图片。

Apple Watch界面设计规范(13) - UI元素 - 列表(Tables) »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

列表会以单列的形式分行呈现数据。要使用列表来呈现那些会动态变化的数据内容。

列表对象具有以下特性:

  • 支持多行内容展示
  • 可滚动
  • 可以设置背景色或背景图片

Apple Watch界面设计规范(12) - UI元素 - 分组(Groups) »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

分组是一种用来布局界面内容的重要工具。对于其他界面元素来说,它扮演着容器的角色。分组本身不包含任何默认的内容,但是你可以为其设置背景色或背景图片。分组还具有一些例如位置、尺寸、边距等与界面布局相关的属性。

Pages