一、这是什么
链接主要用于：
- 跳转其他页面、窗口；
- 触发某种操作的控件；
- 显示说明；
- 选择选项
链接由图标（可选），文字，经过状态，提示（可选）等要素组成。
常见类型包括：
二、设计要点
链接应能根据视觉外观识别，不需要鼠标移上/点击之后才能判断是否可点
如下图，各大搜索引擎的搜索结果页，都能一目了然地分辨出可点击的链接：
鼠标移上应有表示可点击的反馈（如下划线、文字颜色改变、鼠标变手型等）
目的是增强链接可点的提示，同时也帮助使用者更好识别将要点击的链接
不是链接的文字避免使用链接颜色
保证链接在各种状态下文字颜色的可读性
点击链接的结果可以预测
下图是windows中的一个反例，链接的描述过于模糊，难以预料点击后的结果：
不要增加“点击”“链接”等多余的文字
如下图，右侧的链接文字冗余，“点击此处”可以去掉，链接本身就包含“点击我可以xxx”的含义：
如果是图标+文字链接，图标应在文字之前，且点击图标和文字的效果应相同
不要使用仅有图标的链接，用户难以识别图标包含链接
避免将两个链接相邻放置，看上去像是一个链接
如下图，“UX”和“guidelines”是两个链接，容易引起误解：
如有必要，区分导航链接和操作链接，用名词描述导航链接，用动词描述操作链接
如下图来自虾米网的例子，点击“自定义个人主页”当前页面操作，点击“我收藏的精选集”跳转到相应页面：
链接被点击后，如不能即时响应，需提供正在处理的反馈提示
如下图，在Wordpress后台点击“保存草稿”后，按钮禁用，右侧有正在处理的图标提示：
对于导航链接，考虑是否需要区分已访问链接的颜色
一般而言，高级别的导航不区分链接是否已访问，除非需要在大量导航链接中帮助用户快速区分哪些已经访问过。
为链接添加有用的信息提示（infotip）而不是仅仅重复链接文字
如下图，google calendar中对日期链接的提示只是简单日期，并没有起到提供额外有用信息的作用：
三、讨论
与按钮相比，链接更适用于：
- 用作导航，去到另一个页面或窗口（向导窗口的上一步、下一步除外），按钮更常用于触发模态窗口以收集更多信息；
- 动作命令被包含在一段文字中；
- 被触发的动作并不是当前页面的主要操作；
- 命令属于菜单或一组链接的一部分；
- 描述命令的文字过长，影响按钮的视觉效果。
四、Check list
当在设计中使用到链接时，可以对照这个列表检查设计是否合理：
□ 是否应该使用链接而不是其他控件
□ 使用纯文字or纯图标or文字+图标？为什么
□ 链接中，图标是否在文字之前
□ 点击图标和点击文字效果是否一样
□ 链接外观看上去是否可点击
□ 鼠标移上时是否有可点击反馈
□ 点击链接的结果是否可以预测
□ 是否有线索帮助区分导航链接和操作链接
□ 按钮是否触发即时结果，如需等待是否有足够反馈
□ 是否需要区分未访问和已访问链接的颜色
□ 导航链接是否链接到了合适的位置，例如某段具体的内容而不是文章开头
□ 链接到外部网站的链接应该通过信息提示给出URL
————————- 去看看同一系列的纠结文章 ————————–
前言：学习交互设计的语言
