链接

一个具有导航功能的、可点击的元素。点击后,将用户带到内部或外部服务的另一个页面。较少情况下,会将用户导航到页面内的不同部分。

有三种类型:普通(强调色)、主要(黑色)和次要(灰色)。

普通

是最常见、最广为人知的用户模式。用于在文本、表格中以及作为导航的一部分来视觉区分元素。也用于错误页面和空状态。

主要

当用户明显知道某个元素是可交互的时使用,但强调色的链接会使界面视觉过载,破坏页面元素的平衡。

次要

与主要链接类似,当用户明显知道某个元素是可交互的,并且目标不是让用户从页面的重点元素中分心时使用。通常用于面包屑导航或显示次要属性时。

状态

链接始终有两种状态:默认和悬停。

Frame 507123500.jpg

如果需要,可以为已访问的链接启用标记。

可用作:

  • 独立元素
  • 文本的一部分

可以包含一个图标来指示外部链接

Frame 507123501.jpg

尺寸

链接使用的字体应与周围文本成比例,并与页面的整体层级结构保持一致。

建议

链接的文本即使在不与其余文本一起使用时也应具有自解释性,并告知用户链接指向何处(服务名称、标题或部分描述)。

上一页标签
下一页列表和列表项