搜索框设计

在一些内容较多的APP应用软件中，搜索框是必备的工具控件。搜索框对APP的建设和优化起到了非常重要的作用，用户通过搜索可以第一时间得到想要的内容。作为最常用的UI元素之一，搜索框无论是在移动端，还是在pc端都会被设计得别致细腻。

step 1

打开Photoshop软件，按ctrl +N新建画布，宽750，高334像素，背景颜色白灰色（RGB:236,232,220）

step 2

运用圆角矩形工具，绘制一个宽500，高45像素，圆角半径5像素的圆角矩形，填充(RGB:232,222,216)

step 3

为圆角矩形添加内阴影，投影效果

step 4

运用圆角矩形工具，绘制一个宽440，高30像素，圆角半径5像素的圆角矩形，填充白色，并添加内阴影效果

step 5

选择 横排文字工具，输入文字并设置文字属性

step 6

运用形状工具绘制一个放大镜形状

最终效果如图

做完收工ctrl +s保存