策划
用户乐于分享的H5大概分为以下几类;1.利益驱动;2.知识分享;3.游戏及测试;4.精彩故事;
在这四类基本玩法的基础上再结合产品的特点和优势来进行策划和执行;
风格
在制定设计风格的时候,不拘泥于眼前所接触到的设计工具,手绘,泥塑,3d,剪纸,动画,影视及后期等等都是我们可以创造的工具,只要有好的想法就马上执行;
技术动效
常见的H5动效果:位移,旋转,翻转,缩放,逐桢,淡入淡出,粒子效果,照片处理、3D展示,重力感应等等,多了解最新最前沿的技术,考虑如何更好的与设项目结合做出令人眼前一亮的作品;(http://fffNaNiscm.com这个网站里有h5所能实现的效果)
音效
考虑到用户使用场景的多样性,那种介绍类的如果要加背景音乐,尽量不要太粗暴。有一点循序渐进最好,给用户留时间在骚扰别人之前可以关闭或者可以在开始时是关闭状态。给前端设计师的音乐文件:格式为mp3等 ,单轨,最好30秒以内,大小100k以内最佳,可以用Adobe Audition等软件来压缩;截取时一定要注意头尾得连接得上。
字体
默认字体或者嵌入字体(参考滴滴运营H5运营案例)
适配
一般我们先用640X1136进行设计,参考线会标在960高的地方,主要元素最好不要过高以适配各种机型。其他安卓机器前端切图时可以适当拉伸,变化不会太大就不用每个进行适配。
响应式Web设计(Responsive Web design):页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。
规范
规范好品牌的展示位置以及展示时长