今天我就琢磨着搞点新东西，刚好手头有个网页项目，想着用个工具整点原型设计看看。网上翻了一圈，好多人说Axure还不错，我就决定试试看。

决定动手装Axure

先是在家打开电脑，找了半天官方站下载安装包，折腾了十几分钟才搞定。装完了打开一看，界面还算是挺清爽的，没多想就开始捣鼓了。

第一次打开，里头一堆按钮看不懂，我就直接点进模板库看了看。找来找去，选了个简单的电商网页模板，这个最省事儿。然后我点了个“新建页面”，随手拉了根导航条上去。Axure这点挺拖拖拉拉就能把元素放上去，跟玩拼图似的。

搞原型设计的过程

接着我就真干起来了。第一件事是弄个首页：

• 拖广告图：我用了图片工具，选了张网上的风景图塞进去，调整大小花了快半小时，差点搞砸。
• 加按钮功能：想在广告图下搞个“立即购买”的按键，点一下能跳转。但Axure的逻辑有点绕，我查了查教程才弄明白，先拖个按钮形状，再连到另一个页面，这样才算通上电。
• 整用户登录：首页还得有个登录框，我画了个矩形框，填上用户名和密码区。结果测试时发现点不进去，原来是忘了加文本框交互，只好重头来过。

设计到一半，突然想到产品页也得搞一搞。我复制了首页导航，改成“产品列表”。这里有点坑，导航的颜色不统一，改来改去都花里胡哨。我统一调成蓝色，清爽多了。

测试和调试的糗事

原型弄差不多了，我就点“预览”看看效果。浏览器一打开，首页看着还行，点按钮跳转也顺利。可一转到产品页，图片全都对不上，乱七八糟的。气得我差点摔电脑。

又折腾回去，原来是产品页的布局弄错了。我手动一条一条调，改了下尺寸和对齐，才算好点儿。还加了个弹出提示，当用户下单成功时显示“搞定”，挺逗的。

整体预览时，我又发现导航链接连错了地方，赶紧补了补。折腾到半夜，总算能正常跑一遍了。

完成后的感想

搞定了这个原型，我整个人都轻松了。Axure上手是真不容易，但拖拖拉拉整下来，网页逻辑反而清楚多了。最大的教训就是交互没搞对就白忙活。下次我肯定先研究透按钮功能再开干，省得浪费时间。

不过整体还行，原型输出成图片看，连我自己都忍不住点赞。以后再玩这玩意儿，估计能快点上手，哈哈。