推荐设备MORE

集团型企业网站建设—微信小

集团型企业网站建设—微信小

疑难问题

商品建网站商品优点-网页搜索框设计方案的4个小

日期:2021-04-23
我要分享

网站搜索框是我们经常使用的组件,但是关于搜索框的一些小常识我们却没有过多的了解。下面小凡要来介绍下在网站建设中关于搜索框设计有什么知识是我们知道的,但是从来不会注意到的。


1.填充颜色


我们经常看到的搜索框并不都是白色的填充框,线框的填充颜色和框内的颜色一般都是有差别的。我们比较常见的就是框内是白色的,但是线框是另外一种颜色,大部分的网站搜索框会根据主题去填充颜色,如下图所示。

网站建设

2.网站搜索框的外框设计


既然是搜索框,那就会有一个框形存在。在网站建设当中,搜索框常用的有两种形式,有外框和无外框。但是就算没有外框,我们也可以根据搜索图标找到搜索查找的位置。

网站搜索框外框设计

3.搜索框形状设计


网站搜索框的形状是多种多样的,有圆角矩形,直角矩形,还有胶囊状的。每一种性状都为网站建设带来不一样的视觉感受。对于规矩的矩形框,显得网站更加地整齐有序,使用胶囊状的设计为网站带来了活力,显得更年轻俏皮。

搜索框形状设计

4.搜索框在网站中的位置


常见的搜索框在网站上的位置就有两种,这里指的是在PC端网站上显示的位置。分别是居中和居右,这是根据用户的使用习惯做的网站设计,因为用户一般都是用右手点击鼠标操作。有些网站会选择居中设计搜索框是因为这样能够更加方便用户看到,而且也不会妨碍用户操作。

网站搜索框设计

以上就是关于网站建设当中搜索框设计的一些小常识,希望这些知识点能够帮助你将网站搜索框设计得更加贴合你的用户需求,让你的用户感受到你的每个网站设计元素都是用心做的。