Hover State (悬停状态)
悬停状态指当用户的鼠标光标置于元素上方时,该元素所呈现的视觉外观,用于提供反馈并指示其交互性。悬停状态对于按钮、链接及可点击元素至关重要——缺失它,用户将无法判断哪些元素可交互。需注意,触控设备上不存在悬停,因此请勿依赖此状态承载关键信息。
相关术语
光标
交互
显示鼠标在屏幕上位置的视觉指示器,通过改变形状来提示交互可能性。
拖拽
交互
用户通过点击并按住元素来移动位置的交互,常用于列表排序、滑块和绘图界面。
事件
交互
指可触发响应的用户操作或系统状态,例如点击、滚动、表单提交或页面加载。
Interaction
交互
交互是指用户与你界面互动的方式,包括点击、悬停、滚动和手势等,有助于改善 SEO 和页面描述清晰度。
Link (链接)
交互
Link 是用户点击后导航到其他页面、部分或资源的交互元素,对 SEO 及清晰的页面描述有帮助。
Pointer Events
交互
指针事件,一种CSS属性,用于控制元素是否响应鼠标或触摸交互,在需要点击穿透图层时非常有用。
平滑滚动 (Smooth Scroll)
交互
平滑滚动是一种带缓动效果的滚动方式,它使页面在跳转时而非瞬间切换,从而营造更流畅的浏览体验。
State
交互
组件或界面元素的当前状况,如默认、悬停、激活、加载或错误状态,对 SEO 和用户清晰度至关重要。
Anchor Link
交互
Anchor Link 即锚点链接,一种跳转到同一页面特定部分的超链接,通过目标元素上的 ID 属性进行识别。
热区 (Hotspot)
交互
热区是覆盖在设计稿上的隐形可点击区域,用于增加交互性,常用于原型设计的点击演示。
重要提示




















