(翻译)齐平式搜索框的优点

  搜索框的使用越来越完善。以前常见的搜索功能样式包括文本框和按钮,中间用空格隔开。
  现在逐步发现搜索功能样式中去掉了文本框和按钮之间的空格,变化虽小,但好处不少。
  去掉空格后,文本框和按钮更容易对齐。很多网站的搜索功能样式中文本框和按钮都没有对齐,以至经常产生以下情形:
在这里插入图片描述
  上述情况好似两个磁铁同极相对,很难完美保持它们的尺寸、间隔和对齐[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.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值