搜索框是一个常用的控件，比如电商网站的搜索框可以对商品、店铺和卖家进行搜索，输入关键词就可以弹出我们需要的东西，给我们的生活带来了很大的便利。那么本文小编来教大家如何用axure软件仿淘宝制作搜索原型。
一、添加元件
1、首先我们需要从电脑中打开axure软件，新建画布。
2、在画布中新建三个矩形，尺寸为 宽51，高26 ， 无填充色、无边框， 分别命名为：宝贝、天猫、店铺。
3、然后为三个矩形添加交互效果，设置鼠标悬停与选中的交互样式。在选中的交互样式中，天猫的填充色和宝贝、店铺的不一样。
4、接着新建一个动态面板，尺寸为宽720，高39，命名为：搜索，在其中添加3个状态，分别命名为： 宝贝、天猫、店铺 。
5、分别编辑3个状态，以宝贝状态为例，首先我们需要添加3个矩形：
5.1 尺寸为宽720，高39，填充橙色。
· 尺寸为宽616，高33，命名为宝贝-搜索框
· 尺寸为宽81，高35 ，填充色为橙色 ，字体颜色设置为白色。
5.2 添加放大镜图片，命名为放大镜 - 宝贝。
5.3 按照以上的操作方法再进行添加另外两个状态中的元件。
二、添加动作
1、首先我们需要选中“宝贝”元件，在元件中添加鼠标单击时的动作。
· 在这里添加光标定位之后，当我们选中某个标签时，光标就直接定位在搜索框内，这样就可以直接输入文字，不用再用鼠标点击定位了。
2、用以上的方法添加另外两个矩形鼠标单击时的动作 。
3、接着为动态面板中的“宝贝”状态添加动作。
· 用鼠标选中“宝贝搜索框”，添加文字改变时的动作和失去焦点的动作。
4、用以上的方法添加另外两个动态面板状态的动作。
三、添加页面交互
最后添加页面载入时的动作即可完成。
以上就是在axure中仿淘宝制作搜索原型的操作方法，搜索框是我们使用手机和电脑时使用频率很高的功能，希望小伙伴们可以多练习操作方法熟练掌握用axure制作搜索原型的操作方法。
