设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
本文从搜索框结构分析、搜索框的常见类型和设计状态分析三个方面，帮你掌握搜索框设计。
可能很多人认为搜索设计很简单，但搜索前、中、后的体验大家有没有仔细考虑过呢？本文将介绍搜索设计需要了解的内容，以及在不同App和案例中的搜索体验。
看似简单的搜索设计，实则有很多你没注意到的细节可以探讨。本文分享了浏览器搜索设计过程中的9个建议，围绕这9个设计建议，可以展开很多具体的设计优化点。
小溜Epik：目前搜索功能是每个应用产品不可缺少一部分，同时也是用户经常光顾到的功能。一个好的搜索设计能够提高转化率，提升用户体验。
本文作者将从用户诉求、信息层级、界面表现三个层次上，试图对搜索和筛选两者的边界进行理清，并分别给出一些设计切入点。一、问题产生一次设计评审会上，作为设计师的我们和研发方针对「搜索和筛选到底是不是一回事？
洋洋Leony：搜索框是我们经常使用的组件，但是我们在设计时通常只是粗略地参考别家的搜索框并没有仔细去思考搜索框样式之间的差异性，本篇整理和分析了在默认状态下的搜索框该如何选择外观样式，希望对大家有所帮助。目录外框展示样式外框圆角大小默认内容的对齐方式一、外框展示样式这里一共整理搜集了5种，分别为：填充色线框投影透明度无外框1. 填充色最常用的外框使用方案，通常选用与页面背景颜色反差较大的颜色作为搜索框的填充色，方便用户查找与识别。
在我接触交互设计之前，我一直把搜索功能的设计看作「搜索框+提示词+删除icon+取消button」的设计，但其实看似简单的搜索框背后拥有十分复杂的场景，复杂的逻辑还有复杂的算法规则等。Peter Morville 有一本书《搜索模式》里面将搜索剖析得十分细，从搜索结构到行为模式到设计模式再到发现引擎都拆解开来一一讲解，不过偏 web端，而且有点复杂，建议阅读方法是只看目录，知道搜索功能设计有哪些要点，然后自己结合案例分析总结即可。
随着我们产品承载的内容越来越多，搜索功能在大多产品中都成了一个必不可少的功能。最初我们在看搜索框的时候，都会把它当作是一个常规的UI控件来对待，但随着我们对产品的用户体验越来越重视的情况下，搜索框在设计时还是有许多需要我们注意的地方。
无论网站或是App，搜索功能几乎成了标配，在其间占据着或轻或重的位置。一方面，搜索可以帮助用户节约时间、直达目的；另一方面，它也是用户主动表达意愿的一个窗口，可以帮助搜集用户需求、引导用户行为。
王M争：在之前的好几篇文章中，我都提到了设计师如果想完成自我提升，就应该懂产品。但是设计师如何去跨越那条“鸿沟”，学习站在产品的角度去构思设计，我却很少提及。
Jorri（译者）：618、双 11……有朋友说，买买买是 Ta 认识世界的方式。
编者按：资深设计师经常强调的「场景」是什么？今天@拉瓦像阿拉蕾 通过5个搜索的案例，带你认识场景的魅力。
彬彬：搜索几乎是现在所有网站，APP甚至操作系统的标配，不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道，起到了一个引导用户走向的重要作用。
一个好的搜索功能设计能够很好的帮助客户直达想要的地方，实现完美的用户体验，今天分享几个搜素框的设计技巧，希望可以給大家带来启发。你无法去卖一个用户找不到的产品。
@Mockplus原型设计 ：许多人可能认为搜索框不需要设计，毕竟这只是两个简单的元素。然而，在内容繁杂的网站中，搜索框通常是最常用的设计元素。
编者按：Nick Babich 的UI/UX系列文章是目前最实在的设计系列文章，设计规则、最佳实践和实战案例三者兼顾，颇为值得学习。今天的文章聊的是搜索结果页的设计，和上一篇《设计一个完美的搜索框，你需要注意这9个要素》结合起来看，风味更佳~搜索就像用户和系统之间的对话：用户将他们的信息需求提交上来查询，系统针对提交的信息进行检索，再从界面上给用户以反馈，呈现为一组结果。
搜索几乎是现在所有网站，APP甚至操作系统的标配，不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道，起到了一个引导用户走向的重要作用。
编者按：今天@励定洲 这篇译文开门见山，从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能，内附大量实例（想知道谷歌搜索有哪个交互不好吗），结合实践，深入浅出，帮你掌握在线搜索的这五个方面。可见性在UX领域，可见性是其根本概念之一：由物体的外形特征推导出其行为上潜在的可能。
网页中其实有个很重要的设计元素常常被大家忽视，呃！它就是搜索框！
最近看了觉醒年代，对比现在的情况发现文章格局小了，鸿蒙就像那个年代找出路的伟人，退一万步讲，就算失败，华为也值得敬佩
一个好的B端产品一定是经过长时间思考优化的结果，随意的拼接是可以使用，但却毫无体验感，体验感差到爆，B端设计不只是美化视觉，是美化视觉的同时优化用户的操作体验简化用户的操作体验。所以我认为，一个好的B端设计师就是要会给用户带来更好的操作体验
最近正好准备作品集了，看到这篇文章发现自己的作品集架构上面确实缺少了一些，比如说数据反馈。这个是我的作品集项目上都没有的，加上这些后会让自己的东西更有说服力！很棒！
视觉干货满满，又长进了一步，夸夸自己，收藏走起，哈哈
看到了一个完整项目的优化过程，主要是从提升获得感、提升吸引力、出发兴趣3个大点进行优化。通过前期的用户调研，把用户的需求拿捏的死死的，然后通过用户需求设计对应的方案。让用户获取想要的功能的更加方便，提升了探索乐趣，满足用户成就感、代入感和社交需求。
最近看了觉醒年代，对比现在的情况发现文章格局小了，鸿蒙就像那个年代找出路的伟人，退一万步讲，就算失败，华为也值得敬佩