如何创建应用程序页面新手一般都是这样创建APP页面的制作第一页的时候,直接把几个矩形框拖到工作区,拼成手机的大概样子。或者找个手机壳模板放进去,然后在里面画图。制作其他
制作第一页的时候,直接把几个矩形框拖到工作区,拼成手机的大概样子。或者找个手机壳模板放进去,然后在里面画图。
制作其他页面时,将刚制作的页面复制到新页面,然后删除多余部分。
这不是什么大错误,但效率很低。
调用目录以创建应用程序页面我的目录,创建一个适合自己的,然后加载到Axure。
然后每次新建APP页面的时候,从左边的库拖到右边,然后直接把位置改成(0,0)。
扩展,在创建目录时尝试命名这些组件,比如页面框架、向上导航、左键和右键。这样以后需要修改的时候可以直接全局搜索。
使用母版创建应用程序页面
也可以用主板做,但是设计一个新的APP原型的时候不能重复调用,但是不推荐。
设置一条网线
有些页面需要考虑用户一眼就能看到的重要内容。例如,产品详细信息页面需要确保订单应该显示在任何屏幕的第一个屏幕上。
所以从水平标尺上拉出一条线,用箭头表示,你会拉到667。
如果你的应用很特别,所有的页面都需要一个屏幕线。然后构建一个“固定位置”类型的母版,画一条位置为(0,667),宽度为400左右的横线。然后“添加到页面-所有页面”。
考虑到主流屏幕虽然你的原型机375×667只是iPhone6/6s/7的逻辑分辨率,但是我们可以在原型机上体现主流屏幕的分辨率。如需特殊改编,请另行说明。
比如安卓的主流分辨率是720×1280,原型尺寸是360×640。创建一个“固定位置”类型的母版,模板内容是一个360×640的页面,然后批量复制到所有APP页面的底部。
当然也可以通过全局辅助线的方式来做,但是更适合Web产品。
这一步仅供有需求的产品参考,一般不需要。
顺便提供一下主流屏幕和对应样机的分辨率对比图摘要
看完这两篇文章,新手PM应该知道如何设置APP页面的大小,如何创建原型。