距离双十一仅有不到1星期时间了，
想必各位小伙伴亦在加班加点准备，
传统电商的优惠券、满减等方式，
已然作为了最基本的营销方式，
想要创造更加多的玩法，
少不了有些神器的助攻。
例如集照片、视频、音频、
地图、导航、互动等等功能集一身的H5，
当然是活动人的必须选取之一啦。 
（曾经火热双十一的H5：单身狗大冒险）
制作H5，最重要的是创意，其次便是素材的整合和设计，前面数艺君给大众介绍过H5音效的制作（点这儿回顾），今天就给大众整理一波H5案例及素材的源自，为大众双十一助力。
H5案例素材在哪里找？
设计师眼界的高低直接影响设计能力的高低，因此说，平常的案例累积非常关键。要去哪里找到精品H5案例？
首要是在各大H5工具平台，每款工具都有着自己的精品案例展示库，能够供咱们参考和学习。虽然这些案例库在数量上占优良，但局限性亦很大，案例的精致程度亦常常不足高，只看这些案例的话，你是很难有显著提高的，就像学习踢足球，跟着水平差的教练员练球，就算你再怎么用功，自己的能力亦不可能提高。因此，你需要找到能够看到好作品的途径，以提高自己的审美和眼界。
新闻网站
站酷网
站酷网是日前国内最大的设计师交流分享社群，如图 所示。近年来，因H5的显现，站酷网关于H5的分享亦多了起来。在网站搜索栏直接输入“H5”，就能找到各式项目案例。网站关联内容与设计行业关系密切，案例水准亦相对较高。 
站酷网-H5内容版块
数英网
数英网是日前数字营销行业中很强的内容平台，如图所示。该网站每日都会相关于数字营销行业的内容与热点更新，在这儿，你能够找到非常多高质量的H5案例，同期亦能找到非常多的行业精品文案。
在网站搜索栏中直接输入“H5”，就能找到各样关联内容了。数英网的关联内容与数字营销行业密切关联，案例亦大都是大机构的专业团队出品的。 
数英网-H5内容版块
在网站搜索栏中直接输入“H5”，你就能找到各样H5参考了。花瓣网的关联内容与设计行业的相关性很强，内容多以视觉设计为主，调性比较贴近互联网行业，案例质量相对较高。
酷5网
酷5网是本书配套的H5学习网站，经过该网站你能够找到与H5关联的案例、动态、视觉、文案和音效等学习内容，内容量虽不大，但内容种类丰富而全面，全部网站是以H5分享为主的，如图所示。
网站会不定时上传H5精品案例，虽然案例数量不可和以上这些前门户相比，但收录在网站的H5案例能够说都是精品。在网站的导航栏点击H5网站案例，你就能看到H5的案例列表了。 
酷5网-H5内容版块
以上分享的这3个网站（如图所示）都有丰富的内容沉淀，案例分享亦都是以专业级为主的。虽然咱们平时运用的H5工具可能实现不了这些网站展现的H5效果，但你要晓得，观看这些案例的目的是要提高眼界和认知，这能够让你跳出模版的定向思考，看到更加多不同样的表现方式。   
H5新闻网站
而讲到H5案例，还有一点经验便是，在选取H5工具时，有经验的人通常会先去浏览工具网站的案例库。倘若工具网站的案例库都非常精彩，那样很大可能这款工具的表现力不错；倘若案例库很平庸，就说明这款工具很难做出出彩的H5。
新闻自媒介
在2015年H5刚才显现时，显现了非常多媒介号，但随着时间的推移，非常多关联的自媒介都停止了更新，如今还在继续产出优秀内容的自媒介平台已然非常少了。
在这儿，与H5关联的公众号，举荐大众关注“H5宣传新闻站”，这是日前还在保持产出H5深度分析内容的公众号平台之一，如图所示。 
（公众号）H5宣传新闻站
而在H5技术行业，日前内容依然比较优秀的H5自媒介是知乎的“H5版”，如图所示，在知乎直接搜索“H5”，就能够看到这个版块。该归类内容更加偏向技术，有这方面学习需要的伴侣能够关注。 
（知乎H5版）H5宣传
得到照片与设计素材
照片与设计元素是制作H5时最常用的素材，咱们应该从哪里得到？相信非常多初学者都是直接经过百度、谷歌搜索来寻找素材的。这般找确实方便，亦不费什么脑子，但问题亦最多。
这般找到的素材，常常质量低，品相差，品类亦比较少。咱们亦很难判断这些素材的出处，倘若要将素材用在商场项目中，还会有侵权的危害。因此，不意见大众只运用这种方式得到素材图，这儿给大众举荐有些专业度较高的照片与设计素材库。
综合类素材库
千图网、昵图网和摄图网这3个网站都是结合了免费素材和付费素材的综合类素材网站，如图所示。这个类别的网站有非常多，但这3个是运用率较高的。
在这类素材网站中，除照片素材外，还能找到海量设计素材的源文件，相比于百度搜索，其品类丰富，数量多，质量好，除免费素材外，还有海量素材以月费形式供给下载和运用服务，收费门槛相对较低。在得到素材时，大众亦要重视，有些素材即便供给付费下载，亦是不可直接运用在商场项目中的，因此必定要查看下载说明。 
综合类素材库
付费类素材库
倘若你对素材有更高需求，还能够选取专业度更高的付费素材网站。本书列举了比较平常的3家，如图所示。在这类素材网站中，你能找到质量较高、品类较全、内容较丰富的素材，况且均能保准正版和所有可商用，不会显现版权纠纷。
非常多宣传机构和大型商场项目都是经过这些网站获取素材的，但该类网站的所有素材都必须经过单次付费才可得到，无免费素材供给。 
付费类素材库
图标类素材库
咱们还会需要有些标注、图标和装饰等元素，这些icon类素材亦能够从专门的素材网站上得到，举荐Iconfon与Easyicon，如图所示。
Iconfont是阿里巴巴旗下的矢量素材分享网站，在这儿你能够直接下载到质量比较高的图标素材。Easyicon是一个图标设计素材库，网站图标并非所有都免费，在下载时需要观看内容说明，有部分图标需要授权才可运用。 
图标类素材库
素材库的素材库
以上举荐的照片与设计的素材库已然相当全面了，但倘若还是没法满足你的需求，那样还有一个网站必定能够让你找到想要的素材，这个网站就叫做设计导航，它能够说是所有素材库的素材库，该网站集合了国内外所有设计关联素材库的网站链接，况且界面简洁，一目了然，如图所示。 
网站设计导航主界面
教你寻找照片出处
最后再教大众一个搜索同类照片的小技巧。相信不少人都会有这般的体验，遇到了一张尤其好看的照片，但不晓得它的出处，咱们要怎么找到照片出处？
其实办法很简单，你要将现有的照片直接上传到“百度照片”或“谷歌照片”中进行搜索，而后就能够找到同类图标了，过程如图所示。 
利用百度搜索类似照片的教程
倘若你还是不晓得详细过程，亦能够扫码下方二维码，观看教育视频，来学习怎样找到类似照片。 
H5字体素材
优秀字体素材
首要向大众举荐的是方正字库和汉仪字库，如图所示。非常多人可能是经过百度搜索得到字体的，但你还要晓得，一套字体的设计要花费非常多精力和时间，大众必定要支持正版。日前这些字库的非常多字体制品的售价并不高，针对个人用户还有非常多免费字体可直接运用。 
字体素材库
其次再举荐有些综合性较高的字体素材网站，例如中国字体设计网、站长之家和找字网等，如图所示。这些网站的字体种类较多，大部分都能够预览、演示和直接下载。但请重视：倘若是个人运用或企业内部运用，就不会侵权；倘若是用于商场项目，运用字体是需要支付版
权花费的。 
字体素材库
特殊字体素材
咱们经常会需要毛笔字这般的文字做为标题，但平时字体库里的毛笔字又不足美观，此时咱们就要借助毛笔字生成器来处理问题了。
你在百度中搜索“毛笔字生成器”，会显现非常多类似的网站，这些网站的操作办法都大同小异，详细过程如图所示。 
毛笔字字体生成工具网页教程
在网站生成字体后，可将文字直接存储为照片或是矢量图形，方便咱们修改和运用，你能够直接搜索这类字体网站来生成书法字体。和寻找照片素材的状况同样，有时咱们会看到有些自己爱好的字体，但不晓得是什么字体，这般的字体能找得到吗？一样有类似功能的网站，这儿给大众举荐两个，如图1所示。你需要将带有该字体的照片截图保留，而后将照片上传到“找字体”的网站就能够了，详细教程如图2所示。 
图1 特殊字体识别网站 
图2 利用找字体网站，寻找图中陌生字体
实用字体举荐
非常多初学者对字体不敏锐，就算是告诉他怎么寻找字体，他可能亦不晓得应该运用什么样的字体才最合适。这儿给大众举荐有些比较实用的字体库，这些字体都是设计师运用频率非常高的字体。
思源黑体、思源宋体
思源系列是谷歌团队带头研发的系列汉字字体。这套字体的特点是字体质量高，字体数量全，字体系列完整，字体可免费企业商用，能够说是一套“大神”级字库。部分思源黑体字体如图所示。 
部分思源黑体字体截图
造字工房系列
造字工房系列字体能够说是国内最受欢迎的字体库之一，字体样式多，种类全，系列品种丰富，但这套字体是商场字体，只准许个人免费运用，企业需要付费购买。部分造字工房字体如图所示。  fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
部分造字工房字体截图
微软雅黑系列
这套字体能够说是大众较为熟练的字体库，亦是应用较为广泛的，非常多网页都会运用这套字体。微软雅黑系列字体不是免费字体，商用需要购买版权。部分微软雅黑字体如图所示。
部分微软雅黑字体截图
叶根友字体系列
这套字体能够说是国内口碑最好的书法字字体库，字体种类丰富，形式感强。但这套字体一样为商场字体，只准许个人免费运用，企业需要付费购买。需要的话，你能够直接到官网下载字体。部分叶根友字体如图所示。
部分叶根友字体截图
那样，这些优秀字体从哪里才可得到？为方便大众查询，数艺君为大众整理好了有些可以避免费商用的字体，经过下方二维码，你就能够查看到底还有那些实用的字体。
加入数艺社交流群
设计素材下载 学习视频资源
读者交流学习 图书售后服务
软件安装指点 读者意见反馈
数艺社QQ群：
PS学习交流群：685057861
手绘学习群9010：678847166
点击“阅读原文”能够直接购买
《H5+营销设计手册：创意、视觉、实战》
| 
发表于 2024-9-3 16:24:19