篇一：用案例浅谈微信传播的H5页面设计
用案例浅谈微信传播的H5页面设计
从引爆朋友圈的H5小游戏《围住神经猫》，到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》，从2014下半年起，各种H5游戏和专题页纷纷崭露头角。“H5”，这个由HTML5简化而来的词汇，借由微信这个移动社交平台，正在走进更多人的视野。本文聚焦于基于微信传播的H5页面的视觉设计，通过一些案例分析来谈谈设计思路与方法，希望与大家进行交流探讨。
功能与目标
首先从功能与设计目标来看， H5专题页主要有以下4大类型：
1.活动运营型
为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。
大众点评为电影《狂怒》设计的推广页便深谙此道。复古拟物风格的视觉设计让人眼前一亮，富有质感的旧票根、忽闪的霓虹灯，配以幽默的动画与音效，恨不得每个选项都点一遍。围绕“选择”这个品牌关键词，用引人入胜的测试题让用户把人生当作大片来选择，选到最后一题引出“大众点评选座看电影”，一键直达App购票页面。即使明知是软文也忍不住带着“矮油不错，这个页面有点diao噢”的心情点击了分享。
2.品牌宣传型
不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。
伴随着浪漫的钢琴旋律，《首草先生的情书》以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚，最后引出“首草——滋阴圣品，爱妻首选”的宣传语。设计上采用回忆般的黑白色调，简单的照片加文字，配以花瓣掉落、水面涟漪等轻动画，渲染出唯美优雅的气氛。“首草”这个全新的高端养生草药品牌，用H5打出了一副走心的情感牌，让用户记住了“半生只为你”的爱妻品牌形象。
3.产品介绍型
聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。 这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。
篇二：5款最好用的H5大翻页制作平台推荐
互联网营销手段时时有时时新。屡屡刷爆朋友圈的H5页面绝对是现在最炫酷最吸睛的营销方式。这种集文字、图片、音乐、视频、链接等多种形式的展现形式，能够跨平台、低成本地实现企业宣传、活动推广、产品介绍、报名、增粉、反馈等目的，很快风靡全网。
然而，限于HTML5语言的技术门槛，无论是由程序员开发，还是外包制作，设计制作费用都居高不下，制作周期往往也很长，完全无法满足需求。所以市场上立刻出现了一批在线的H5页面制作工具。
这么多H5制作平台，哪一款最好用呢？华子上网推荐下面五款最好用的H5制作平台。
1、秀米
秀米主要是做微信编辑的，其微信编辑器功能所占的市场份额应该是全国最大的。不过，他们同时也在做H5页面设计。其H5制作功能延续了微信图文排版同样的操作方式和逻辑，操作相当简单。
但
是其问题也相当突出：模板种类和数量少，可选择少；DIY程度极差，只能套模板，模板几乎无法改动。功能较为初级，尚不能支持电话、表单等，无交互，还需
进一步的优化。图片上传有等级限制，超过一定流量也要付费。基础功能：★★★★扩展功能：★★性价比：★★★总评：★★★
2、搜狐快站
搜狐快站是致力于一站式移动建站的云平台，有搜狐十七年的技术经验做支持，本来就是基于HTML5语言的制作。不久前也进军了H5大翻页的制作领域，产
品时间虽短，却已相当成熟。
拖
拽式操作，简单易上手；有辅助线，支持图片微调；背景图片有滤镜功能，同一组件支持多重动画，DIY程度高。另外还支持表单、电话、视频、自动播放等。缺
点是大翻页制作入口较深，需要先创建站点。搜狐快站全面免费，所以不用担心制作成本啦。基础功能：★★★★☆扩展功能：★★★★☆性价比：★★★★☆总
评：★★★★☆
3、初页
初页给自己起了一个很有话题性的名字，可惜并未引起话题。它的模板质量很高，直接套用模板简单快捷，而且更强调在手机上的编辑功能。可是，它只能套用模板，自定义程度极低，除了外链，完全没有其他的交互。基础功能：★★★★☆扩展功能：☆性价比：★★★★总评：★★★
4、MAKA
MAKA
给自己起了一个很洋气的名字，界面同样做得很洋气，所以操作并不是那么得友好。不过他们推出了新手和高阶两种编辑模式，弥补了这一缺点。它的功能很强大，
模板和动画效果都很多，但问题是很多功能都需要付费。免费版功能不全，也不提供自定义动效、支付、电话支持、预约等服务。基础功能：★★★★☆扩展功
能：★★★☆性价比：★★总评：★★★☆
5、兔展
兔展的优点在于页面简单易上手，模板效果较多，DIY程度较高，动画实现方便。但同时它的缺点也很明显：上传的图可能会比例失调。
兔展分为免费版、体验版、VIP版，免费版仅支持默认功能，不支持一键关注、电话支持等，体验版和VIP版价格很高，果断觉得有些不划算。基础功能：★★★★扩展功能：★★☆性价比：★总评：★★★
很多其它的H5页面制作工具，不仅有国内的，甚至还包括国外的一些产品。像Wix、Weebly、Ceilfire、Jimdo、Mixeek等，有的基本功能根本比不上国内的产品，有的由于海外服务器速度太慢。总之，可以相信我国的H5技术水平已经达到了世界一流水平。
篇三：推荐10个易上手好用的H5网页编辑工具
推荐10
个易上手好用的H5
网页编辑工具
收藏人：红茶橄榄2015-01-17 | 阅：58141 转：115 |来源| 分享
Tips:“品牌密码(pinpaimima)”已正式更名为“首席品牌官”，初心不变，服务升级！
2014年，HTML5页面作为营销界新宠儿，“多快好省”的杰出代表，其灵活性高、开发成本低且制作其在移动营销领域大放异彩。
文/Teeya
此前，介绍了HTML5网页的基础知识、有哪些应用场景以及如何推广，反响强烈，不少品友都来询问具。
对于这个问题，我只想说请去学编程写代码吧！！！HTML5 + CSS3 + Javascript，学完保证腿也不楼也不喘气了，更不会被技术公司忽悠了??开个玩笑。要真去学，恐怕需求时效早已经过了，剩的在以前或许是个问题，但现在完全不用担心，有许多公司开发了各种工具平台用以快速制作简易移动网思维下带来最大的便利就是大厨们早已把盛有答案和解决方案的盘子摆在你面前，我们只需要看其择一个下肚便可。
下面介绍几个编程小白也能使用的微网页、微画报或场景应用的制作工具。
排名不分先后，功能大同小异，可按照自身需求挑选。
1、初页
初页作为手机端制作动态海报的app，面向C端，门槛极低，上手简单容易，可在App store免费下辑创作。众多模板版式，任君挑选，也提供定制服务。
2、Maka
Maka目前只有Web端，IOS和Android版本还未上线，模板丰富，有多种动态效果以及交互效果可供供免费版，不过免费版不提供外链模板。
3、Liveapp 场景应用/云来
云来Liveapp是面向企业方的移动场景APP云服务平台，许多知名企业都在使用，购买场景应用，近验，“认证企业”可以申请获取，体验时长31天。
4、秀制作
“秀制作”为秀米出品，免费提供多种模板，傻瓜式操作，可以外链，可与秀米图文排版双剑合璧。
5、点点客海报
点点客作为微信第三方开发服务商，推出了免费的点点客海报，无需注册，扫码登录，即可编辑动态页动画、背景音乐、可统计浏览量，也提供定制。
6、兔展
兔展目前只支持Safari和chrome浏览器，承诺免费永久开放所有功能。
7、易企秀
免费，有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。 同时有ios 移动客户端，在手机上也可创建场景应用，以及数据统计功能。
8、品趣
时趣出品，为中小企业定制的社会化媒体营销软件。
9、Epub360意派
为专业设计师打造的交互设计利器，交互效果强大，动画效果出色，虽然简单傻瓜式的模板不多，但
10、Vxplo
专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。
Bonus：
再介绍几款国外的在线免费网站建设平台，同样无需编程知识。
1、Wix
网址：/
免费论文网友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.csmayi.cn Corporation, All Rights Reserved 共享时代 共享你我他 版权所有