小小的搜索框，大大的网页设计难题

资料来源：网络整理时间：2023/3/22 9:34:08 共计：3596 浏览

　　今天我们的话题是网站制作网站建设时如何设计规划检索搜索框，可能有的小伙伴就会说了：“检索搜索框？不就是一个长方体输入框加上检索搜索按钮后放在网站页面右上角就可以了嘛！有什么好讲的。”当然啦，大多数网站站点的检索搜索框看似就是这样简单的模式，但是往往越是简单的东西越难设计规划好，设计规划检索搜索框要考虑到很多方面的因素，并不是套用同一个网站模版就可以的。

　　我们先从检索搜索框的尺寸先说起，虽然看似所有的检索搜索框都长得大同小异，但是只要仔细观察就可以发现不同网站站点检索搜索框的尺寸是不同的，有的很长，有的很短。一般来说，检索搜索框的尺寸要与用户使用者在这个网站站点习惯的输入长度相匹配。

　　举个例子，像CNN这种信息内容导向型的新闻资讯资讯网站站点和淘宝这种电子商务企业网站公司站点就会选择比较长的输入框，位置也会选择左上角，一方面是因为用户使用者一般会输入比较长的检索搜索信息内容，如果检索搜索框太短就会看不见前面的输入部分，另外一方面是因为检索搜索是这些网站站点的首要功能，左上角也是视觉注意力的黄金位置。

　　而像一些对检索搜索功能不太重视的网站站点就会选择短一点输入框，位置也会转到不那么显眼的右上角。

　　如果你是新站长不知道要设计规划多长，那么就先做一个可以容纳27 个字符的输入框，后面再慢慢根据用户使用者输入习惯调整输入框的尺寸。

　　接下来谈谈检索搜索框的位置，右上角和左上角是常见也是符合用户使用者习惯的两个位置，放在哪一边也是有讲究的。如果你的网站站点操作十分依赖检索搜索功能，那么你较好将你的检索搜索框的尺寸放大并放在网页页面的左上角（或者居中），这样可以让用户使用者一眼就看到。如果检索搜索功能不是很重要，那么你可以把它放在右上角，这也是符合用户使用者习惯但相对左上角来说聚焦能力弱一点的位置。

　　如果技术上允许，可以给检索搜索框增加添加两个功能。靠前个就是让检索搜索框能够跟随输入长度变长，这样可以避免用户使用者在输入大量信息内容时看不到前面信息内容的不便，又可以节省虚拟空间，让网站页面部署布局更加平衡。第二个功能就是让用户使用者可以通过回车键提交检索搜索，很多用户使用者都习惯用回车键触发检索搜索，这样设计规划就更加人性化了。

　　各位正在网站制作的新站长们，在设计规划检索搜索框时不要掉以轻心，任何细节点都有可能毁掉整个网站制作网站设计，一定要不断实践、不断发现问题并优化提升设计规划才能真正做好一个网站站点！网站站点检索搜索框也可以不用自己设计规划，那就是直接用华祥科技网站建设的站点网站的模版，网站站点也能快速搭建出来。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：建立网站你需要哪几步？ | ·下一条：个人网站的制作流程有哪些方面