|
合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡，就需要做一些特殊的处理。
实例一：一张图配一个链接。
常规的做法有以下几种：
第一种是最常规的，只有链接可点，但整张图不可点，点起来还蛮累的。
第二种是把整张图作为一个链接，链接响应区域是够大，但其实那个链接就比较尴尬，不够优雅。
第三种是弄两链接，文本链接之外，图本身再配个链接。这个比以上两种都好一些，但仍然不够理想，因为两个链接的交互一致性不够，用户对点图和点链接是不是去同一个地方会存在疑虑。
这样或许会优雅一些：
图片可点，鼠标移入图片上，鼠标变手型的同时文本链接变为hover状态。这样即有足够的链接响应区域，又有很好的交互一致性，暗示用户点图和点链接去的是同一个地方，如图所示：
前端代码角度上，就是把链接a标签包住整个图，那段文字用其他标签表示，比如span，再定义a的hover状态下，把span变成链接色，并加上下划线，来模拟hover效果。
实例二，可链接的标题配一段对标题的详细描述。
出处：口碑网UED Team
责任编辑：bluehearts
上一页 下一页 优雅地扩大链接响应区域 [2]
|
第 1 页 优雅地扩大链接响应区域 [1]
第 2 页 
