我整理了60多款活动运营工具，做活动看这篇足够！建议收藏

从朋友圈获取H5信息是外行的手段，业内人士在做H5时，会从设计类、动效类制作网站获取帮助。

 

浏览网站不仅是为了学习国内外的H5设计手法，也是为了扩宽眼界，激发创作灵感。

 

做H5都要学习哪些网站？究竟有哪些网站值得你收藏？网易哒哒H5团队收藏的23个网站，首度公开。

 

H5案例汇总网站

 

1.网易哒哒 

 

这个是网易哒哒团队的官方网站，哒哒的全部H5作品都可以在网站上看到。如果想要学习爆款收割机的网易H5，这个网站一定要收藏。

 

 

网易哒哒

 

2.哇呸H5  

 

这个网站对H5的行业、特效、风格、色彩等等进行细分，查找分类标签就可以轻松找到H5案例。

 

网站还提供H5的制作团队和工具信息，可以直接外链到H5制作网站。

 

在设计导航栏目，哇呸提供设计网站、图片素材网站，设计师可以直接点击进入。

 

 

哇呸H5

 

3.H5案例分享  

 

这个网站提供大量的H5案例，每个案例都配有具体的分析，从创意、策划、设计、体验多个方面研究H5的亮点。

 

每个案例还配有二维码和内页截图，不用扫码也可以知道H5具体在讲什么。

 

H5案例分享

 

4.FWA 

 

FWA是国外网站，这里提供大量的国外H5案例，包括日、韩、美各个国家。

 

经典的黑白插画风格的H5《The Boat》可以在FWA上观看。

 

国外的H5更重视画面内容创意，交互形式反而较弱。区别于国内，国外的优秀的视觉设计是国内H5很少做到的。

 

国外常常采用大量的插画、鲜艳的色彩，每一幅图片都精美无比。

 

 

FWA

 

 

图片设计类网站

 

1. 千图网

 

千图网为设计师提供800多万张素材，拥有矢量图、psd源文件、图片素材等等主流素材下载服务。

 

千图网是一个收费网站，如果需要下载大量素材还需要购买会员。

 

千图网

 

2. 千库网

 

这个网站和千图网类型差不多，都是设计师的素材库。

 

千库网拥有500万优质PNG免扣元素，还提供大量的背景和模板素材。

 

简单的海报、易拉宝设计都可以从千库网获取素材。

 

 

千库网

 

3.123RF

 

123RF每日更新正版优质照片、矢量图和视频三类素材，用户可以按照解析度、FPS仔细筛选素材。

 

摄影作品是其他平台没有的部分，如果H5需要穿插动图，可以从这个网站上购买试用。

 

 

123RF

 

4.花瓣

 

花瓣网是一个基于兴趣的社交分享网站，也是一个设计师找灵感的地方

 

用户可以把喜欢的图片采集到个人画板中，每个画板都可以有用户自行定义分类。

 

画板可以直观的表现用户的品味、爱好，用户可以采集其他用户画板中的图片，进行简单互动。

 

 

花瓣

 

5.站酷

 

站酷网聚集了大量的中国设计师、艺术院校生、原创艺术家等等，用户可以在站酷网上进行原创设计交流。

 

沟通是最能迸发灵感的方法，只是默默观赏并不能很好的理解创意作品，站酷网为用户提供了这个平台，H5设计师可以在站酷网上寻找灵感。

 

“同城”“生活圈”等栏目让设计师感到十分亲切，关注、私信等功能让这个网站极具社交性。

 

 

站酷

 

6.Behance

 

Behance提供给创意人士展示作品和观摩作品的平台，它汇聚了设计、摄影、广告等多个领域内容，吸引许多设计师入驻。

 

国内的用户进入Behance需要翻墙，尽管操作复杂了些，这个网站还是值得收藏的。

 

 

 

 

Behance

 

7. CSSDesignAwards

 

CSS设计奖，网站的设计者可以选出一个奖项的提名者，奖项设计十分有趣。

 

