《企业如何设计出一个爆款H5页面？》由会员分享，可在线阅读，更多相关《企业如何设计出一个爆款H5页面？（4页珍藏版）》请在金锄头文库上搜索。
1、世界工厂网线上生态学院 企业如何设计出一个爆款H5页面？从引爆朋友圈的H5小游戏围住神经猫，到颠覆传统广告的大众点评H5专题页我们之间只有一个字，现如今各种H5游戏和专题页纷纷崭露头角。“H5”，这个由HTML5简化而来的词汇，借由微信这个移动社交平台，正在走进更多人的视野。那么，企业该如何利用H5页面打造一个爆款，进行营销推广呢？一、细节与统一要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。例如，大众点评推出的姜文电影推广系列的九步之遥H5专题页便牢牢抓住
2、了这一点。从二维码入口到性感的loading页，再到最后分享提示的设计，包括文案措辞和背景音效，无不与整体的戏虐风保持一致，给到用户一个完整统一的互动体验。另外，设计人员应该特别关注“分享提示”这个细节设计，比起一个简单的箭头和一句冷冰冰的“点这里分享”，用心的细节设计带来的高品质和好感度是显而易见的。二、紧跟热点，利用话题效应想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。案例1：天天P图天天P图抓住武则天热播的契机推出了风靡海内外的媚娘妆，同时全民COS武媚娘的H5互动页也第一时间上线，操作简单易上手，一键上传照片就能立刻完成媚娘妆，与万千媚娘们进
3、行PK，娱乐了大众又推广了产品。案例2：网易娱乐网易娱乐在武媚娘剪胸风波的风口浪尖上推出了名为神还原武媚娘被剪胸真相的H5专题页，放下节操用极富想象力的粗旷草图风向广大观众“还原”了真相。一时间被疯狂转发，网易娱乐也算是顺势自我宣传了一把。三、讲个好故事，引发情感共鸣不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。例如，LEVIS新年优惠活动专题页以第一人称的口吻，用小时候简朴却热闹的新年与长大后富足却乏味的新年做对比，用手绘风渲染出亲切的怀旧氛围。最后引出“这个新年，把压力和束缚打包扔掉，用新鲜的眼光感受生活，
4、一起活出趣”的品牌推广slogan，代入感极强的故事无疑是驱动分享的源动力。四、合理运用技术，打造流畅的互动体验随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。比如淘宝在双12曾推出的预售推广H5专题页。在浏览过程中只使用了一种向上滑动的手势，而页面呈现出来的效果却犹如一个流畅的动态GIF。设计师巧妙利用图形设计与组合，在滑动过程中营造出一种丰富的视差滚动效果，单个图形元素的遮罩、旋转与整体页面的动势配合极为默契。总结：随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。世界工厂网线上生态学院：制造公司开展线上业务的加油站
