在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】关于微信游戏、全景图
二维码制作工具
草料网:简单、便捷、功能强大的免费二维码在线服务网站,上面还有较多的好看的二维码模板。
暂时就是这些了,同时也期待大家跟帖反馈,把这个资源集不断完善。
上面的推荐都是大家亲测,精心筛选而出,赶快转发给小伙伴或收藏起来吧!