<aside> 💡 在各种图形操作系统中,按钮控件是一种常见的用于交互的界面元素。按钮通常具有文本标签或图标,用户可以通过按压按钮来执行相应的操作。

</aside>

在黑暗模式下阅读,请按快捷键Control+Shift+L,或者CMD+Shift+L.


Untitled

设计思路

和传统的2D界面的按钮不同,在Project Touch中,按钮是为了直接操作而设计的(而非借用类似鼠标指针或者激光指示器之类的媒介) ,所以在视觉以及反馈上应尽量模拟物理世界中的按钮。若想使按钮在直接操作中的拥有良好的体验,需做到以下几点:


使用场景

大部分涉及到抽象概念的交互都可以使用按钮来表达。


注意事项

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

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

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

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