链接Link

你可能会说

这段文字要能让人点,点了跳到另一个页面。

链接是带用户前往另一个页面、页内位置或资源地址的可点击文本或元素例如“查看订单详情”可打开详情页,“下载发票”可取得文件。链接不应用来提交或保存数据;这类动作应使用按钮。
把提示词写好的三个习惯

上手之前,建议先翻一遍组件图鉴,遇到不认识的术语随时查官方文档 ↗,再回到本教程继续。

阅读全文 →

什么时候用

  • 页面之间跳转:去详情页、去设置页
    已有账号?直接登录,查看使用文档了解更多。
  • 正文里引用资料:协议、文档,不打断阅读节奏
    我已阅读并同意《用户协议》
  • 次级入口:列表末尾的“查看详情 →”
    查看详情 →
  • 跳到外部网站:加 ↗ 告诉别人会离开本站
    部署遇到问题?去看官方文档 ↗,回来接着操作。

什么时候不用

  • 需要执行操作,如提交、删除、保存:使用 按钮 Button
    you@example.com••••••••
    登录注册
  • 整段文字都做成链接,点击范围过大且链接目的不清楚
    本周我们上线了三个新功能,包括全新的数据看板、支持自定义筛选的报表系统,以及重新设计的成员权限管理页面
  • 文案只写“点击这里”,不说点了去哪
    想了解定价方案,点击这里;想看客户案例,点击这里
  • 做成和普通文字一样,用户难以辨认它可以点击
    新版本已发布,更新日志里列出了全部改动。“更新日志”缺少可点击样式,入口难以辨认
组成结构 · Anatomy
整段可点击区域,要通过文字样式、悬停和焦点状态让人看得出可以打开
说清楚点了去哪,别写“点击这里”
可选,↗ 表示会离开本站
常见变体 · Variants
内联链接Inline
详情见帮助文档
正文中间跳资料,不打断阅读
独立链接Standalone
单独一行做次级入口,如查看全部
外部链接External
会跳到站外时用它,记得带 ↗
弱链接Subtle
收起、换一批这类不重要的跳转
典型使用场景
文章正文引用
把提示词写好的三个习惯
上手之前,建议先翻一遍组件图鉴,遇到不认识的术语随时查官方文档 ↗,再回到本教程继续,边学边练效果最好。
阅读全文 →
“查看详情”入口
官网改版设计稿
林小hu 更新于 2 小时前
查看详情 →
支付流程走查报告
陈小机 更新于昨天
查看详情 →
新手引导埋点方案
林小hu 更新于 3 天前
查看详情 →
登录 / 注册互跳
登录账号
忘记密码 还没有账号?立即注册
外部文档跳转
部署失败:构建超时
第 3 步「安装依赖」超过 10 分钟被中断。建议按构建优化指南 ↗开启缓存,或去官方社区 ↗发帖求助。
延伸阅读 · 权威出处