光标简介
发布网友
发布时间:2023-02-16 03:33
我来回答
共1个回答
热心网友
时间:2023-04-22 01:03
对于用户来说,能够看到他们的鼠标如何与界面交互是很重要的。这就是光标的用武之地。光标是视觉提示,不仅向用户显示鼠标的位置,还向用户显示他们如何与特定元素进行交互,包括选择文本、单击、拖动或滚动等内容。
用户在界面中可以做什么和不可以做什么的清晰指示提供了更有效的体验。有很多方法可以做到这一点,但最直接的方法之一是通过对不同类型的交互使用不同的光标。
了解哪些光标指示哪些类型的交互,并适当地使用它们,可以使您的界面对用户来说更直观。虽然使用自定义光标可能很诱人,但它们会干扰这些直观的交互。
光标 对于可用性至关重要,因为它们减少了用户如何与内容交互的歧义。它们是用户体验的重要指南。各种类型的光标为用户提供关于他们可以对界面中的元素做什么样的即时反馈。
箭头光标 就像您在界面中的另一个自我。他们唯一的任务是显示鼠标的位置并指出它们下方没有什么特别的。当用户没有将鼠标悬停在交互元素上时,箭头光标应该是默认状态。
您可能对 指针光标 很熟悉,但可能不知道它叫什么。它看起来像一只伸出食指(指向)的手。它在历史上只在悬停在链接上时使用,但现在经常用于任何可点击的元素,例如按钮。
指针光标是箭头之后最常用的光标,应始终用于指示交互元素。当用户将鼠标悬停在交互式元素上时,从箭头光标到指针光标的转换应该是立即的。
指针光标应该用于指示 UI 中的任何可点击元素。
当用户与元素交互时,向用户指示正在发生的事情是必不可少的。不知道发生了什么令人沮丧,并可能导致用户放弃他们之前尝试采取的行动。
防止这种情况的一种方法是使用 进度光标 。它可以防止用户怀疑他们刚刚采取的操作是否不起作用或只是需要时间来处理。理想情况下,用户应该能够在处理他们的操作时继续与页面交互。
移动光标 表示可以移动页面上的元素。 通常,当项目可以在页面上重新排列而不改变它们的任何其他属性时使用移动光标,例如在画布上移动对象或列表中的项目。
该 抢光标 类似于移动光标,但拖放项目将改变的不仅仅是它的位置等属性时,人们普遍使用。例如,将文件拖入拖放区以上传文件,或将对象拖入工具栏以创建快捷方式。
当用户需要精确定位光标的确切位置时(例如在 Sketch 或 Adobe Photoshop 等设计程序中), 应使用 十字准线光标 。它使完成精确操作变得更容易,因为十字光标比箭头更能显示光标点的确切位置。
如果需要选择或编辑文本元素,应通过切换到 文本光标 (也称为 I-Beam 光标)来完成。它的形状类似于大写字母“I”,用于突出显示、插入或更改文本。
您可能熟悉包含一个圆圈的街道标志,其中有一条线穿过它,表示不允许做某事。相同的视觉提示用于 不允许的光标 。
此光标通知用户元素已锁定或当前不可用。您应该向用户说明为什么不允许使用元素以避免混淆或负面情绪。