热点资讯

H5资源集,必须收藏!

\
 
  在QQ群或者论坛里,经常有派友问:有木有优秀H5案例汇总的网站?大家一般是如何找那些高大上的背景音乐呢?还有那个全景用神马工具做的……
 
  OK,基于此,就萌生了这个H5精品资源集的想法,感谢派友Nevver、Mr.u、逗号、晗萧、simpleas、老赵等派友的分享和宝贵建议。
 
案例学习
 
  数英-项目-移动:几乎都是大牌作品,质量佳,附带项目设计方,可投稿。
  
  H5说:作品质量佳,几乎每天更新一个,可投稿,有最新和最热两个榜单!
 
  Epub360官网-浏览发现-精选:作品质量佳,里面的“特效”用Epub360可轻松实现,可找到设计方。作品被加精三次,自动入选推荐设计师/机构板块。

营销策划
 
  正所谓设计师和美工的区别是一个有思想,一个没思想,所以下面也放上两个偏数字营销的学习平台供派友们参考学习。
 
  数英:大中华区权威数字媒体及职业招聘社交平台,内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域。
 
  TOPYS:全球顶尖创意分享,有很多国外案例。
 
图片素材:
 
  站酷网:国内最具人气的设计师互动平台,大量免费优质素材!
 
  昵图网:原创素材共享平台,虽然有些素材质量不高,但是很丰富!
  
  500px:最出色的摄影社区
 
  Unsplash、Little Visuals、Superfamous Studios:免费高品质的照片网站(国外,也许要翻墙)
 
音乐素材:
 
  爱给网:免费的游戏素材网站,其中的音效库还不错。
 
  点点网:国内最早的轻博客,虽然官方停止了运营,但是上面的音乐达人还在,搜索“音乐”、“电音”等相关标签易找到惊艳音乐。热度过十,值得一听!
 
  因为H5作品主要是在移动端呈现,考虑到用户手机性能、网速等原因,除了动效不要过于复杂,作品本身素材的优化也很重要,下面分享一些素材压缩工具。
 
图片压缩工具:
 
  tinypng:一个在线压缩图片的神站,支持png和jpg。
 
  pngquant:本地压缩png图片利器。
 
音频剪切工具:
 
  迅雷看看、QQ影音播放器、酷狗铃声自带的“音频截取”功能都能满足普通的剪切需求,个人觉得迅雷看看播放器用户体验稍微好些,但是建议用专业的音频编辑工具,推荐的是Adobe Audition。专业的工具精度高,能解决上面那些不容易一次剪切好,要反复剪切试听的痛苦。
 
音视频压缩工具:
  
  Epub360目前只支持MP3格式的音频、MP4格式的视频。对于音视频压缩工具,也许大家会推荐格式工厂,但是我觉得格式工厂的效果比较差。一压缩,音质或者画质也跟着变差,我表示无法接受,所以我几乎不用音视频压缩工具。
 
GIF图制作工具:
 
 GifCam:一款非常简单的GIF动图录制/制作工具,具有精确录制、可剪辑等特色。
 
全景图制作工具:

  有段时间,在Epub360扣扣群里,如何制作全景图的讨论热火朝天。
 
360全景不是凭空生成的,要制作一个360全景,我们需要有原始的图像素材,原始图像素材的来源可以是:
 
A、在现实的场景中,使用相机的全景拍摄功能得到的鱼眼图像
B、通过建模渲染得到的虚拟图像
 
同时发现大家基本都是在用Pano2VR作为后期制作工具
  
二维码制作工具
 
  草料网:简单、便捷、功能强大的免费二维码在线服务网站,上面还有较多的好看的二维码模板。