链接

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

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

普通

是最常见和众所周知的用户模式。用于在文本、表格中视觉上区分元素,并作为导航的一部分。也用于错误页面和空状态。

主要

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

次要

与主要链接类似,当用户明显知道元素是交互式的,且目标是不分散用户对页面强调元素的注意力时使用此类型。通常用于面包屑导航或显示次要属性时。

状态

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

Frame 507123500.jpg

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

可用作:

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

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

Frame 507123501.jpg

尺寸

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

建议

链接文本即使在没有其余文本的情况下使用时也应该是不言自明的,并告诉用户链接指向何处(服务名称、标题或部分描述)

以前标签
下一步清单和清单项目