恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
不要让一首歌,毁掉你的整个H5
0.0°
2017-07-05 原创文章 经验/观点 举报 4778 18 13 0

内附近百万个音频素材免费下载地址。

Image title

为什么RAP、快闪型的H5容易火?


因为某种程度上,RAP和快闪都是音画同步的,前者是语音与字幕同步,后者是节奏和画面同步。它的BGM(背景音乐)最有意义,与你要传达的内容相配,能大大提高用户的注意力。


“人类对听觉的反应要快过对视觉的反应。听觉刺激只需8~10毫秒即可传达到大脑,而视觉刺激则需要20~40毫秒。”(《微交互》)

 

当我们费尽心思在创意、设计上下功夫的时候,可能会忽略听觉的重要性,而听觉其实比视觉还重要。


一首好的BGM这么关键,但提起版权又比较伤钱,怎么办?


1、H5配音配乐三大忌

 

做H5,有三大忌:


(1)一点声音都没有


试想你看一部恐怖片,全程静音,你能代入吗?吓不死你,无聊死你。


(2)你自己爱到不行的歌


谈感情时机不对,再怎么合适也没用;挑音乐情绪不对,再怎么喜欢也白搭。

虽然选曲多少会带有你的个人趣味,但只要符合主题,你不喜欢《伤不起》也得考虑。

 

(3)无视目标

 

大自然风格的轻音乐,听了实在让人容易想睡!

 

很多地产广告为渲染好山好水好风光,爱用这种风格。但放活动邀请函,大家都听困了还报名?

 

2、和卖场学学怎么找好歌?

 

在营销界,为商场、餐馆精心挑选的音乐叫穆扎克(Muzak)。接受过音乐心理应用训练的专家,会到商店进行数据挖掘调查,针对购物人群设计专门的播放列表,要点有二:


(1)按音乐风格为人群分类,范围从独立摇滚到嘻哈到古典;

(2)单个播放列表,把控音乐的速度与节奏,一般每15分钟循环一次。(《品牌洗脑:世界著名品牌只做不说的营销秘密》)

 

慢歌能提高单个消费者的购物时间、消费量;快歌则相反,能减少单个消费者的购物时间,并在有限空间内提高消费人数。

Image title

所以我们去麦当劳听到的是《被驯服的象》、《Need You Now》这样轻快的、年轻化的流行乐——让食客吃快些好走人;在百果园听到的是《一只小雨伞》、《三月里的小雨》这样舒缓的、怀旧风的台湾民歌——让顾客逛慢点花多钱

 

存在明确的转化行为的H5广告,如果要第一时间抓住观众眼球,就得选比较轻快,甚至激奋人心的BGM;如果是沉浸式体验类型的H5,就得用节奏比较缓慢的BGM,不会让用户意识到度过了很长时间。

 

去哪里找合适的配乐?其实就三条路:


(1)找方便买版权的

 

如果合法性是第一位的,原则上是你选哪首歌,直接联系它的制作方(一般是音乐公司)询问版权所有者,购买版权就行;或者找三方代理联系。

 

但如果你想直接支付有版权的作品商用,很难。国外只有零星几个像Sostereo(小众音乐版权购买)、Gema(德国音乐版权购买)的组织,而且曲目有限。

Image title

以Sostereo为例,可以根据人声、情绪、氛围、风格搜合适的音乐,一首网络广告使用音乐的版权通常是2500美元(按当前汇率是16918元人民币),通用广告(包括电视、网络)则需7280美元。

 

(2)找音乐人或公司定制

Image title

比如16年淘宝造物节和华晨宇合作出品的《造物者》,无论风格、节奏与内容,都符合《ZAO》这个H5广告的调性。

 

还有RAP风格的H5,基本也需要按照广告内容进行定制,由创作团队包办词曲与演唱,要价一般好几万。

 

(3)随便找然后擦边球(不管版权)

 

首先,可以肯定的是你在H5广告中使用未授权的音乐作品,是违法的。


作品的合理使用仅限于:个人学习、研究或欣赏;为介绍、评论某一作品或说明某一问题时的适当引用,等等。

 

但有一个客观事实是,现在国内对音乐版权的查找、询价和付费都比较繁琐,而且也很昂贵。此外,国内忽视著作者合法权益的现象普遍,连张杰上《歌手》演唱《默》都被高晓松质疑没有获得授权。

 

基本心态就是:“大家都在用,我不用就吃亏了,等找上门来再说吧……”

 

没钱,又想做个守法公民?还是用便宜又丰富的音效吧——

 

3、和老虎机学学怎么配音效?

Image title

老虎机,风靡全球的赌博游戏机。一旦有玩家赢钱,就算是小钱,机器也会灯光四射、声响雷动,刺激玩家的神经。

 

以前的老虎机是拉杆式的,大都只有15种声音;而现在的老虎机可以刷卡,可以远程操纵中奖概率,还具备接近400种音效——每次转轮转动、每种游戏结果的音效都不同,而且玩家的赌博时间越长,音乐速度越快,声音越大

 

用简单的音效撑起一个H5的特例,当属悟脚叔叔用 iH5 做的这个邀请函《全球INS大会,这会有意思!》


你可能没看出里面有两个音效:一开始需要长按屏幕,才会触发第一个短音效,一松手便停止,且音量会一点点增强;长按超过三秒后进入新的页面,并播放第二个长音效。

 

