UI搜索栏设计素材模板|设计原则
搜索功能是营利性 app 和网站上，基本也很关键的功能。在搜索、了解产品时，用户期盼着流畅的 app 内搜索体验。而且他们常常根据一两组的搜索结果，很快地对 app 的好坏做出评价。
完善的搜索功能应该能让用户快速简单地找到他们想找的。
1.搜索栏的放置位置
用户寻找搜索栏时，可谓是又快又狠。他们常常只是扫描一下页面去寻找“我可以输入的那个小框”。
目标：设计能被快速发现而且明晰的搜索栏。
1.1将搜索栏放置在醒目的位置
搜索栏是用户找产品最快速的一种途径，所以它是电商app/网站的主要功能，也应该被放置在醒目的位置。将搜索栏放在隐蔽位置的app会让用户觉得沮丧，也会让用户的操作流程变慢。
电商app应该将搜索栏放在的首页顶部（如果你的首屏很长，那么在底部也放上搜索栏）。对拥有大量商品的app来说，将搜索栏放在这样的位置，能够让它既明显又能够很快被找到。
1.2将放大镜图标和搜索栏放一起
只有少数图标具有世界范围内的广泛认知度，放大镜图标恰恰是其中一个。就算你没有使用文字标签说明，用户也能将放大镜图标看作是“搜索”的意思。
你应该使用一个粗线条，最简化的放大镜图标。因为图形细节越少，认知速度越快。
1.3范围栏（iOS系统特有）
在iOS系统中，搜索栏会伴随一个范围栏，这个范围栏能够让用户快速地选择搜索范围。
范围栏可以被加在搜索栏之后，以便用户能够再次缩小搜索范围。
然而，更好的办法还是优化搜索结果，省得用户自己给搜索划范围。
更多的搜索栏素材到搜UI(SOOUI) 临摹学习优秀案例。