作为专业的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.《触发长页面滚动,指哪到哪儿》
状态组:
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设计、案例、资讯