每天都有大量的创意在这个网站中闪现，用户浏览其他设计师的作品会迸发无数灵感，创造属于自己的作品。

 

 

CSSDesignAwards

 

8.Dribbble

 

Dribbble是寻找和展示作品的聚集地，是专业设计人士的家。

 

许多设计师为了获取创作灵感，回来这个网站与其他设计师切磋灵感。

 

 

Dribbble

 

9.Pinterest

 

Pinterest上的作品有很多来源于Pintrest。

 

网站覆盖范围广，可以按照颜色分类搜索作品。如果H5整体画面风格已定，需要图片充实，不如从这里来找找看。

 

Pinterest

 

 

10.deviantart

 

deviantart是一个为艺术家展示各自作品、并交流讨论而设计的社交网路服务网站。

 

它的栏目可以分为个人日志、新闻、论坛、作品等等，可以评论交流进行社交活动。

 

 

deviantart

 

 

视频素材网站

 

1.VJshi

 

VJshi提供AE、PR、会声会影等视频制作模板，包括数字开头、实拍视频，十分实用。

 

VJshi

 

2.Vimeo

 

Vimeo是美国非常流行的原创视频分享平台，这里分享的视频都经过精心拍摄剪辑，不同于类型繁多的YouTube。

 

在Vimeo上，上传视频质量不会被压缩，许多视频都支持下载。

 

唯一遗憾的是，这个外网需要翻墙才能进入。但是Vimeo有专属的APP，在国内APP store就可以下到。

 

 

Vimeo

 

3.cartoonnetwork

 

卡通网站是玩免费游戏和看儿童电视节目的最佳场所。

 

想要让用户玩起来，就要找到有趣的点，卡通人物和动画最能勾起用户的童趣。

 

参考这个网站，用孩子的眼光看问题，找到不同的切入角度。

 

 

cartoonnetwork

 

4.Youtube

 

不用多说，这个网站似乎不是什么秘密了，什么都有。

 

Youtube上的视频涉及文化、历史、美食、音乐各个方面。没灵感就去刷刷Youtube，总会让你看得停不下来。

 

 

Youtube

 

 

音效/动效设计网站

 

1.爱给

 

图片和视频的视觉元素已经足够多了，H5的音效也要被重视。

 

现代科技感十足的H5配合节奏稍快的背景音乐更合适，但是H5配了个柔美的古风小曲，这种反差可玩不起来。

 

交互设计中的音效必不可少，爱给网提供音效、配乐，还提供教程和配套插件，十分方便用户使用。

 

 

爱给

 

2.Freesound

 

Freesound具有超过400,000个声音和效果，从现场录音到合成效果，素材库里包含了所有你想听到的声音，H5可以从网站找到合适的配乐。

 

 

Freesound

 

3.Form Follows Function

 

这个网站提供用户一系列引人入胜的互动体验，每种体验都有独特的设计和功能。

 

每个色彩代表一种互动设计，这些设计组成一个转盘，鼠标滑动即可切换效果，点开即可体验。

 

 

Form Follows Function

 

 

信息获取类

 

1.数英网

 

数英网以分享新媒体咨询为主，主打财经、娱乐、体育等二十多个栏目。

 

数英王提供及时、准确的新闻咨询，用户可以在这里获得互联网相关的业内信息。

 

 

数英网

 

2.知乎“H5广告”和“H5”话题

 

知乎这个问答胜地，总能解决你的疑问。

 

这里可以与入驻的行内大咖进行交流，邀请名人回答问题。

 

 

知乎

 

策划在前，制作在后，两者都很重要。

 

找素材是策划H5的一部分，优秀的设计离不开的炫酷的元素。

 

灵感就像烟花一样，点燃才会开花。你不点，永远只是一个空无用处的摆设。

 

如果灵感枯竭了，不如去设计网站看一看，和大师切磋一下作品。

 

网站收藏了不等于H5做好了，有目的地利用这些网站，才是正确的做法。

 

来源 / 网易H5（ID：wangyih5）

作者 / 哒哒er