axure手机原型模板详解(原型素材及免费下载详解)？-营销圈

axure手机原型模板详解(原型素材及免费下载详解)？

用户投稿 • 2022年5月26日 am10:39 • 网络资讯 • 阅读 648

使用axure原型图手机界面尺寸制作的原型，如果你没有设置自适应视图的话它是不会自动适应任何设备的。若要解释清楚这个问题需要的篇幅比较长，请大家自行参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系。这里不再赘述，直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure 中设置大小即可，设计完毕后在生成 HT ML时设置手机 /移动设备中勾选包含视图接口（

include Viewport tag ），并进行配置axure原型图手机界面尺寸，生成 HT ML后再到相应的移动设备中浏览就正常了。

例如：iPhone4 320*480

iPhone5 320*568

iPhone6 375*667

iPhone 6 Plus 414*736

Samsung Galaxy S4 360*640

axure手机原型模板详解(原型素材及免费下载详解)？

如何创建APP页面

元件库，创建一个适合自己的元件库，然后载入到Axure。然后每新建一个APP页面的时候，axure原型图手机界面尺寸从左边元件库中拖动到右边，然后直接把位置改成(0,0)。延伸一下，创建元件库的时候尽量把这几个元件都命名一下，比如命名为页面框架，上导航，左按钮，右按钮。这样以后需要修改的时候直接全局搜索即可。

使用母版创建APP页面：可以使用母板的方式来制作，但是设计新APP原型的时候就没办法反复调用了，但是不太推荐。

有些页面需要考虑到重要内容得让用户第一眼就能看到axure原型图手机界面尺寸，比如商品详情页面就需要保证订单在任何屏幕上都应该显示在第一屏幕。延伸阅读了解更多所以从横向标尺那里拉出一条线，有了拉的箭头你在往下拉到667的地方。如果你的APP比较特殊，所有的页面都需要用到一屏线。axure原型图手机界面尺寸那就建一个”固定位置”类型的母版，画一条横线，位置(0,667)，宽度400左右。然后“添加到页面-所有页面”即可。

兼顾主流屏幕

虽然你的原型375×667只是iPhone6/6s/7的逻辑分辨率，axure原型图手机界面尺寸但是我们可以在原型中把主流屏幕的分辨率体现出来，如果需要特殊适配的话，单独说明即可。比如Android主流分辨率是720×1280,那原型尺寸是360×640。建一个”固定位置”类型的母版，模板内容是一个360×640的页面，然后批量复制到所有APP页面的底层即可。

关于颜色

线框图的黑白灰之纯美，有利于专心布局界面，axure原型图手机界面尺寸而不用在意界面的颜色搭配。

黑白灰颜色常用的数值是：

文字黑色#282828

文字深灰色#656565

文字浅灰色#98989

边框浅灰色#C3C3C3

背景淡灰色#f2f2f2

按钮背景纯白色#ffffff

综上所述

界面尺寸布局：满屏尺寸750x1334px

高度电量条高度40px，导航栏高度88px，标签栏高度98px；

axure原型图手机界面尺寸各区域图标大小导航栏图标44px，标签栏图标50px；

各区域文字大小电量条文字22px，导航栏-文字32px，标签栏字20px；

常用的文字大小：32px，30px，28px，26px，24px，22px，20px；

常用的颜色：背景浅灰色#f2f2f2,文字深黑色#323232，axure原型图手机界面尺寸边框色深灰#CCCCCC；

常用可点击区域的高度：88px；

单行文字的背景框的高度：88px，双行则为：176px，三行则为：264px；

常用间距：亲密距离：20px；疏远距离：30px，其它距离：10px，44px等；

按钮和文本框，原型图做成直角的axure原型图手机界面尺寸，圆角半径是多少，由Ui来设计；

这种情况，需要修改原型。单个页面的逻辑流程图或用户学习使用时间，超过其它页面平均数的axure原型图手机界面尺寸3倍以上；

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！

axure手机原型模板详解(原型素材及免费下载详解)？

相关推荐