html hover效果手势,触控设备中Hover效果的互动设计

对于网页浏览者来说，按钮控件的变化可以说是再熟悉不过的一种机制了：一般使用鼠标浏览时最容易感受到的有Normal、Hover以及Archive这三种效果，分别为按钮平时的状态、鼠标游标移到上方的效果、以及点击按钮时的效果。

而另外还有一个我们称为Focus的效果，Focus主要是指使用键盘的Tab按键来“瞄准”网页上的控件时、被瞄准的那一个控件所显示的状态。

虽然现在鼠标已经是操作电脑时的主要设备，但在某些情况下，例如填写表单时，让使用者直接使用键盘的Tab来切换输入栏位，比不断的在鼠标与键盘之间来回操作要来得顺畅多了，因此在注重使用者体验的表单系统设计，都会特别注重输入框的Focus效果：

1、网页上最常见的互动效果：Hover

在网页中，Hover效果是常被应用的一种效果，除了可以有效的提供使用者“我现在鼠标准确地瞄准了这个按钮”、以及“这可能是一个可以互动的控件”的资讯以外，Hover效果还常常被用来提供许多额外资讯的一种方式。

例如：在Dribble的浏览上我们平常看到的都是作品的图片、而作品的名称以及描述等资讯则是设计在Hover的效果：