尺寸说明
| 长页 | 750 * auto | 优先选择 小程序设计请选择该项 |
|---|---|---|
| 640 * auto | 较少使用、特殊要求 | |
| 全屏切换(竖屏) | 750 * 1100（1650） | 优先选择：内容安全高度 1100px，背景延长至1650px 小程序设计请选择该项 |
| 640 * 1000（1400） | 内容安全高度 1000px，背景延长至1400px | |
| 全屏切换(横屏) | 1334 * 580（830） |
内容安全高度 580px，背景延长至830px TIPS:如产品有特殊要求，请以相应产品要求为准 |
PS：由于M端与小程序设计可以公用同一套PSD，最终需要制作为小程序时请注意告知相应前端
腾讯互娱-移动端设计规范特殊产品设计规范
| 西山居 | 移动端设计规范 |
|---|---|
| 腾讯互娱 |
QQ主题规范 单机 手Q主题设计规范文档 心悦俱乐部（模板专题） CF内嵌页（PSD宽：1240px，头图高度请控制在593px以内） |
安卓与IPAD尺寸
安卓主流尺寸
前最主流的分辨率为：1280x720像素
目前安卓设备的主要分辨率有3个尺寸。小：800x480；中：1280x720（最主流）；大：1920x1080
宽高比相同，适配比例为1.5倍
IPAD的分辨率：1024x768像素，高清屏尺寸为它的两倍
背景处理方式
字号使用说明
可以借鉴PC经验，PC通常使用的正文字体大小为12px\14px。在移动端会对设计稿中各元素做减半处理。
由此，可得到正文在移动端中应使用24px\28px 大小的字体。
减半处理的方式也使得要求页面中各元素应以偶数设计。
范文一
标题：字号36点，行距50点，样式为中等
正文：字号30点，行距50点，样式为细体
对齐方式：最后一行左对齐，左右边距：20像素
范文二
标题：字号30点，行距42点，样式为中等
正文：字号24点，行距40点，样式为细体
对齐方式：最后一行左对齐，左右边距：20像素
由此，可得到正文在移动端中应使用24px\28px 大小的字体。
减半处理的方式也使得要求页面中各元素应以偶数设计。
范文一
标题：字号36点，行距50点，样式为中等
正文：字号30点，行距50点，样式为细体
对齐方式：最后一行左对齐，左右边距：20像素
范文二
标题：字号30点，行距42点，样式为中等
正文：字号24点，行距40点，样式为细体
对齐方式：最后一行左对齐，左右边距：20像素
Tips：字号使用节制，主要字号不超过3种，字号用偶数。编辑文字最小不行小于24px。
触控说明
移动端的主按钮高度大于80px，文字链接上下的间距大于80px，手指在屏幕上热区最小感应是44px。
按钮
移动端的主按钮高度大于80px，并且根据活动的需求放置在页面醒目的位置。
主按钮：560x100
次按钮：300x90
主按钮：560x100
次按钮：300x90
Tips：圆角、渐变，投影，描边（内描边）可放肆运用。画形状时记得勾选上“对齐边缘”
文字链接
文字链接不宜过小，推荐使用向右箭头、下划线、不同颜色、相关图标等方式
移动端的两个文字链上下的间距大于80像素，以防误操作。
设计稿自审方法
第一步、打开chorme或者360浏览器，将640宽的JPG设计稿拖入浏览器。
第二步、F12调出开发调试面板。点击手机图标。选择要查看机型效果。
第二步、F12调出开发调试面板。点击手机图标。选择要查看机型效果。
