网站表单交互设计，都应该向百度搜索框学习

网站制作中，比较难做的一个细节就是表单交互，比如网站常用的留言板，搜索，评论框等，都属于表单交互范畴。做的不好，使用起来就会非常的生硬，而做好了，就能给网站增色不少。

虽然，小编并不觉得百度的产品做的有多好，但他的搜索框作为比较重要的功能，做得相当不错，我们可以一起学习下：

一、按钮鼠标移入，蓝色变深

鼠标移入前，移入后，蓝色有一个加重的过程，不突兀，又有反应。是非常好的一个设计。这点细节做足了，交互就舒服一些。一般来讲，按钮变色有这几种：

1、背景色变深、变浅、反色、变成主题色

2、边框变深、变浅、反色、变成主题色

3、背景色和边框一起变

至于使用哪种变化，要结合网站的整体风格来定。

二、下拉框

百度的下拉框做的很不错，永易搜建站认为主要有两个看点：

1、下拉框的联想功能，这个当然是有强大的后台支撑，不多说。

2、下拉框整体下拉之后有个蓝色框，显得很协调

有的搜索，做个下拉框会比较突兀，他刚好用一个蓝色的边框把下拉框和搜索框，连在一起。用起来更舒服一些。

三、搜图功能，相机鼠标移入变色+tips注释

鼠标移入有变色，而且重要的是，还有一个提示，非常的人性化。这个设计充分考虑了一些不太知道此功能人的感受，是用户体验好的细节体现。

四、清除文字按钮，体贴周到

而且细心的话，鼠标放上去，还会有title提示“清空”二字。可谓是细节做的相当到位。