关于活动设计稿的设计规范及示例

图片处理

调整目的：就是为了根治不同机器(手机&pad)显示效果不一及pad体验太差。
调整方案：依据具体需求，提供一下三种布局框架，具体选用何种，在不限制设计自由发挥的基础上，设计师可自行选择。提供设计稿做备注说明告知开发即可。

方案一

设计稿尺寸： 1280*960 (适配ipad的尺寸)；
基本思路： 宽高比较大的手机上显示内容层，宽高比较小的ipad上顶部和底部多出区域显示背景图，保持内容区域居中显示

在线活动链接地址，亦可在川麻内网客户端活动中心查看

示例：
在iphone6上表现(宽高比~1.75)

在ipad上表现(宽高比~1.33)

方案二

设计稿尺寸： 1280*720；
基本思路： 背景图顶部和底部单独放置，中间再添加可垂直拉伸衔接上下背景的重复背景即可

在线活动链接地址，亦可在川麻内网客户端活动中心查看

示例：
在iphone6上表现(宽高比~1.75)

在ipad上表现(宽高比~1.33)

方案三

设计稿尺寸： 1280*720；
基本思路： 保持不同机器上垂直完全填充，等比放大，在ipad上，水平方向左右会有少量背景图被截取掉。

在线活动链接地址，亦可在川麻内网客户端活动中心查看

示例：
在iphone6上表现(宽高比~1.75)

在ipad上表现(宽高比~1.33)