H5精品资源集,必须收藏!

在QQ群或者论坛里,经常有派友问:有木有优秀H5作品欣赏汇总的网站?大家一般是如何找那些高大上的背景音乐呢?还有那个全景的用神马工具做的……OK,基于此,就萌生了这个资源集的想法,期待大家的跟帖投稿,并以一 ...

 
20150526更新
 

在QQ群或者论坛里,经常有派友问:有木有优秀H5案例汇总的网站?大家一般是如何找那些高大上的背景音乐呢?还有那个全景用神马工具做的……

 

OK,基于此,就萌生了这个H5精品资源集的想法,感谢派友Never、Mr.u、逗号、晗萧、simpleas、bordex、老赵等派友的分享和宝贵建议!

 

案例学习

 

数英-项目-移动:几乎都是大牌作品,质量佳,附带项目设计方,可投稿。

 

H5说:作品质量佳,几乎每天更新一个,可投稿,有最新和最热两个榜单!

 

Epub360官网-浏览发现-精选:作品质量佳,里面的“特效”用Epub360可轻松实现,可找到设计方。作品被加精三次,自动入选推荐设计师/机构板块。

 

营销策划

 

正所谓设计师和美工的区别是一个有思想,一个没思想,所以下面也放上两个偏数字营销的学习平台供派友们参考学习。

 

数英:大中华区权威数字媒体及职业招聘社交平台,内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域。

 

TOPYS:全球顶尖创意分享,有很多国外案例。

 

图片素材:

 

站酷网:国内最具人气的设计师互动平台,大量免费优质素材!

 

昵图网:原创素材共享平台,虽然有些素材质量不高,但是很丰富!

 

500px:最出色的摄影社区

 

Unsplash、Little Visuals、Superfamous Studios:免费高品质的照片网站(国外,也许要翻墙)

 

音乐素材:

 

爱给网:免费的游戏素材网站,其中的音效库还不错。

 

点点网:国内最早的轻博客,虽然官方停止了运营,但是上面的音乐达人还在,搜索“音乐”、“电音”等相关标签易找到惊艳音乐。热度过十,值得一听!

 

因为H5作品主要是在移动端呈现,考虑到用户手机性能、网速等原因,除了动效不要过于复杂,作品本身素材的优化也很重要,下面分享一些素材压缩工具。

 

图片压缩工具:

 

tinypng:一个在线压缩图片的神站,支持png和jpg,有相应PS插件。

 

pngquant:本地压缩png图片利器。

 

音频剪切工具:

 

迅雷看看、QQ影音播放器、酷狗铃声自带的“音频截取”功能都能满足普通的剪切需求,个人觉得迅雷看看播放器用户体验稍微好些,但是建议用专业的音频编辑工具,推荐的是Adobe Audition。专业的工具精度高,能解决上面那些不容易一次剪切好,要反复剪切试听的痛苦。

 

更多:涨姿势之H5音乐ABC

 

音视频压缩工具:

 

Epub360目前只支持MP3格式的音频、MP4格式的视频。对于音视频压缩工具,也许大家会推荐格式工厂,但是我觉得格式工厂的效果比较差。一压缩,音质或者画质也跟着变差,我表示无法接受,所以我几乎不用音视频压缩工具,期待粗现好的音视频压缩工具,也期待大家的推荐。

 

GIF图制作工具:

 

GifCam:一款非常简单的GIF动图录制/制作工具,具有精确录制、可剪辑等特色。

 

全景图制作工具:

 

有段时间,在Epub360扣扣群里,如何制作全景图的讨论热火朝天。

 

360全景不是凭空生成的,要制作一个360全景,我们需要有原始的图像素材,原始图像素材的来源可以是:

 

A、在现实的场景中,使用相机的全景拍摄功能得到的鱼眼图像

B、通过建模渲染得到的虚拟图像

 

同时发现大家基本都是在用Pano2VR作为后期制作工具

 

详情可移步论坛相关帖【141128周答疑TOP2】关于微信游戏、全景图

 

二维码制作工具

 

草料网:简单、便捷、功能强大的免费二维码在线服务网站,上面还有较多的好看的二维码模板。

 

暂时就是这些了,同时也期待大家跟帖反馈,把这个资源集不断完善。

 

上面的推荐都是大家亲测,精心筛选而出,赶快转发给小伙伴或收藏起来吧!

10

相关文章: