BeFor Web

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

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

切换控件具有以下特性：

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

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

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

按钮具有以下特性：

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

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

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

列表对象具有以下特性：

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

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

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

图片对象具有以下特性：

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

标签用来显示静态文字。

标签具有以下特性：

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

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

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

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

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

并排放置的按钮数量要控制好。当并排放置按钮时，使用图标来代替标题文案。一行不要放置3个以上，否则按钮的尺寸将会太小，很难被点到。

完整利用左右两个边缘之间的全部空间。Apple Watch的边缘斜面会在界面内容周围制造出可视的边距，所以你不需要再在内容与界面边缘之间添加留白了。不过要注意，硬件设备上的边缘斜面是无法在iOS模拟器当中呈现的。

使用相对位置来布局界面元素。同一套界面可能会在不同规格的Apple Watch上显示，所以使用相对位置来布局元素能令其根据需要而伸缩，使屏幕空间得到更合理的利用。

布局时优先使用左对齐。界面中的元素应该按照自上而下、自左向右的顺序排布。将元素以界面左边缘进行左对齐可以确保有足够的扩展空间来完整的展示内容。

文字按钮要使用全屏宽度。要将显示标题文字的按钮设计为全屏宽度，以确保标题文字能完整呈现。

通过情境菜单来呈现次级操作。不要将全部的功能按钮都放在界面当中默认展示出来，那些低频操作可以收到情境菜单当中。