【AureRP8.0教程】关于移动端原型尺寸与设备适配

问：移动端的原型尺寸应该怎么设定？那么多手机型号，尺寸都不一样啊！

答：按比例做就可以。

这是个错误的回答！！！

移动端的原型，是有规范尺寸的，这个尺寸与屏幕的参数有关，主要就是对角线尺寸和分辨率。

通过这些参数可以知道手机屏幕上每英寸的像素密度。

根据密度和手机的硬件设定可以得出对应的图片尺寸。

以下是我不专业的理解，如果有错误，欢迎大家指正。

在一款APP的文件夹中经常会看到这样的文件夹：

这些文件夹里存放的是不同规格的图片有@1X、@2X或@3X，就是为了适应不同尺寸的设备。

拿设备适配3X图片来说，图片的尺寸乘以3就是在屏幕中所占据的像素点；

比如：图片4444大小，在屏幕中显示时就是占据132132的像素点；图片360640大小在屏幕中显示时就是占据10801920的像素点。

举例来说：小米手机5英寸屏幕，分辨率10801920；原型尺寸为360640，就是一个3X的关系。

所以，大家在制作原型时，高密度一般就制作为实际分辨率一半的尺寸（以Iphone4为代表），而超高密度一般就制作实际分辨率的三分之一的尺寸（以Iphone6为代表）。当然也有奇葩的2.5X，比如魅族MX3，还有更奇葩的2.75X，华为的某一款。

但是，只把原型尺寸改了，还没有用，你会发现在手机端浏览原型时，并没有适配，原型会像寒冷冬天的小鸡鸡缩在屏幕的左上角。

没关系，想正常显示，只需一个设置。在F8（生成）的界面中，点击【移动设备】选项，在右侧的界面中勾选【包含视口标签】。

这样就在浏览时候能够填满整个屏幕了。那里满满的感觉是不是很棒？

最后补充一下，如果想不同尺寸设备的适配（比如IPhone和魅族都要设配），则需要进行自适应视图的原型制作，不能偷懒！

关键字：Axure教程, 尺寸, 原型, 屏幕

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！