搜索框的使用越来越完善。以前常见的搜索功能样式包括文本框和按钮,中间用空格隔开。
现在逐步发现搜索功能样式中去掉了文本框和按钮之间的空格,变化虽小,但好处不少。
去掉空格后,文本框和按钮更容易对齐。很多网站的搜索功能样式中文本框和按钮都没有对齐,以至经常产生以下情形:
上述情况好似两个磁铁同极相对,很难完美保持它们的尺寸、间隔和对齐[1]。最好是去掉文本框和按钮之间的空格,将两者连在一起,便于调整它们的尺寸、间隔和对齐方式。齐平式搜索框不仅去掉了文本框和按钮之间的空格,同时根除了两者之间的对齐事宜。不仅减轻了设计人员对齐文本框和按钮所耗的精力,还降低了他们出错的几率。
齐平式搜索框还能加强文本框和按钮之间的视觉联系。用户不用关注文本框和按钮之间的空格,一眼就能看出它们两个是一体的。如果想更进一步,还可以允许文本框和按钮之间有一字之隔[2]。
简化就是去除无用的,突出有用的,齐平式搜索框只是小试牛刀之作。齐平式搜索框的优点很多,除了好看,也便于使用[3]。
原文地址:https://uxmovement.com/forms/benefits-of-a-flush-search-box/
[1]原文:This situation is like holding two magnets with opposite poles together. It’s really hard to keep them sized, spaced and aligned perfectly.
[2]原文:If you want to take it even further, the flush alignment also allows your field an extra character space.
[3]原文:There are many benefits to a flush search box. It not only looks better, but it’s easier to get right.