搜索

论坛版块 MAKA学院 素材资源

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

MAKA小助手 发表在 素材 2016-3-7 20:40 显示全部楼层 复制链接
跳转楼层 3 10186
MAKA小助手
x0

发表于 2016-3-7 20:40:07 | 显示全部楼层 |阅读模式
      
一般H5的制作除了涉及创意策划、技术开发外,视觉设计也是考量一个H5场景是否值得被分享的重要因素。
KAKA不懂设计,但无碍于培养自己的审美能力。一个以信息展示为主的的H5页面在界面视觉上主要是由背景图及多个独立的图片元素组成的,这些图片元素可以是矢量图或者是位图,可以是静态图或者是动态图,图片背景可以是不透明、半透明或者是全透明…
我们经常会好奇那些设计大牛怎么可以在短时间内就能完成几个版面的H5设计,其实这么多图片元素并不一定全是设计师们亲手绘制出来的。这期KAKA就推荐几个个人认为比较有用的歪国免费素材库给大家,不在于多而在于精。


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


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



3. Behance

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



4. CG textures
4.webp.jpg
http://www.textures.com
Textures提供了大量的背景素材,特别是有关树木、石头、天空这类有纹理质感的对象。



5. Subtle Patterns
5.webp.jpg
http://subtlepatterns.com
这也是一个纹理神站!它不仅提供了超过400款高品质纹理素材,还提供了在线纹理制作工具。



6. Freeimages
6.webp.jpg
http://www.freeimages.com
这里有超过38w张免费的图片素材,纹理、插画不一而足。



7. Tuts+
7.webp.jpg
http://design.tutsplus.com
这是业界比较知名的PS教程网站,无论是初学者还是专业设计师都会经常到这里获取新灵感。


8. Pixeden
8.webp.jpg
http://www.pixeden.com/
Pixeden堪称是史上最全的资源库,从视觉稿到模板、图标,非常全面!


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


10. Giphy
10.webp.jpg
http://giphy.com/
这是一个GIF动图的资源站,无论是用于H5制作或者是作为自媒体的内容素材都值得大家收藏哦。


除了以上10个网站外,KAKA也会经常在花瓣网、懒人图库等网站出没。当然,这类素材仅限个人使用,若需商用化则要考虑版权问题。
对于不太懂PS的同学,可以搜索PNG格式的图片,方便上传到第三方的H5编辑平台就可直接使用。如果懂ps的同学,建议搜索PSD格式的素材,因为这样还可以对素材进行二次修改。
抛开内容、技术不谈,简单的H5制作需要弄明白“图层”概念。对比平面的营销物料,H5的基础优势在于能够实现有层次感和交互感的展示效果。希望这些丰富的外部资源能为新手们扫除在H5制作路上的部分障碍。

3条回复
天边一片霞
x0

发表于 2016-3-9 16:18:48 | 显示全部楼层
都是英文的啊,中文的素材网站用的人太多了吗
狐狐
x0

发表于 2016-4-9 10:38:52 | 显示全部楼层
素材好多啊!真棒!
Aismo
x0

发表于 2016-3-23 13:10:44 | 显示全部楼层
不错的。