菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
搜索框设计 话题
首页
设计文章
搜索框设计
图库
收录35篇文章
设计思路
收录38篇文章
微信
收录34篇文章
优设网讲座
收录32篇文章
纹理
收录34篇文章
交互
1.5w
7000字干货！帮你全方位掌握搜索功能设计
本文总结梳理了搜索功能，从搜索方式、元素，到搜索流程，再到搜索过渡，都进行了阐述。
2021/07/27
土拨鼠
交互设计
UI
1.6w
从结构、类型和状态3个方面，帮你掌握搜索框设计
本文从搜索框结构分析、搜索框的常见类型和设计状态分析三个方面，帮你掌握搜索框设计。
2021/04/15
土拨鼠
ui设计
UI
1.4w
从这3个方面，帮你大幅度提升用户的搜索体验
可能很多人认为搜索设计很简单，但搜索前、中、后的体验大家有没有仔细考虑过呢？本文将介绍搜索设计需要了解的内容，以及在不同App和案例中的搜索体验。
2020-09-03
土拨鼠
搜索
UI
1.1w
如何做好浏览器搜索设计？我总结了这9个建议
看似简单的搜索设计，实则有很多你没注意到的细节可以探讨。本文分享了浏览器搜索设计过程中的9个建议，围绕这9个设计建议，可以展开很多具体的设计优化点。
2020-07-24
土拨鼠
搜索框设计
教程
1.7w
如何设计移动端搜索？来看我总结的这四个部分！
小溜Epik：目前搜索功能是每个应用产品不可缺少一部分，同时也是用户经常光顾到的功能。一个好的搜索设计能够提高转化率，提升用户体验。下面我们来看看搜索设计的一些套路。
2018-10-21
程远
搜索方式
教程
2.2w
搜索和筛选有什么区别？来看顺丰UED 的总结！
本文作者将从用户诉求、信息层级、界面表现三个层次上，试图对搜索和筛选两者的边界进行理清，并分别给出一些设计切入点。一、问题产生一次设计评审会上，作为设计师的我们和研发方针对「搜索和筛选到底是不是一回事？」这一问题产生了认知差异。
2018-09-28
程远
搜索技巧
教程
2.0w
如何搞定搜索框的视觉设计？来看这篇总结！
洋洋Leony：搜索框是我们经常使用的组件，但是我们在设计时通常只是粗略地参考别家的搜索框并没有仔细去思考搜索框样式之间的差异性，本篇整理和分析了在默认状态下的搜索框该如何选择外观样式，希望对大家有所帮助。目录外框展示样式外框圆角大小默认内容的对齐方式一、外框展示样式这里一共整理搜集了5种，分别为：填充色线框投影透明度无外框1. 填充色最常用的外框使用方案，通常选用与页面背景颜色反差较大的颜色作为搜索框的填充色，方便用户查找与识别。（例如：彩色页面背景下使用白色为填充色，白色页面背景使用浅灰色作为搜...
2018-08-22
程远
搜索框
教程
1.7w
交互基础小课堂！移动端「搜索功能」设计超全面总结！
在我接触交互设计之前，我一直把搜索功能的设计看作「搜索框+提示词+删除icon+取消button」的设计，但其实看似简单的搜索框背后拥有十分复杂的场景，复杂的逻辑还有复杂的算法规则等。Peter Morville 有一本书《搜索模式》里面将搜索剖析得十分细，从搜索结构到行为模式到设计模式再到发现引擎都拆解开来一一讲解，不过偏 web端，而且有点复杂，建议阅读方法是只看目录，知道搜索功能设计有哪些要点，然后自己结合案例分析总结即可。这篇文章主要还是介绍移动端的搜索功能设计，根据用户对搜索框的使用场景，...
2018-07-08
程远
搜索
产品
1.0w
如何做好一个搜索体验流程？看这篇超全面的总结！
随着我们产品承载的内容越来越多，搜索功能在大多产品中都成了一个必不可少的功能。最初我们在看搜索框的时候，都会把它当作是一个常规的UI控件来对待，但随着我们对产品的用户体验越来越重视的情况下，搜索框在设计时还是有许多需要我们注意的地方。不管用户带着什么目的去使用搜索功能，其使用行为都是点击搜索框，弹出搜索中间页，输入搜索内容，最后查看结果页。
2018-01-04
程远
搜索框设计
教程
2.0w
如何让搜索框的体验更好？我总结了这些设计套路！
无论网站或是App，搜索功能几乎成了标配，在其间占据着或轻或重的位置。一方面，搜索可以帮助用户节约时间、直达目的；另一方面，它也是用户主动表达意愿的一个窗口，可以帮助搜集用户需求、引导用户行为。在不同业务类型、不同场景下，搜索的定位和形式可能大不相同，有没有一种通用的思路，可以cover住各类搜索的体验设计呢？
2017-12-31
程远
搜索框设计
教程
1.4w
这篇搜索功能设计的总结，帮你从产品的角度看问题
王M争：在之前的好几篇文章中，我都提到了设计师如果想完成自我提升，就应该懂产品。但是设计师如何去跨越那条“鸿沟”，学习站在产品的角度去构思设计，我却很少提及。不是我高冷，故意卖关子，因为我也不是很懂，所以也不敢乱说。
2017-11-04
程远
产品思维
教程
1.0w
淘宝京东这10个搜索细节，你最喜欢哪个？
Jorri（译者）：618、双 11……有朋友说，买买买是 Ta 认识世界的方式。现在无论是电子产品还是生鲜食品，你都能上网买。
2017-09-08
程远
ui设计
教程
1.1w
资深交互设计师经常强调的「场景」到底是什么？
编者按：资深设计师经常强调的「场景」是什么？今天@拉瓦像阿拉蕾 通过5个搜索的案例，带你认识场景的魅力。在toB类的系统设计中，表格页面应该是比较常用的用于展示数据信息的方式之一了。
2017-08-29
程远
交互设计
教程
1.4w
看似一模一样的搜索框，在设计师眼里有这么多细节！
彬彬：搜索几乎是现在所有网站，APP甚至操作系统的标配，不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道，起到了一个引导用户走向的重要作用。在不同的系统，不同用途的网站上搜索呈现的方式都有所不同。
2017-08-06
程远
搜索框设计
UI
1.2w
深入浅出！5个方面解析移动端电商的搜索框设计
一个好的搜索功能设计能够很好的帮助客户直达想要的地方，实现完美的用户体验，今天分享几个搜素框的设计技巧，希望可以給大家带来启发。你无法去卖一个用户找不到的产品。搜索是用户最基本的行为，也是构建一个可盈利的app或网站的重要元素。
2017-08-02
程远
搜索框设计
教程
1.3w
交互设计基本功！聊聊搜索框设计的8个技巧
@Mockplus原型设计 ：许多人可能认为搜索框不需要设计，毕竟这只是两个简单的元素。然而，在内容繁杂的网站中，搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时，他们会立即寻找搜索框，已达到最终目的。
2017-06-27
程远
搜索框
产品
1.3w
这10个关键点，让你的搜索结果页看起来足够专业
编者按：Nick Babich 的UI/UX系列文章是目前最实在的设计系列文章，设计规则、最佳实践和实战案例三者兼顾，颇为值得学习。今天的文章聊的是搜索结果页的设计，和上一篇《设计一个完美的搜索框，你需要注意这9个要素》结合起来看，风味更佳~搜索就像用户和系统之间的对话：用户将他们的信息需求提交上来查询，系统针对提交的信息进行检索，再从界面上给用户以反馈，呈现为一组结果。所以，搜索结果页是搜索的最重要的组成部分之一，它满足了用户对于特定信息的需求。
2017-03-05
陈子木
搜索
UI
1.4w
实例分析！聊聊UI界面中搜索入口的设计
搜索几乎是现在所有网站，APP甚至操作系统的标配，不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道，起到了一个引导用户走向的重要作用。在不同的系统，不同用途的网站上搜索呈现的方式都有所不同。
2016-11-01
程远
ui设计
教程
2.1w
专业干货！一个特别好用的搜索框必须考虑的五个方面
编者按：今天@励定洲 这篇译文开门见山，从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能，内附大量实例（想知道谷歌搜索有哪个交互不好吗），结合实践，深入浅出，帮你掌握在线搜索的这五个方面。可见性在UX领域，可见性是其根本概念之一：由物体的外形特征推导出其行为上潜在的可能。比如大门上的推板意味着门是可以推的；把手则说明门是可以拉的。
2015-10-04
程远
ui设计
下载
3.3w
30有吸引力的搜索框设计PSD免费下载
网页中其实有个很重要的设计元素常常被大家忽视，呃！它就是搜索框！别看一个搜索框就是一个小盒子、一个小方框！
2013-04-12
Roc 优设
ui设计
没有更多文章了
大家都在看
UI
文章 142
立即查看
psd下载
文章 133
立即查看
干货大合集
文章 164
立即查看
优秀网页设计
文章 582
立即查看
用户体验
文章 824
立即查看
AI教程
文章 123
立即查看
入门
文章 162
立即查看
设计师专访
文章 147
立即查看
设计圈干货
文章 188
立即查看
优设读报
2022年01月29日 星期六
01
苹果为黑人历史月推出 Apple Watch 新表盘和新表带
02
微信 iOS 8.0.18 正式版新内容公开：朋友圈支持发布 20 张照片
03
2022 全球品牌价值 500 强发布：微信蝉联「全球最强品牌」
04
吉卜力主题公园将于今年 11 月 1 日开园
05
MEDICOM TOY 联合空山基推出钢铁侠雕塑
查看全部
手机摄影
掌握拍摄窍门去朋友圈收赞
查看专题
专题
已有34.5w位观众
已收录
12
篇持续更新
专业摄影师：如何用手机创作一组高质量的朋友圈组照？
39566 人阅读
高手带你读经典！我从《纽摄》获得的30条手机摄影启示
13910 人阅读
细节
在「支付宝」购买电影票还有这么贴心的提醒功能？
在「支付宝」的「淘票票电影服务号」里购买电影票后，开映前半小时会弹出视觉为电影票形式的提示框，提醒用户放映时间、取票信息以及该电影是否有彩蛋。方便用户及时取票与合理安排观影时间，帮助用户规避忘记放映时间或者错过片尾彩蛋的情况发生。
2021/02/20
AmberDu小白
人性化
设计话题
全部话题
接私单应该怎么报价，有没有懂行的来说说？
邀请你来回答
年底发现钱包缩水了好多，想多接点私单回家过年。之前大多是朋友介绍，没有规范的报价标准，自己也不太懂，有没有懂行的来说说。
我来回答
优设琅琊榜
查看全部
3.3w
1/9
会理发的阿里插画师！正用喜好重绘世界
🎨嘣嚓嚓💈
会理发的插画师，想当一个rapper
设计神器
全部神器
腾讯设计师私藏的11 款高频设计神器，每一款都超实用！
神器推荐
一秒搞定高级配色！这个免费的在线神器超好用！
神器推荐
如何正确压缩GIF格式文件？来看京东设计师的总结！
神器推荐
免费压缩！Window 想压缩图片就用这个利器！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
插画师
西安
大专及以上
1-3年
5K-10k
文案（social方向）
西安
大专及以上
1-3年
5K-10k
网站内容运营
武汉
大专及以上
经验不限
4-6k
查看全部
行业新闻
发布行业新闻
微星创造者 Z16，优设推荐设计师创作笔记本
新品推荐
易有料X字绘中国推出新春礼盒，一盒开启真年味
新品推荐
SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
