移动端原型尺寸与设备适配参考

设计原型时，使用低分辨率的就可以。
最终用户界面才使用高分辨率的，以适应苹果Retina屏的显示。

iPhone4 原型，可以用 320x480,
iPhone5 原型，可以用 320x568,
iPhone6 原型，可以用 375x667,
iPhone6 Plus 原型，可以用 414x736,
iPhone X 原型，可以用 375x812。
更多参考：https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/

时间栏、导航栏、Tab栏的高度。


Android的界面尺寸比较流行的有：480x800、720x1280、1080x1920，
做设计图的时候建议是以 480x800的尺寸为标准；
更多安卓平台设计规范：https://developer.android.com/design/index.html

参考链接：http://www.zhihu.com/question/25308946
解释链接：https://zhidao.baidu.com/question/2139387103548079908.html
图示链接：http://www.paintcodeapp.com/news/iphone-6-screens-demystified
图示链接2：http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

真正技术实现时，才会再做高分辨率的图。
iPhone4的显示分辨率，640x960
iPhone5的显示分辨率，640x1136
iPhone6的显示分辨率，1334×750
iPhone6 Plus显示分辨率，1920×1080

图片链接：http://www.guimobile.net/iphone-design-size.html

实际上我们的工作即不是开发，也不是前端，也不是视觉，
我们不用纠结最终用户界面的实际尺寸是多少。
在根本原则上，我们只需要依照屏幕的长宽比例，设定一个自己适合的大小即可。
比如iPad一代的分辨率是1024×768，它们的长宽比是4:3。
我现在要设置一个粗略的iPad版的应用原型，用于快速表达一些大致的信息框架。
我其实就可以不按着1024×768的尺寸来设计，而是按着4:3的比例，
可以选择按着600×450来设计，像下图这样，在粗略原型的表达上完全没有问题，
并且可以保证内容在电脑上演示时，在电脑浏览器的一屏下都可以显示全，
还不用上下总要滚动鼠标，更加方便了快速浏览。

另外设计原型时，只画屏幕部分即可，不需要外面非要套个手机壳子在外面。

其它参考链接：

1. http://www.guimobile.net/chichun/

2. http://blog.sunnyxx.com/2014/09/10/iphone6-resolution/

3. https://www.zhihu.com/question/25308946/answer/32240185?utm_campaign=official_account&utm_source=weibo&utm_medium=zhihu&utm_content=answer