设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
Xcube 是基于 QQ空间营收类活动所搭建的 H5 活动页面智能生成系统，是针对框架相对固定，高频率的运营 H5 活动所设计。系统通过预设活动组件的组合来完成页面生成，系统内会有各种类型活动的相关组件，系统内会预设很多常用活动模板，这些模板以及组件和素材会有各种不同维度的标签（圣诞节，春节，热闹等），可以在系统直接输入关键词，即可有一套符合需求的页面生成，然后在此基础上编辑活动页面文案，素材包括配置，到最终的发布都能一次性解决，甚至包括最...
近几年，H5 快速普及，应用于节日和一些品牌活动营销场景。为什么大家会选择使用 H5 作为营销传播方式呢?
网络成本的降低促使承担推广作用的 H5 越来越多的使用视频呈现的形式，但迈过初期朋友圈视频给用户带来巨大新鲜感的时代之后，想要继续通过视频类 H5 争夺用户注意力，变得越来越难。饶是如此，在过去半年中亦是涌现了《番茄炒蛋》《Julia系列》等视频的现象级刷屏，继而带来巨大的推广红利。
html5的发布让移动端web增添了很多新的能力，这些能力给我们带来了很多新的玩法，不知你知道了多少呢?下面我将结合案例罗列一些自H5发布以来出现的新玩法，给大家温故而知新。
Janilychen：以往做一些H5的运营项目，都是动画设计师使用Animate cc（原来的Flash）先设计好动画原型，然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的，而且还要高质量的还原动画设计师设计好的动画，来回沟通成本也非常高。
编者按：那个刷爆互联网的H5 从诞生后已经有上百篇分析，但今天这篇不同，是背后这群创作者针对H5的设计构思以及动画设计进行的细致分享，全部干货，一起来收膝盖。剥壳使&鱿鱼哥：不知大家有否见过这样一个H5：这则名为《薛之谦2个月没写段子，结果憋了个大招》H5在微信上发布3小时左右，PV已经突破120W……正如title所说，这是薛之谦憋的一记大招，也是品牌团队、公关传播和创意设计团队联合抱团憋的一记大招…
2016年末，各路APP也纷纷展开一轮轮的数据厮杀，从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间，在这个既难忘又不舍的2016年，用户的故事将会被如何演绎，在寒冬带给用户怎样的温暖回忆呢?
无酱：在这个日新月异的时代，想要立于不败之地，摆脱被淘汰的命运，只有迎头赶上，不断创新。在过去两年的时间内，H5经历了从全民兴起 – 爆发 – 沉淀到再爆发式增长的过程，以层出不穷的新面孔一次又一次展现了惊人的生命力。
H5划页动画，相信大家已再熟悉不过。随着越来越多H5生成工具不断出现和各自功能提升优化，H5制作成本已越来越低，周期越来越短。
猴哥：未来什么样的内容才可以脱颖而出?如何结合更多方式打破用户的固定思维，超出用户预期?
编者按：慎用向右滑动操作、慎用横屏展示效果、按钮原理页面底部、使用SVG格式做矢量图…… 以上提到的技巧全都出自今天这篇好文，简单小巧但实操性很强，作为设计师，也要尽量避开这些坑。1、交互上，慎用向右滑动的操作方式。
编者按：一个UV高达9700万的HTML 5页面是怎么设计出来的?这篇实战案例让你全方位感受腾讯设计师的流弊!
转眼负责火影手游的创意设计工作一年多了，在这段时间里从《鸣人雏田婚礼》到《重返木叶村》沙盘项目，我们为火影手游尝试了很多风格的H 5和互动站，春节期间我们又尝试了一次剪纸风格的H5，来看这次实战回顾!项目背景：在春节来临之际，我们获悉《火影忍者剧场版-博人传》2.18将在中国上映，这部电影主要讲的是鸣人和他儿子博人间的父子故事。
今天介绍的HTML5 UP! 提供大量的HTML5 模版，而且这些模版都支持响应式网页设计，有了它我们就不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。来收!
编者按：用软件快速生成的H5和设计师精心打磨过的有什么区别?看今天这篇就知道了。
TQ：动感影集是QQ空间新功能，可以将静态的图片轻松转变为动态的视频集，且载体是HTML5（简称H5）页面，意味着可以随时分享到空间或朋友圈给好友欣赏。移动端区别于PC年代的相册视频，由于设备性能限制，每一个动画细节都需要认真优化，今天就来说说动感影集开发过程中的动画性能检测与优化的问题。
田田：一套操作界面，合适的动态交互反馈能给用户带来更好的操作体验；一个H5运营宣传页，炫酷的动画特效定能助力传播和品牌打造。近两年，小到loading动画，表单动效，大到各式各样H5运营页的炫酷展现，“动效设计”一词可谓是火遍大江南北，而动效设计早已成为一名合格设计师必需有所知晓的领域。
大家好，我是腾讯TGideas的动画师二娃，有幸参与这次联合《小王子》电影推出爱消除小王子游戏版本的世界观推广H5，同时我们还做了另一版，作为游戏内嵌世界观，分别在国庆长假后，在微信、手Q、以及公关传播等平台推广，数据反馈也很棒，下面给大家分享这个痛并充满爱的过程。一、前期创意1. 目的：天天爱消除与《小王子》电影合作，推出小王子游戏版本，需要一个预热推广H5。
编者按：Html 5这么吃香，平面设计师该做点什么?今天Epub360的推荐讲师Never从设计内容、表现技巧和观念三个方面，聊聊平面设计师该如何在这次浪潮中成功站稳脚跟，文中附上大量实战案例，不谈空话干货满满。
小宝：腾讯游戏HTML 5实战案例!在这次朋友圈广告的设计过程中，遇到了好多拦路虎，有惊喜有郁闷，但在这个过程中我收获到了很多关于设计的经验和对项目的理解。
我超级头疼字体设计，学习了很多，谢谢作者
很详细，如果“设计评审的反思”里有参考答案就更优秀了，经常被怼得哑口无言…
说的好棒！之前从没想过这个问题，喜欢这类文章，会让人沉浸进去思考！
这篇文章爱了爱了，正好解决了我现在的困惑
我居然看完了！！好多喜欢却不知道名字的潮玩，被盘的明明白白~~（最后才是亮点吧，营销小软文）
我超级头疼字体设计，学习了很多，谢谢作者