按钮开关的解析与分解

按钮是交互设计中常见的控件。虽然按钮看起来就是一个非常简单的用户界面元素,但它仍然至关重要。让按钮(开关)像按钮,如何让用户一眼就看出这玩意儿是个按钮?很简单。视觉样式提醒人们该元素是可点击的。在可点击元素上使用合适的视觉样式,让它们看起来像按钮很重要。

形状一个安全的做法是根据网页或应用的视觉风格,使用矩形或圆角矩形。从可视化界面伊始,按钮就使用矩形轮廓,因此用户对这样的按钮非常熟悉。

当然,你可以更有创意地使用其他形状,但要记住,独特的想法可能会有点冒险。你需要确保人们可以轻松地识别每个形状按钮(开关)。

无论按钮使用什么形状,请确保在整个界面中保持一致性,以便用户能够识别所有 UI 元素并将其当做按钮。

为什么一致性这么重要?因为用户会不自觉地产生意识,将特定形状的元素识别为『按钮』。因此,一致性不仅有助于创建出色的设计,还能为用户提供更为熟悉的体验。

下面完美地说明了这一点。在应用的中使用三种不同的形状,不仅让使用者感到困惑,而且也为违背了基本设计准则。

创新和实验没有什么错,但请保持一致

阴影和光泽

阴影是有价值的讯号。外部阴影使元素突出于背景,使其容易被识别为可点击的元素:突出的东西看起来可以被按下。即使是扁平化的按钮(开关)通常也有这些微妙细节。如果按钮投射出一个微妙的阴影,用户往往会明白这是可交互元素。

想要了解更多,请关注弘崧按钮官网:https://www.hosong.cn/