100篇干货文章,带你全方位提升H5技能(建议收藏)

100篇干货分享,包括教程技巧、行业资讯、设计干货等多个方面的H5资料,免费公开!

微信封面推文0426-3.jpg


作为专业的H5设计工具,意派Epub360对于许多刚入门的派友来说,还是有些难度的。所以,一套完整的H5手册,对全面、系统的学习H5是非常必要的。自14年以来,“意派科技”公众号在近三年的时间里,积累了包括教程技巧、行业资讯、设计干货等多个方面的H5资料。小编花了一天时间整理出来,共100篇干货,分享给各位派友。

下面是目录结构:

一、关于意派Epub360

二、H5教程/技巧

三、精品案例

四、H5模板

五、行业探查

六、资源分享

七、业界专访

关于意派Epub360



首先,当然是了解下意派Epub360这款H5设计工具咯~

001.《1分钟了解意派Epub360意派》

002.《意派Epub360获TopDigitial银奖》

003.《老赵对意派Epub360的产品解读》


004.《意派Epub360诞生记》

H5教程/技巧



1.基础学习

005.《精心准备素材,H5制作第一步》

006.《页面组织管理,合理搭建H5》

007.《基础组件,这个是必须要掌握的》

008.《表单组件,这样才能收集用户数据》

009.《动画与动效,让H5会说话》

010.《触发器,与用户互动起来》

011.《高级组件,用好就能与众不同》

012.《微信组件,打造社交互动类H5》

013.《数据库应用,抽奖/助力/社交游戏都能玩》

014.《逻辑组件,H5也能搞逻辑》

015.《发布推广作品,让更多人看到》

016.《查看访问统计,做到心中有数》


2.进阶技巧

序列帧:

序列帧是意派Epub360的一大功能特色,平台上许多优秀案例都涉及到序列帧,也是H5进阶的分水岭。

017.《3个案例告诉你序列帧怎么玩》

018.《序列帧的玩法技能大全》(内附视频)

SVG:

SVG是意派Epub360独有的特色功能,也是许多设计师经常用到的。

019.《3个酷炫作品实例让你知道什么是SVG》

020.《意派大神带你轻松玩转SVG路径动画》(内附视频)

021.《从SVG到逐帧动画,分分钟学会H5高级动画》(内附视频)

长页面/layer:

022.《4个H5长页面的制作要点》(视差滚动、位置触发、直曲线运动结合、SVG路径动画)

023.《触发长页面滚动,指哪到哪儿》

 
024.《巧用layer制作虚拟全景H5》

状态组:

025.《神奇的补间动画效果》

026.《状态组的常见应用场景》

陀螺仪:

027.《陀螺仪让你的手机“飞”一会》

截屏组件:

028.《用截屏轻松合成H5内容保存成图片》

029.《get三种图文合成H5的典型应用场景》

数据应用:

数据这块对逻辑性要求较高,但它可以实现助力、投票、抽奖等功能,可以尝试下。

030.《数据应用到底是什么》(内附视频)

031.《5个案例告诉你数据应用能做什么》
(大转盘抽奖、优惠券发放、兑换礼品、游戏排行榜等)

032.《数据应用太难不会用怎么办》


3.实战经验

033.《如何制作横屏H5》

034.《如何制作答题类H5》
(内附视频)

035.《如何制作360全景H5》(内附视频)

036.《如何制作趣味H5拼图》(内附视频)

037.《如何制作H5贺卡》内附视频)

038.《如何在H5中涂鸦》(内附视频)

039.《如何制作碰撞、拖拽等高级交互效果》
(内附视频)

一些详细的H5案例解析:

040.《央广主播的朋友圈H5——百万PV是怎样炼成的》

041.《Prezi要你好看——快闪H5制作攻略》

042.《不福不行——H5贺卡四大特效解析》

043.《视频H5制作中常见的4个坑》


4.小妙招

044.《10类易刷爆朋友圈的H5主题》

045.《10种为H5加分的酷炫特效》


046.《H5文字常用动效》


047.《数据可视化常见动效》
(内附视频)

048.《如何选择H5背景音乐》

049.《如何给你的H5人声配音》

050.《创作H5时如何寻找灵感》

精品案例



案例部分先来看看意派平台于2016年评选出的10支优秀H5:

051.《意派Epub360十佳H5案例》

下面是一些其他的精品案例欣赏:

1.常见的H5类型

052.《微官网H5》

053.《企业邀请函H5》

054.《婚礼请柬H5》

055.《个人简历H5》

056.《企业招聘H5》

057.《游戏类H5》

058.《数据报告H5》



2.节日类H5

059.《中秋节H5》

060.《母亲节H5》

061.《六一节H5》

062.《圣诞节H5》


3.其他H5

063.《时尚H5》

064.

065.《文艺H5》

066.《七夕H5》

067.《惊悚恐怖H5》

068.《暖心公益H5》


H5模板


069.《11支圣诞H5模板》

070.《11支双11模板》


071.《3支中秋节贺卡模板》

072.《30支优质H5模板》

073.《50个模版页资源》


另整理了平台近200支H5模板,不久会开放模板专区,供派友学习使用,请随时关注公众号最新消息。


行业探查



H5从业者应该知道的:

074.《2016年年度H5榜单》

075.《2015年年度H5榜单》

076.《H5设计三境界》

关于H5行业的一些看法:

077.《2016,H5的春天到了吗》

078.《HTML的影响力,将超出你我的想象》

079.《移动优先还不够,现在应该是H5优先》

080.《2016年,H5+、H5App也许是趋势》

081.《红利期已过,H5创意团队如何过活》

082.《除了H5,设计师还应关注哪些动态》

关于H5设计师职业方向的思考:

083.《浅谈平面设计师的转型之路》

084.《H5时代,平面设计师该有哪些转变(上)》

085.《H5时代,平面设计师该有哪些转变(下)》

086.《新媒体时代,如何让HR主动“勾搭”你》


087.《如何从平面快速上手H5交互》


资源分享




088.《H5素材资源哪里找》

089.《H5动画与交互合集》

090.《5种数据可视化方法》

091.《10款专业运营工具推荐》

092.《设计师必备的10大设计利器》

093.《4款专业开发小程序工具推荐》


业界专访



094.《dodo设计创意总监:李志》

095.《三人游创意总监:magic》

096.《JZ多媒体创始人:计育韬》

097.《知名摄影师张千里&左手夫妇》

098.《美晨互动设计师:吴静文》

099.《品牌设计师:邦小欠》

100.《品牌设计师:晗萧》
 
 


关注更多H5设计、案例、资讯

 

10