HyperLink 文字链接
通常用于不够展示的内容里,链接文字进行跳转。
构成
1: 文字
必有,简洁清晰准确的传达链接的内容
1: 文字
必有,简洁清晰准确的传达链接的内容
2: 下划线
必有,明确可点击性
1
Hyperlink
1
2
Hyperlink
变体/类型
Primary 减弱(降噪)文字链
Hyperlink
Accent 基础文字链:
Hyperlink
使用场景
样式类型
目标
建议适用场景
风险提示强度
Primary
明确可点击性,降低认知成本
降噪
《用户协议》《隐私政策》链接
同级页面超过三个以上Link
低
Accent
保持界面简洁,减少视觉干扰
高频操作引导:如交易、资产管理、登录注册
中
类型说明:
Primary
明确可点击性,降低认知成本降噪
Accent
保持界面简洁,减少视觉干扰
合适不使用:
若在当前页面触发操作或改变状态,应使用按钮组件,不使用链接组件。
判断逻辑:
该链接是否涉及法律/资金风险? → 是:Hyperlink
用户是否需要快速发现并操作它? → 是:Hyperlink
是否在核心流程路径上? → 是:Hyperlink
同级页面是否超过3个Link? → 是:Hyperlink
交互
Hyperlink
Default
默认状态
Hyperlink
hover
用户鼠标移动在hyperlink 热区
Hyperlink
Disable
表示当前不可交互或不可用的选项
RTL
Hyperlink
LTR
رابط تشعبي
RTL
用法
I have read and agree to the User Agreement, DEX+ User Agreement and Privacy Policy
MEXC exchange account & DEX+ account will be opened soon
正确
I have read and agree to the User Agreement, DEX+ User Agreement and Privacy Policy
MEXC exchange account & DEX+ account will be opened soon
错误
嵌链接用于句子或文本段落中,默认为Primary ,有助于与旁边的文字区分,并使用户清晰的与之进行交互。
邮箱验证码
请输入邮箱 yanci.z@mexc.com 的 6 位验证码,有效期为15分钟
9
5
5
2
6
56s 后重新获取验证码
确定
切换另一个验证选项
未收到验证码
安全项丢失?
正确
邮箱验证码
请输入邮箱 yanci.z@mexc.com 的 6 位验证码,有效期为15分钟
9
5
5
2
6
56s 后重新获取验证码
确定
切换另一个验证选项
未收到验证码
安全项丢失?
错误
核心流程路径上,并且需要快速操作它使用Accent,品牌色禁止加下划线
文字链接
超链接
链接文本
可点击链接
URL链接