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

视觉设计

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。如需转载,请注明译者及出处信息。

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

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

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

图片对象可以显示单张图片或由一组图片构成的动画。

图片对象具有以下特性:

  • 对象自身不呈现任何内容,只作为图片容器
  • 不支持用户交互
  • 可以为动画提供播放控制功能,包括开始和停止播放

Apple Watch界面设计规范(10) - UI元素 - 标签(Labels) »

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

标签用来显示静态文字。

标签具有以下特性:

  • 可以显示任意数量的静态文字
  • 不支持用户交互
  • 可以由程序来更新内容
  • 可以包括多行文字

Apple Watch界面设计规范(9) - 品牌 »

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

成功的品牌塑造不仅在于向应用当中放置与品牌相关的图形资源。优秀的应用应该将品牌形象与独特的界面外观及操作感整合起来,带给用户愉悦而印象深刻的体验。

你可以通过很多方式来塑造应用的品牌认知,例如图标、色彩、定制化按钮、定制化字体和文案等等。当你为应用设计图形元素的时候,不仅要使它们各自表现良好,同时还要使它们看上去彼此协调与统一,无论对于定制化元素还是系统标准控件来说都是如此。

Apple Watch界面设计规范(8) - 动效 »

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

漂亮而精妙的动效遍布于Apple Watch当中,将更具吸引力和动感的体验带给用户。恰当的动效能够:

  • 传达状态信息,提供反馈
  • 以可视化的方式让用户看到操作结果

Pages