撸代码

Axure 5分钟入门:有想法就自己画原型

2019-04-09 11:22:59 作者:码工0组

Axure 5分钟入门:有想法就自己画原型(图1)

原型图是为了搞明白页面是要干什么的,包含那些模块,重点是搭框架、填数据、写逻辑,而不是照着原型图去做布局。
展示全部界面:主菜单工具栏-视图-重置视图。
网页尺寸。固定主要部分的尺寸,然后旁边留空,小的浏览器就放满,大的浏览器就留白比较多。如,系统分辨率为1920*1080(w、h),内容区宽度为1220。高度是可以向下延展的,所以一般对高度不限制。
元件库有Default、Flow、Icons。把原件拖入Axure操作区。按外框,shift,点内框,对齐。设置边框样式,可以删除边框。Icons,按住shift,等比例缩放。
对有可参考借鉴的网页,浏览器打开,如sogou,“网页保存为图片”,拖入Axure操作区。Chrome浏览器中,F12,左上角审查元素图标,查看元素宽度*高度。
链接:选定,属性,添加用例,在框架中打开链接,父级框架,发布,生成html文件。