首先我们要知道Axure是产品经理、原型师经常使用的原型设计工具,能快速地把自己想要的方案展示出来,给程序、美工参考。加快产品开发进度及工作效率,弥补了返工重做的机率。
我们打开Axure,把我们想要的产品方案以图文和清晰的逻辑关系表达出来。
因为我们这里是快速学习的一个教程,所以我们就参照百度首页的布局打造一个Axure的原型方案。
左上角以4个文本及小图标表示天气状态,右上角是用户名、搜索设置、传统首页的3个文本标签。下面我们就用Axure先把这7个文本及1个图片实现。
拖进工作区7个文本标签及1个图片标签,并按下图的方式排列好。
再加入百度首页的图片bdlogo,并填加图片阴影。
然后我们再做搜索框的相关内容,填加9文字标签,1个矩形输入框,1个矩形按纽。工具箱里的工具很多,如果要熟悉,需要多次操作几次。如下图设置:
拉动工具箱的滚动条向下拉,找到button,并双击编辑按纽的文字。
最后把百度下面的相关内容加入到网页面底部即可。需要一个播放器,一个图片和若干个文本。这里就不一一演示。相信你已经学会基本的网页面的造型设计及相关简单的网页布局设计了。期待你的设计方案更精彩。
最后看一下整体的效果:
如下图,按F5进入页面预览,看一下我们的原型效果吧。
最后预览的效果会在浏览器中打开。Axure是最适合做网页策划、页游策划及各类网页产品经理的原型利器。希望你能学的更快更好。谢谢!
原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/883/