菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

搜索框话题

用大量实战案例，帮你掌握 Web 端的搜索框设计

UI

用大量实战案例，帮你掌握 Web 端的搜索框设计

本文7000多字，从搜索框的默认状态、光标触发状态和搜索中状态三个方面，帮你完整掌握搜索框设计。

2021/10/13

搜索和筛选有什么区别？来看顺丰UED 的总结！

教程

搜索和筛选有什么区别？来看顺丰UED 的总结！

本文作者将从用户诉求、信息层级、界面表现三个层次上，试图对搜索和筛选两者的边界进行理清，并分别给出一些设计切入点。一、问题产生一次设计评审会上，作为设计师的我们和研发方针对「搜索和筛选到底是不是一回事？」这一问题产生了认知差异。

2018-09-28

如何搞定搜索框的视觉设计？来看这篇总结！

教程

如何搞定搜索框的视觉设计？来看这篇总结！

洋洋Leony：搜索框是我们经常使用的组件，但是我们在设计时通常只是粗略地参考别家的搜索框并没有仔细去思考搜索框样式之间的差异性，本篇整理和分析了在默认状态下的搜索框该如何选择外观样式，希望对大家有所帮助。目录外框展示样式外框圆角大小默认内容的对齐方式一、外框展示样式这里一共整理搜集了5种，分别为：填充色线框投影透明度无外框1. 填充色最常用的外框使用方案，通常选用与页面背景颜色反差较大的颜色作为搜索框的填充色，方便用户查找与识别。（例如：彩色页面背景下使用白色为填充色，白色页面背景使用浅灰色作为搜...

2018-08-22

交互设计基本功！聊聊搜索框设计的8个技巧

教程

交互设计基本功！聊聊搜索框设计的8个技巧

@Mockplus原型设计：许多人可能认为搜索框不需要设计，毕竟这只是两个简单的元素。然而，在内容繁杂的网站中，搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时，他们会立即寻找搜索框，已达到最终目的。

2017-06-27

设计一个完美的搜索框，你需要注意这9个要素

UI

设计一个完美的搜索框，你需要注意这9个要素

搜索框是我们最常用到的UI控件之一，它几乎存在于所有的网站和APP当中。许多人认为搜索框不需要设计，因为它似乎就是由两个最简单的元素构成的。在以内容为导向的网站中，搜索框的重要性会相对更明显，用户需要快速又无痛地找到他们想要的内容。

2017-03-01

实例分析！聊聊UI界面中搜索入口的设计

UI

实例分析！聊聊UI界面中搜索入口的设计

搜索几乎是现在所有网站，APP甚至操作系统的标配，不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道，起到了一个引导用户走向的重要作用。在不同的系统，不同用途的网站上搜索呈现的方式都有所不同。

2016-11-01

专业干货！一个特别好用的搜索框必须考虑的五个方面

教程

专业干货！一个特别好用的搜索框必须考虑的五个方面

编者按：今天@励定洲这篇译文开门见山，从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能，内附大量实例（想知道谷歌搜索有哪个交互不好吗），结合实践，深入浅出，帮你掌握在线搜索的这五个方面。可见性在UX领域，可见性是其根本概念之一：由物体的外形特征推导出其行为上潜在的可能。比如大门上的推板意味着门是可以推的；把手则说明门是可以拉的。

2015-10-04

15款精美搜索框PSD免费下载

下载

15款精美搜索框PSD免费下载

这一次，我们给大家带来的素材是25款很有吸引力的搜索框 PSD设计，你可以免费下载使用。有时候，搜索框容易被访客忽视，因为其简单和没有吸引力的设计。如果这是你所面对的问题，那么我们会鼓励你去看看在这个集合，并找出一些有追求的方法来提高搜索框的美观。

2013-12-22

没有更多文章了

大家都在看

App设计

文章 264

动效设计

文章 203

交互设计

文章 749

psd下载

文章 134

版式设计

文章 197

干货大合集

文章 166

职场经验

文章 185

海报设计

文章 274

字体下载

文章 136

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注