axure扫盲
坐我旁边的前端今天正好初学axure,然后我就顺便学了几招比较基础的,这里做个笔记先。 首先我安装的axure RP8,要下载的朋友百度搜索即可。
这里做了个简单的需求,就是将百度首页简陋的画到axure上。首先打开axure。
第一步
![](http://upload-images.jianshu.io/upload_images/5548226-aa3b88afc42849a0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
0$IC}N32X([)P)_@{Z]KLN5.png
第二步
![](http://upload-images.jianshu.io/upload_images/5548226-0bcece61ff008c9f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
![Y`89C~U(6]0X9@ZABGE%XGK.png
第三步
![](http://upload-images.jianshu.io/upload_images/5548226-125c205ef0be3461.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
Image.png
![](http://upload-images.jianshu.io/upload_images/5548226-d036242486c03f79.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/415)
H5IT~4@B4D4O1N$ROE$L@O4.png
第四部:如何输入文字
![](http://upload-images.jianshu.io/upload_images/5548226-66755066d7cbfcff.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
Image.png
![](http://upload-images.jianshu.io/upload_images/5548226-91364c79d0a91cb6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/394)
Image.png
第五步:如何建立和其他页面的跳转
![](http://upload-images.jianshu.io/upload_images/5548226-3d0bb25aa7006fa2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
QO%5B_~40XBD8`{BJY)OT)0.png
第六步:将做好的图转进行预览,即可看到效果
![](http://upload-images.jianshu.io/upload_images/5548226-a9ff2f696ef7b83f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
Image.png
第七步:在HTML文件中生成当前页面
![](http://upload-images.jianshu.io/upload_images/5548226-d755cdbb908fc658.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/590)
原文链接:
http://www.jianshu.com/p/1e297c1b1183
关注我的公众号,都是满满的干货!
![](https://upload-images.jianshu.io/upload_images/5548226-77ba71ae65cc6614.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/669)
孙坚.gif