如何用axure画app原型尺寸(实操用axure制作网页的过程)

来源:国外服务器 在您之前已被浏览:1 次
导读:目前正在解读《如何用axure画app原型尺寸(实操用axure制作网页的过程)》的相关信息,《如何用axure画app原型尺寸(实操用axure制作网页的过程)》是由用户自行发布的知识型内容!下面请观看由(国外主机 - www.2bp.net)用户发布《如何用axure画app原型尺寸(实操用axure制作网页的过程)》的详细说明。
笨笨网美国主机,w ww.2 b p .n e t

如何创建APP页面

新手一般是这样创建APP页面

做第一个页面的时候,直接拖动几个矩形框到工作区,拼成大概的手机样子。或者找个手机壳模板套进去,然后在里面画。

再做其他页面的时候,复制刚刚做好的页面到新页面,然后删除多余的部分。

这样做并没有大错,但是效率很低。

调用元件库创建APP页面

我的元件库,创建一个适合自己的元件库,然后载入到Axure。

然后每新建一个APP页面的时候,从左边元件库中拖动到右边,然后直接把位置改成(0,0)。

如何用axure画app原型尺寸(实操用axure制作网页的过程)

延伸一下,创建元件库的时候尽量把这几个元件都命名一下,比如命名为页面框架,上导航,左按钮,右按钮。这样以后需要修改的时候直接全局搜索即可。

如何用axure画app原型尺寸(实操用axure制作网页的过程)

使用母版创建APP页面

也可以使用母板的方式来制作,但是设计新APP原型的时候就没办法反复调用了,但是不太推荐。

如何用axure画app原型尺寸(实操用axure制作网页的过程)

设定一屏线

有些页面需要考虑到重要内容得让用户第一眼就能看到,比如商品详情页面就需要保证订单在任何屏幕上都应该显示在第一屏幕。

所以从横向标尺那里拉出一条线,有了拉的箭头你在往下拉到667的地方。

如何用axure画app原型尺寸(实操用axure制作网页的过程)

如果你的APP比较特殊,所有的页面都需要用到一屏线。那就建一个”固定位置”类型的母版,画一条横线,位置(0,667),宽度400左右。然后“添加到页面-所有页面”即可。

兼顾主流屏幕

虽然你的原型375×667只是iPhone6/6s/7的逻辑分辨率,但是我们可以在原型中把主流屏幕的分辨率体现出来,如果需要特殊适配的话,单独说明即可。

比如Android主流分辨率是720×1280,那原型尺寸是360×640。建一个”固定位置”类型的母版,模板内容是一个360×640的页面,然后批量复制到所有APP页面的底层即可。

如何用axure画app原型尺寸(实操用axure制作网页的过程)

当然也可以通过全局辅助线的方式来做,不过更适合Web端产品。

这一步仅供有需求的产品参考,一般来说是不需要用到的。

顺便提供主流屏幕和对应原型的分辨率对照图

如何用axure画app原型尺寸(实操用axure制作网页的过程)

总结

相信看了这2篇文章,新手PM应该清楚APP页面的尺寸该怎么设定以及如何创建原型啦。

笨笨网美国主机,w ww.2 b p .n e t
提醒:《如何用axure画app原型尺寸(实操用axure制作网页的过程)》最后刷新时间 2025-03-21 11:12:23,本站为公益型个人网站,仅供个人学习和记录信息,不进行任何商业性质的盈利。如果内容、图片资源失效或内容涉及侵权,请反馈至,我们会及时处理。本站只保证内容的可读性,无法保证真实性,《如何用axure画app原型尺寸(实操用axure制作网页的过程)》该内容的真实性请自行鉴别。