当前位置:首页 > 建站知识 > 详情
sousuo
sousuo

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

上传时间:2022-01-11            浏览次数:114

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

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

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

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

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

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

3、背景色和边框一起变

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

二、下拉框

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

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

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

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

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

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


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


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



发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们