原文链接 http://lin.70apps.com/app/2014/12/05/html5-app-design-guide.html
注：以下为加速网络访问所做的原文缓存，经过重新格式化，可能存在格式方面的问题，或偶有遗漏信息，请以原文为准。
概述
- 定义:以微信传播为主要渠道的 HTML5 应用
- 技术:HTML5、JS、CSS、Jquery、Zepto、collie
- 资源:PSD、JPG、PNG、MP4、MP3、OGG
- 设备:Google Nexus 5以上,三星Galaxy Notes以上,iPhone4以上
设计交付
文案
项目受众、整体风格、分页索引及说明
品牌 VI
图像、文字、图文布局、色彩风格
分页设计:
- 按页单独交付 PSD 格式分层文件
- 文件宽高 800px*1300px（微信中iphone6plus 可视面积为414*672=800*1298）
- 内容区面积(元素最小显示区域)800px*1040px，内容排版方式可以选择是居上、居下、居中、按比例布局
- 动画设计:按帧提供单图序列(统一大小)和拼图(固定大小左右拼贴)
- 视频文件:兼容 iPhone 的 mp4 格式,不低于 480px*320px, 尽量分节以缩小单个文件容量
- 音频文件:提供 2 声道 mp4、ogg 文件,尽量也提供 wav 源文件备用