搜索框是一个常用的控件，比如电商网站的搜索框可以对商品、店铺和卖家进行搜索，输入关键词就可以弹出我们需要的东西，给我们的生活带来了很大的便利 。那么本文小编来教大家如何用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中仿淘宝制作搜索原型的操作方法，搜索框是我们使用手机和电脑时使用频率很高的功能，希望小伙伴们可以多练习操作方法熟练掌握用axure制作搜索原型的操作方法 。
推荐阅读
- Axure如何制作产品流程图？操作方法是什么？
- 淘宝好评模板有哪些？长评怎么写？
- 拼多多企业店铺注册商标怎么填？有啥入驻条件？
- 拼多多同城配送怎么申请和设置？
- 无货源拼多多店铺怎么运营？运营方式是什么？
- 拼多多沉默店铺如何恢复？怎么重新开店？
- 拼多多修改关键词有没有影响店铺？怎么优化关键词？
- 拼多多店铺购物车怎么取消不了？怎么设置？
- 抖音小店销量刷不上去怎么办？如何提高流量？
- 抖音门店怎么开？如何运营抖音店铺？