有位客户拿着两个网站问：功能差不多，为什么右边这家用起来就是舒服？我把鼠标移到他的按钮上——左边那家按钮纹丝不动，右边那家的按钮轻轻变深、微微上浮。差别就在这零点三秒。网页设计制作做到后期，拼的往往不是大板块，而是这类不起眼的悬停反馈，专业上叫 hover 状态。
悬停反馈为什么值得做
鼠标悬上去的那一刻，访客处在“想点又没点”的犹豫瞬间。按钮颜色变一下、亮一下，等于告诉他：对，这里能点，你放心。别小看这个提示，导航、按钮、卡片链接全靠它降低操作顾虑。反过来，一个页面悬停毫无反应，访客会下意识怀疑这网站是不是个半成品。这跟实体店营业员在你伸手时递上一句“您看看这个”是一个道理，成本极低，体感差很多。
常见的几种悬停处理
按钮类最常用的是变色加轻微变亮，深色按钮悬停时再深一档，浅色的透一点阴影。卡片类链接适合整块轻抬两三像素加投影加深，像被轻轻托起来。图片可以缓慢放大一点，配合溢出裁切，有种探出头的立体感。导航菜单悬停展开下拉时，加个一百多毫秒的延迟再收起，能避免鼠标斜着划过时菜单闪烁。所有过渡时长建议落在零点二到零点四秒之间，快了生硬，慢了拖沓，零点三秒上下是最耐看的区间。
别把悬停做过头，也别忘了手机
两件事要提醒。一是网页设计制作的悬停效果只对鼠标有效，触屏设备上全部失效，所以任何只靠 hover 才出现的功能都是隐患——手机端该直接展示的按钮就直接展示，别藏在悬停里。二是别把悬停当炫技场，整块内容翻转、缩放抖动、闪烁变色，只会显得浮躁。悬停的最高境界是访客说不出哪里好，但用起来处处顺。
全站悬停状态一次查清
悬停反馈最怕漏做。很多项目首页做得很细，内页和列表页却原样出厂，访客从首页点进去，手感突然变糙。靠谱的做法是列一张状态清单：全站所有按钮、链接、卡片、图标按钮，各四种状态——默认、悬停、点击、已访问，逐个确认有定义。特别要查三类容易漏的地方：表单里的下拉选项、分页按钮、页脚的小链接。一张表半小时过完，全站的手感就统一了，这种功夫外人看不见，用的人都知道。
两句实在建议：验收网站时用鼠标把全站按钮、导航、卡片挨个划一遍，悬停没反应的地方列成清单让开发补齐；如果你们没人盯这类细节，可以交给比格网络这种把交互反馈写进验收项的团队，上线前逐条过一遍，比上线后返工省心得多。
