<aside>
💡 在各种图形操作系统中,按钮控件是一种常见的用于交互的界面元素。按钮通常具有文本标签或图标,用户可以通过按压按钮来执行相应的操作。
</aside>
在黑暗模式下阅读,请按快捷键Control+Shift+L,或者CMD+Shift+L.

设计思路
和传统的2D界面的按钮不同,在Project Touch中,按钮是为了直接操作而设计的(而非借用类似鼠标指针或者激光指示器之类的媒介) ,所以在视觉以及反馈上应尽量模拟物理世界中的按钮。若想使按钮在直接操作中的拥有良好的体验,需做到以下几点:
- 如果使用带有控制器的设备,用户应该通过控制器直接触摸按钮,而非借助传统的激光指示器+扳机键的交互方式。这样做能使整个系统中的交互模态保持连贯一致,同时在未来过渡到全手势操作后,按钮可以仍然使用同一套交互方式。
- 如果可能的话,按钮应该对所有输入手势给与线性的动画反馈,不论用户是用指尖/手掌/或是拳去按压这个按钮。
- 因为当下的虚拟现实硬件的追踪精度有限,按钮具有相对较大的尺寸来增加可用性。
- 在视觉上,按钮应该拥有至少两个视觉层:
- 处在表面的层级用于提供随着按压一起变化的视觉反馈;
- 处在底部的层级用于隐喻动画的终点。
- 与系统中其他需要直接操作的元素同理,按钮需要具有圆润的外形——圆角矩形或圆形皆可。过于锋利的直角矩形会降低按钮对于一名用户的吸引度。
使用场景
大部分涉及到抽象概念的交互都可以使用按钮来表达。
- 收藏/喜爱/保存一个项目
- 添加/删除/喜爱好友
- 打开一个次级菜单
- 开/关某些特定的设置
注意事项

请不要:只使用一层视觉层级来表现一个按钮,这会让用户产生“该按钮可以无限地被按压下去”的错误印象,从而降低按钮的可用性。

请:至少使用两个视觉层级来表现一个按钮,使用表面的层级用来跟随用户按压的动作。