案例、灵感哪里找?网易H5团队收藏的24个网站首度公开

举报 2019-03-22

 本文转自微信公众号:网易H5

1553220450974782.jpg

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

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

做H5都要学习哪些网站?究竟有哪些网站值得你收藏?网易哒哒H5团队收藏的23个网站,首度公开(所有网站链接可于“网易H5”公众号后台回复“案例”获得)。

 H5案例汇总网站 

1.网易哒哒

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

1553220682628230.jpg


2.哇呸H5 

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

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

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

1553220729838794.jpg


3.H5案例分享

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

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

1553220788716509.jpg


4.FWA

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

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

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

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

我们之前的文章《国外H5“真面目”,有什么值得学》对国外H5进行过分析。

1553220848724790.jpg


 图片设计类网站 

1. 千图网

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

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

1553220904669683.jpg


2. 千库网

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

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

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

1553220942728275.jpg


3.123RF

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

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

1553220972617319.jpg


4.花瓣

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

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

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

1553221018562306.jpg


5.站酷

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

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

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

1553221055288014.jpg


6.Behance

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

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

1553221154120895.jpg


7. CSSDesignAwards

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

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

1553221188146617.jpg


8.Dribbble

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

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

1553221224143375.jpg


9.Pinterest

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

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

1553221249230803.jpg


10.deviantart

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

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

1553221277314040.jpg


 视频素材网站 

1.VJshi

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

1553221331895130.jpg


2.Vimeo

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

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

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

1553221361467722.jpg


3.cartoonnetwork

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

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

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

1553221400678013.jpg


4.Youtube

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

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

1553221429368106.jpg


 音效/动效设计网站 

1.爱给

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

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

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

1553221488742164.jpg


2.Freesound

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

1553221526758637.jpg


3.Form Follows Function

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

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

1553221577225834.jpg


 信息获取类 

1.数英网

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

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

1553221698203042.jpg


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

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

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

1553221731441961.jpg


3.TOPYS 顶尖文案

顶尖文案专注于全球创意、艺术、人文领域,是国际优质案例的灵感库,也有一些创意人物发声、创意行业观察。

每年主办有MINDPARK创意大会,邀请行业大师,汇集营销圈内人。

1553223775110311.png

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

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

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

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

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


ps.想要获取以上网站链接,请在“网易H5”微信公众号对话框,后台回复关键词“案例”即可获得。

#你问我答时间:

如果你有关于H5、营销、策划、运营、互联网方面的干货需求、行业讯息、想吃的瓜、想吐的嘈、想扒的料、任何你想知道想了解的,都可以在下方给我们留言,我们会挑选好的问题解答。


    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(1条)

    发布者
    网易新闻

    网易新闻

    北京 海淀区

    西北旺东路10号院中关村软件园二期西区7号

    行业:互联网

    官网:http://www.163.com