找到一个东西，有人要吗？【移动端页面设计规范】

Chelsey.Wang

移动端页面设计规范页面尺寸

移动端设备屏幕尺寸非常多，为了适配不同设备，推荐使用iPhoneX的屏幕比例作为基准，使用尺寸大小：750x1624px，同时需保证重要内容在安全区域内，尺寸大小：646x1206px。

例外情况
如果专题有跳转逻辑，比如登录引起的跳转，会引起微信浏览器底部出现导航条。此时的安全区域尺寸大小：646x1112px

部分设备分辨率可查询SCREEN SIZES，并参考设备的分辨率分布
相关参考资料： IOS设备信息，IOS版本信息

移动端设计稿推荐设计尺寸：750x1624px，重要内容在安全区域内：646x1206px

移动端的首屏尤为重要，很多时候用户只关注到首屏的内容。并且很多移动端页面采用分屏浏览的的形式，这种形式让用户更集中注意力在一个画面中。首屏范围的设定选取的主流机型IPHONE6的分辨率大小，安全宽高为向下兼容到iphone5s的尺寸。

考虑到目标用户为游戏玩家，对设备要求较高，故而舍弃过去兼容到4s的尺寸，也更加便于设计师的发挥。

重要的操作按钮，主体slogan和游戏icon的露出，需要再安全区域内展示。

首屏范围的由来====================
移动端设计规范.png

==================
自己去看：设计规范 · TGideas文档库 (qq.com)

		自动登录	找回密码
密码			立即注册

[资源分享] 找到一个东西，有人要吗？【移动端页面设计规范】