来源 / 网易H5（ID：wangyih5）
作者 / 哒哒er
从朋友圈获取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整体画面风格已定，需要图片充实，不如从这里来找找看。
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）混互联网的人，据说都想关注这个号。
365成长计划
2019年馒头商学院会员权益全面升级
8大主题课程学习
10大会员尊享权益
还有更多惊喜
等你来揭晓
馒头商学院2019年VIP会员课程，帮你安排全年学习计划，满足你更多的个人成长需求，好好投资自己的“第3个8小时”。大家速速报名加入吧~
硕士学位教育｜2019新媒体｜抖音
文案写作｜增长思维｜管理必修
台湾游学