总的来说有四个要点:

 

(1)时间节点:根据页面场景类型判断。

(2)节奏:根据画面的情绪来选择。

(3)速度:根据页面的制作目标设计。

(4)音量:影响听者的注意力集中程度。

 

4、音效搭配大全:场景化的秘诀

 

所以什么时候需要在H5中使用音效?简单分为以下两种情况:

 

(1)对画面有较大意义的触发器,可以适当配上音效。比如拟物化的按钮、游戏中的一些用户操作,等等。

Image title

(2)画面切换或有新活动时,尽量配上符合场景的音效,譬如汽车广告搭配引擎发动,来电搭配铃声、倒计时搭配钟响、对话搭配旁白等。

 

如果H5本来就有背景音乐,落地页应该尽量使用不同的BGM,原则是节奏比较强,才能刺激听者的注意力。


示例:

《Hey,我们在未来等你》(BY linxiyangyu),Veravom设计师用 iH5 制作的年会邀请函。


5、音效&配乐下载大全

 

授人以鱼不如授人以渔,这次我就不整理音效包了,但来说说两个“偷师”的方法——

 

(1)“搜白度盘”:批量下载


搜白度盘:http://www.sobaidupan.com

Image title

使用关键词“音效包”、“音效素材”、“音效”等在这个网站检索,能挖到很多别人收集好的公开的音效包,针对性强一点的,游戏音效、古风音效也能搜出来。

 

光看这些名字和几个G的体积就很兴奋呢!

 

(2)国内外音效网站:按需下载

 

去什么音效网取材,取决于你需要哪一类素材。但很多时候我们对音效的需求非常具体,搜不出来怎么办?

 

其实,不同音效网站有它独特的分类体系,弄清它们的区别,能提高查准率。

Image title

爱给网:几十万个免费的影视和游戏音效、配乐素材,有各种各样的音效包、配乐包,还可以根据特定游戏、厂牌进行检索。需要注意该网站收集的素材没有授权,是试听免费。

http://www.aigei.com

Image title

100AUDIO商用音乐库:收录的素材不多,但都可以直接付费购买,而且分类非常精准(情绪、音乐风格、乐器等)。多数配乐在600元上下;很多免费音效,付费的在20元上下,但也有高达1494元的(斗地主人声合集)。

https://100audio.com


AudioJungle(国外):全球著名的商用音乐库,音效基本定价都在5美元以内,音乐大部分在40美元以内。

https://audiojungle.net/

 

FreeSFX(国外):上万个免费音效和音乐库,按效果分类,支持商用。

http://www.freesfx.co.uk

 

FindSounds(国外):收录全球各地的音效,按效果分类(点击Chinese会自动把列表翻译为中文),支持免费试听与下载,不保证授权。

http://www.findsounds.com/types.html

 

站长之家:上万个音效素材,按效果进行分类,而且有很多网友剪辑影视作品的音效;不保证授权。

http://sc.chinaz.com/yinxiao

 

免费版权音乐(国外):4万5个公开音乐版权素材,所有收录的音频都可以商用,按音乐风格分类。

http://freepd.com/


6、非商业性H5选歌指南

 

个人使用音乐的话,有三个便捷的办法——

 

A、现学:搜关键词,找符合情绪的歌单

 

关键词主要分两种,情绪和曲风。

Image title

比如激动氛围可以用“恢弘”、“大气”、“史诗”、“走秀”这些词找;轻松氛围常用“轻快”、“民谣”、“咖啡厅”、“小清新”等词;游戏氛围常用“RPG”、“马里奥”、“电玩”、“红白机”等词;回忆氛围常用“怀旧”、“台湾民歌”、“港乐”、“复古”、“老歌”等词;还有“古风”、“武侠”、“电音”等等。

 

B、联想:搜热门歌,找同类型曲目

 

比如你明明很想用PPAP,但原版太多人用怎么办?找翻唱的、改版的、纯音的等等。当然,这招仅用于传唱度极高的音乐。

 

C、借鉴:搜影视原声,挖好歌

 

影视原声专辑通常质量都很高,直接找“soundtrack”、“原声”选合适风格或氛围的专辑试听,成功率也很高。

 

最后推荐几个H5广告制作的实用工具:

Image title

iH5 3.0(无需下载,直接在电脑登录www.ih5.cn就可以进行各种复杂的H5页面制作)


Adobe Audition(专业的音频处理软件)

格式工厂(多功能的多媒体格式输出软件,可用于转化音频为MP3)

GarageBand(专业的配乐创作与音频合成软件,只支持苹果系统)


成败在此一战。你下次还会随便在H5里放一首歌吗?


更新:2017-07-05

收藏

18人已收藏

iVX互动大师

真正意义上的“0”代码开发语言——iVX

  • 7

    作品

  • 19

    粉丝

  • 1

    关注

  • 8月H5 TOP10,新鲜出炉!
  • 8支七夕节的精选H5,请查收 √
  • 6月H5排行榜,TOP 20新鲜出炉
  • Web制作教程02:怎样快速地制作重复素材?

    猜你喜欢

      2017-07-05 原创文章 经验/观点 举报 4778 18 13 0

      不要让一首歌,毁掉你的整个H5

      0.0°

      你确定要举报不要让一首歌,毁掉你的整个H5

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年07月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      18
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录