BeFor Web

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

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

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

切换控件具有以下特性：

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

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

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

按钮具有以下特性：

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

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

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

列表对象具有以下特性：

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

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

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

图片对象具有以下特性：

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

标签用来显示静态文字。

标签具有以下特性：

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

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

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

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

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