静态创意和动态创意_通过访问的链接发挥创意

静态创意和动态创意

许多Web开发人员本能地通过在单个语句中声明链接和被访问链接的样式来开始新的样式表：


a:link, a:visited {
/* rules here */
}

这样做避免了为访问的链接选择微妙不同（但同时在视觉上明显）的颜色的棘手问题，而且还消除了所有现代浏览器中嵌入的重要可用性功能。 如果您的站点超过几个页面，则允许用户快速查看他们是否访问了链接可以真正帮助他们导航您的站点。

每个人都讨厌讨厌的可用性专家Jakob Nielsen在这个问题上写了很多文章。 更改访问链接的颜色和可视化链接准则是他关于该主题的最新文章。 如果由于在网站上完全缺乏设计敏感性而使Jakob的建议很难被接受，那么您可能会喜欢Design By Fire的可用性家伙的Design Eye ，它重新制作了可视化链接准则并显示了多少好的设计可以提高可用性。

人们经常忘记的是，除了简单地使用颜色之外，还有其他方法可以区分访问的链接。 我在另一个博客上有一个侧链接集合，我称之为“ 博客标记”，它使用以下CSS声明显示访问过的链接，并在其中显示一行。 对于一般站点导航而言，这是个坏主意，但在更专业的领域中效果很好：


ul#bmarks a:visited {
text-decoration: line-through;
}

不过，对于真正有创意的替代方法，西蒙·科里森（Simon Collison）的“ 勾号”技术无可厚非 。 Simon在块级链接元素上使用背景图像在已访问的链接旁边显示图形“刻度”，并扩展了该想法以提供整洁的悬停效果。 到目前为止，背景图片是CSS设计师可用的最强大的视觉设计工具，很高兴看到它们以越来越创新的方式被使用。

翻译自: https://www.sitepoint.com/getting-creative-with-visited-links/

静态创意和动态创意