行业动态 NEWS

10个新手制作H5必备的素材库

222016-03
2016-03-22 09:32vancens浏览:



一般H5的制作除了涉及创意策划、技术开发外,视觉设计也是考量一个H5场景是否值得被分享的重要因素。

一个以信息展示为主的的H5页面在界面视觉上主要是由背景图及多个独立的图片元素组成的,这些图片元素可以是矢量图或者是位图,可以是静态图或者是动态图,图片背景可以是不透明、半透明或者是全透明…

我们经常会好奇那些设计大牛怎么可以在短时间内就能完成几个版面的H5设计,其实这么多图片元素并不一定全是设计师们亲手绘制出来的。这期小编就推荐几个个人认为比较有用的歪国免费素材库给大家,不在于多而在于精。


1. Dribbble

https://dribbble.com/

一直很喜欢逛Dribbble,跟国内的站酷一样聚集了大批的设计达人,里面还有很多免费的素材资源可供下载。


2. Fribbble

http://fribbble.com

Fribbble会把Dribbble的免费素材汇集起来,包括图标、PSD、动图等等。(我们利用PSD格式可以分离更多图层,导出PNG图就可用作H5的图片素材)


3. Behance

https://www.behance.net

很多外国设计师会在Behance上发布设计项目,涵盖了多个创意领域的设计作品,背景插图、交互动图等素材都可以在上面找到。


4. CG textures

http://www.textures.com

Textures提供了大量的背景素材,特别是有关树木、石头、天空这类有纹理质感的对象。


5. Subtle Patterns

http://subtlepatterns.com

这也是一个纹理神站!它不仅提供了超过400款高品质纹理素材,还提供了在线纹理制作工具。


6. Freeimages

http://www.freeimages.com

这里有超过38w张免费的图片素材,纹理、插画不一而足。


7. Tuts+

http://design.tutsplus.com

这是业界比较知名的PS教程网站,无论是初学者还是专业设计师都会经常到这里获取新灵感。


8. Pixeden

http://www.pixeden.com/

Pixeden堪称是史上最全的资源库,从视觉稿到模板、图标,非常全面!


9. Pexels

https://www.pexels.com/

这个网站按照生活、商业等不同场景提供了相当有质感的图片,只要搜素关键词就能找到对应的情景素材。


10. Giphy

http://giphy.com/

这是一个GIF动图的资源站,无论是用于H5制作或者是作为自媒体的内容素材都值得大家收藏哦。


对于不太懂PS的同学,可以搜索PNG格式的图片,方便上传到第三方的H5编辑平台就可直接使用。如果懂ps的同学,建议搜索PSD格式的素材,因为这样还可以对素材进行二次修改。

抛开内容、技术不谈,简单的H5制作需要弄明白“图层”概念。对比平面的营销物料,H5的基础优势在于能够实现有层次感和交互感的展示效果。希望这些丰富的外部资源能为新手们扫除在H5制作路上的部分障碍。