注意图片链接的留白
作者：郑凯
正如上图所示，一个好的图片链接应该在应该在再加上一圈留白，这样才会按的很舒服。但有些内容派的网页制作者们会竭力缩小图片的体积，结果把图片缩减到浅灰色边框所示的大小（而且这几乎是顺手而来，起码我在 Fireworks 里按 Ctrl + Alt + T 或 F 就是剪切到最小尺寸），这节省了微乎其微的空间和传输量，却非常影响使用。用户可能需要点的很准才可以，很费劲，就如同把洗衣机上的按钮做的和计算器上的一般小。
最过分的反例经常出现在新手的 Flash 里，你的鼠标停在灰框上都不可以，必须是点在真正的“字”上（估计是 Flash 里这组字是一个 obj，就直接给这个 obj 定义悬停和点击的事件了，聪明的方法应该是再做一个比字大上几圈的透明图片盖在文字上，然后在透明图片上做文章）
这显示了你的 UI 是否设计的足够聪明，聪明的意思就是在不至于产生误解（点错）的情况下尽可能的猜测用户想干什么（点哪个链接）。因此在链接很少的首页上，选择合适的链接图片后，还要尽量把冗余的空白边界做的大些。另外别忘了一定还要有鼠标悬停的 JS 事件，及时响应用户。
这方面堪称典范的是游戏《StarCraft》（没玩过？真是太遗憾了），他的菜单做的非常华丽新颖，其实又没耗什么资源。比方说在选择种族的那个界面，整个画面几乎被三个主要链接（本质上是链接或者按钮，虽然看起来是三个大图片，伪装的很好）覆盖了 60%，让即使刚用电脑的人也可以轻松的点中，感觉就像拿起一个有防滑橡胶柄的改锥，非常轻松。
在使用链接时的最破坏美感的东西就是那些虚线，我一般用这么一个 js 来去掉所有的链接虚线。
function initialization() {
for(var i in document.all){
document.all[i].hideFocus = true;
}
}
单个来可以，把 <a href="" 标签里再加上一个 hidefocus="true"（事实上也可以用在别的地方，比方说 checkbox），但是这个属性只有 IE 支持，而且这种写法也很别扭（完全应该是放到 CSS 里的东西）