链接Link
按钮与基础样式点击后前往另一个页面或位置
链接把用户带到另一个页面、页面内的位置或下载资源。文字要能看出可以点击,并为键盘操作保留清楚的聚焦状态;保存、提交等动作应交给按钮 Button。
什么时候用
- 页面之间跳转:去详情页、去设置页已有账号?直接登录,查看使用文档了解更多。
- 正文里引用资料:协议、文档,不打断阅读节奏我已阅读并同意《用户协议》
- 次级入口:列表末尾的“查看详情 →”查看详情 →
- 跳到外部网站:加 ↗ 告诉别人会离开本站部署遇到问题?去看官方文档 ↗,回来接着操作。
什么时候不用
- 要执行动作(提交、删除、保存)→ 用 按钮 Buttonyou@example.com••••••••登录注册
- 整段文字都做成链接,点击目标糊成一片本周我们上线了三个新功能,包括全新的数据看板、支持自定义筛选的报表系统,以及重新设计的成员权限管理页面
- 文案只写“点击这里”,不说点了去哪想了解定价方案,点击这里;想看客户案例,点击这里。
- 做成和普通文字一样,没人发现它能点新版本已发布,更新日志里列出了全部改动。“更新日志”其实能点,但没人看得出来
组成结构 · Anatomy
1链接本体Link整段可点击区域,要通过文字样式、悬停和焦点状态让人看得出可以打开
2链接文字Anchor Text说清楚点了去哪,别写“点击这里”
3外部图标External Icon可选,↗ 表示会离开本站
常见变体 · Variants
典型使用场景