案例、灵感哪里找？网易H5团队收藏的24个网站首度公开
本文转自微信公众号：网易H5
从朋友圈获取H5信息是外行的手段，业内人士在做H5时，会从设计类、动效类制作网站获取帮助。
浏览网站不仅是为了学习国内外的H5设计手法，也是为了扩宽眼界，激发创作灵感。
做H5都要学习哪些网站？究竟有哪些网站值得你收藏？网易哒哒H5团队收藏的23个网站，首度公开（所有网站链接可于“网易H5”公众号后台回复“案例”获得）。
H5案例汇总网站
1.网易哒哒
这个是网易哒哒团队的官方网站，哒哒的全部H5作品都可以在网站上看到。如果想要学习爆款收割机的网易H5，这个网站一定要收藏。
2.哇呸H5
这个网站对H5的行业、特效、风格、色彩等等进行细分，查找分类标签就可以轻松找到H5案例。
网站还提供H5的制作团队和工具信息，可以直接外链到H5制作网站。
在设计导航栏目，哇呸提供设计网站、图片素材网站，设计师可以直接点击进入。
3.H5案例分享
这个网站提供大量的H5案例，每个案例都配有具体的分析，从创意、策划、设计、体验多个方面研究H5的亮点。
每个案例还配有二维码和内页截图，不用扫码也可以知道H5具体在讲什么。
4.FWA
FWA是国外网站，这里提供大量的国外H5案例，包括日、韩、美各个国家。
经典的黑白插画风格的H5《The Boat》可以在FWA上观看。
国外的H5更重视画面内容创意，交互形式反而较弱。区别于国内，国外的优秀的视觉设计是国内H5很少做到的。
国外常常采用大量的插画、鲜艳的色彩，每一幅图片都精美无比。
我们之前的文章《国外H5“真面目”，有什么值得学》对国外H5进行过分析。
图片设计类网站
1. 千图网
千图网为设计师提供800多万张素材，拥有矢量图、psd源文件、图片素材等等主流素材下载服务。
千图网是一个收费网站，如果需要下载大量素材还需要购买会员。
2. 千库网
这个网站和千图网类型差不多，都是设计师的素材库。
千库网拥有500万优质PNG免扣元素，还提供大量的背景和模板素材。
简单的海报、易拉宝设计都可以从千库网获取素材。
3.123RF
123RF每日更新正版优质照片、矢量图和视频三类素材，用户可以按照解析度、FPS仔细筛选素材。
摄影作品是其他平台没有的部分，如果H5需要穿插动图，可以从这个网站上购买试用。
4.花瓣
花瓣网是一个基于兴趣的社交分享网站，也是一个设计师找灵感的地方。
用户可以把喜欢的图片采集到个人画板中，每个画板都可以有用户自行定义分类。
画板可以直观的表现用户的品味、爱好，用户可以采集其他用户画板中的图片，进行简单互动。
5.站酷
站酷网聚集了大量的中国设计师、艺术院校生、原创艺术家等等，用户可以在站酷网上进行原创设计交流。
沟通是最能迸发灵感的方法，只是默默观赏并不能很好的理解创意作品，站酷网为用户提供了这个平台，H5设计师可以在站酷网上寻找灵感。
“同城”“生活圈”等栏目让设计师感到十分亲切，关注、私信等功能让这个网站极具社交性。
6.Behance
Behance提供给创意人士展示作品和观摩作品的平台，它汇聚了设计、摄影、广告等多个领域内容，吸引许多设计师入驻。
国内的用户进入Behance需要翻墙，尽管操作复杂了些，这个网站还是值得收藏的。
7. CSSDesignAwards
CSS设计奖，网站的设计者可以选出一个奖项的提名者，奖项设计十分有趣。
每天都有大量的创意在这个网站中闪现，用户浏览其他设计师的作品会迸发无数灵感，创造属于自己的作品。
8.Dribbble
Dribbble是寻找和展示作品的聚集地，是专业设计人士的家。
许多设计师为了获取创作灵感，回来这个网站与其他设计师切磋灵感。
9.Pinterest
Pinterest上的作品有很多来源于Pintrest。
网站覆盖范围广，可以按照颜色分类搜索作品。如果H5整体画面风格已定，需要图片充实，不如从这里来找找看。
10.deviantart
deviantart是一个为艺术家展示各自作品、并交流讨论而设计的社交网路服务网站。
它的栏目可以分为个人日志、新闻、论坛、作品等等，可以评论交流进行社交活动。
视频素材网站
1.VJshi
VJshi提供AE、PR、会声会影等视频制作模板，包括数字开头、实拍视频，十分实用。
2.Vimeo
Vimeo是美国非常流行的原创视频分享平台，这里分享的视频都经过精心拍摄剪辑，不同于类型繁多的YouTube。
在Vimeo上，上传视频质量不会被压缩，许多视频都支持下载。
唯一遗憾的是，这个外网需要翻墙才能进入。但是Vimeo有专属的APP，在国内APP store就可以下到。
3.cartoonnetwork
卡通网站是玩免费游戏和看儿童电视节目的最佳场所。
想要让用户玩起来，就要找到有趣的点，卡通人物和动画最能勾起用户的童趣。
参考这个网站，用孩子的眼光看问题，找到不同的切入角度。
4.Youtube
不用多说，这个网站似乎不是什么秘密了，什么都有。
Youtube上的视频涉及文化、历史、美食、音乐各个方面。没灵感就去刷刷Youtube，总会让你看得停不下来。
音效/动效设计网站
1.爱给
图片和视频的视觉元素已经足够多了，H5的音效也要被重视。
现代科技感十足的H5配合节奏稍快的背景音乐更合适，但是H5配了个柔美的古风小曲，这种反差可玩不起来。
交互设计中的音效必不可少，爱给网提供音效、配乐，还提供教程和配套插件，十分方便用户使用。
2.Freesound
Freesound具有超过400,000个声音和效果，从现场录音到合成效果，素材库里包含了所有你想听到的声音，H5可以从网站找到合适的配乐。
3.Form Follows Function
这个网站提供用户一系列引人入胜的互动体验，每种体验都有独特的设计和功能。
每个色彩代表一种互动设计，这些设计组成一个转盘，鼠标滑动即可切换效果，点开即可体验。
信息获取类
1.数英网
数英网以分享新媒体资讯为主，主打财经、娱乐、体育等二十多个栏目。
数英网提供及时、准确的新闻资讯，用户可以在这里获得互联网相关的业内信息。
2.知乎“H5广告”和“H5”话题
知乎这个问答胜地，总能解决你的疑问。
这里可以与入驻的行内大咖进行交流，邀请名人回答问题。
3.TOPYS 顶尖文案
顶尖文案专注于全球创意、艺术、人文领域，是国际优质案例的灵感库，也有一些创意人物发声、创意行业观察。
每年主办有MINDPARK创意大会，邀请行业大师，汇集营销圈内人。
策划在前，制作在后，两者都很重要。
找素材是策划H5的一部分，优秀的设计离不开的炫酷的元素。
灵感就像烟花一样，点燃才会开花。你不点，永远只是一个空无用处的摆设。
如果灵感枯竭了，不如去设计网站看一看，和大师切磋一下作品。
网站收藏了不等于H5做好了，有目的地利用这些网站，才是正确的做法。
ps.想要获取以上网站链接，请在“网易H5”微信公众号对话框，后台回复关键词“案例”即可获得。
#你问我答时间：
如果你有关于H5、营销、策划、运营、互联网方面的干货需求、行业讯息、想吃的瓜、想吐的嘈、想扒的料、任何你想知道想了解的，都可以在下方给我们留言，我们会挑选好的问题解答。
评论
评论
推荐评论
全部评论（1条）