一般H5的制作除了涉及创意策划、技术开发外，视觉设计也是考量一个H5场景是否值得被分享的重要因素。就算你不懂设计，但无碍于培养自己的审美能力。一个以信息展示为主的h5页面在界面视觉上主要是由背景图及多个独立的图片元素组成的，这些图片元素可以是矢量图或者是位图，可以是静态图或者是动态图，图片背景可以是不透明、半透明或者是全透明…我们经常会好奇那些设计大牛怎么可以在短时间内就能完成几个版面的H5设计，其实这么多图片元素并不一定全是设计师们亲手绘制出来的。MAKA h5设计师推荐几个个人认为比较有用的歪国免费素材库，不在于多而在于精。
工具/原料
电脑
MAKA h5设计师推荐10个h5素材库
1
Dribbble：一直很喜欢逛Dribbble，跟国内的站酷一样聚集了大批的设计达人，里面还有很多免费的素材资源可供下载。
2
Fribbble：Fribbble会把Dribbble的免费素材汇集起来，包括图标、PSD、动图等等。（我们利用PSD格式可以分离更多图层，导出PNG图就可用作H5的图片素材）
3
Behance：很多外国设计师会在Behance上发布设计项目，涵盖了多个创意领域的设计作品，背景插图、交互动图等素材都可以在上面找到。
4
CG textures：Textures提供了大量的背景素材，特别是有关树木、石头、天空这类有纹理质感的对象。
5
Subtle Patterns：这也是一个纹理神站！它不仅提供了超过400款高品质纹理素材，还提供了在线纹理制作工具。
6
Freeimages：这里有超过38w张免费的图片素材，纹理、插画不一而足。
7
Tuts+：这是业界比较知名的PS教程网站，无论是初学者还是专业设计师都会经常到这里获取新灵感。
8
Pixeden：堪称是史上最全的资源库，从视觉稿到模板、图标，非常全面！
9
Pexels：这个网站按照生活、商业等不同场景提供了相当有质感的图片，只要搜素关键词就能找到对应的情景素材。
10
Giphy：这是一个GIF动图的资源站，无论是用于H5制作或者是作为自媒体的内容素材都值得大家收藏哦。
注意事项
1
这类素材仅限个人使用，若需商用化则要考虑版权问题。
2
对于不太懂PS的同学，可以搜索PNG格式的图片，方便上传到第三方的H5编辑平台就可直接使用。如果懂ps的同学，建议搜索PSD格式的素材，因为这样还可以对素材进行二次修改。 抛开内容、技术不谈，简单的H5制作需要弄明白“图层”概念。
3
对比平面的营销物料，H5的基础优势在于能够实现有层次感和交互感的展示效果。
上一篇：初页H5怎么制作？
下一篇：设计师，来像工程师一样做H5