公司名:e娱乐城
    销售热线:400-800-11112
    联系人:张先生(7*24h)
    地址:芜湖市凤凰工业园区18号
    咨询QQ:123123141

    液压拉马系列

    您现在的位置:主页 > 产品中心 > 液压拉马系列 >

    e娱乐城如何使用Axure规范的画出页面的线框图

    发布时间:2019-01-21 11:07

      每个APP原型都是由一个个页面组成,那么每个页面的线框图该如何通过Axure的画出来呢?我希望通过这篇文章,让刚入门的PM可以不走弯路,规范高效的画出每个页面的线框图。

      一个页面,可能包含多个状态的显示效果。比如微信APP首页除了常见的下图显示效果,还有点击右上角+的显示效果,还有删除所有聊天的显示效果……

      但是,最核心的状态应该是用户进入该页面之后,正常清晰应该看到的所有内容。PM应该以此来画出该页面的主要状态线框图。

      有时候也可以次要状态的线框图,放到主要状态线框图上面。更加容易理解原型。

      画完该页面所有的线框图之后,我们可以调整一下细节。这样子会让我们的原型看起来比较专业。PM可以不追求原型的视觉美,但是得要求原型的逻辑美。

      如果你们公司除了线框图之外,还要求PM画出交互,以此来更加逼真的表现APP原型。那么我建议你在主要线框图上面把主要的交互画出来。

      按照类似的步骤,画出左滑聊天,显示“标记未读”“删除”,e娱乐城点击“删除”按钮,出现操作列表的交互。

      最后,我们需要补充主要状态线框图,次要状态线框图中的全部逻辑。逻辑貌似所有PM都会写,但是很多PM写得很一般。原因就是缺乏写作逻辑的规范。

      至于具体写逻辑的方法,请移步我的其他文字产品逻辑的5种呈现方法Notes-Axure最正统的产品逻辑表达法。

      如果我们做完了所有线框图,以及主要交互。我们生成原型或者预览原型的时候,可以看到如下效果。点击查看Axure生成的原型效果,基本上和微信APP很相似。

      当你学会了画页面的线框图,整个APP的原型也就可以大概的画出来。然后辅以如何正确的画出功能流程图如何正确地画出页面流程图。就可以交付给程序员进行正式开发。

      向右滑动时——显示未读和删除——点击删除——显示删除和取消——点击删除 所选的聊天记录被删除,下方聊天记录自动并齐上条聊天记录;最后一步的交互是做怎么做的呢?自动并齐这个怎么做的?

      我做了一个轮播图,当鼠标进入图片,移到左右箭头上时,箭头本身会自动来回弹(不知道大家有没有遇到

      谢谢夸奖,有用的话多看看。或者关注我的公众号langzisay,包含所有的内容。

      人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。

    上一篇:2019年普通高等学校运动训练、武术与民族传统体
    下一篇:在2007PPT里面用SmartArt来画组织机构图怎么用让里
    Copyright © 2001-2018 e娱乐城 版权所有 地址:芜湖市凤凰工业园区18号 备案号:湘ICP备09011124号