很好奇那些在Dribbble、Behance上发表佳作的大神们都是在哪里找素材的么?对,即使是他们也需要优秀素材的支持来完成好作品,今天我们我们来揭秘一下他们的素材来源。这当中有网站,有PSD素材站,有高清图片网站,有搜集UI元素的博客,有视觉稿合集,这些免费的素材就是他们的灵感库。
和以往所有的列表一样,他们可能看起来距离“伟大”的设计有点距离,但是设计师不就是用来化腐朽为神奇的么?
1. Fribbble
![图片[1]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/fribbble1.jpg)
来自Dribbble的免费素材会在这个网站汇集,有图标、PSD、各类视觉稿,不一而足。
2. Behance project template
![图片[2]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/behance.jpg)
在Behance上发布设计项目的时候,不知道如何展示才漂亮?看看这篇文章,下载结尾漂亮的模板,问题就迎刃而解了。
3. psddd.co
![图片[3]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/psd.jpg)
这也是一个寻找免费PSD文档、虚化背景图和漂亮UI元素的好网站。
4. colour lovers
![图片[4]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/colourlovers1.jpg)
如果你还在为寻找好的色彩搭配而纠结,那么千万不要错过这个网站,你要的一切都在这里,从灵感搜集到成型的方案,满足你的每一个愿望。
5. CG textures
![图片[5]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/cgtextures.jpg)
这个网站提供了大量的免费图片,这类图片大多是关于石头、天空、树木等富有纹理质感的对象,当你需要制作有质感的对象的时候,这个网站会成为你最好的帮手!
6. Subtle Patterns
![图片[6]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/subtlepattern.jpg)
纹理神站!我们已经在之前的文章《史上最强纹理站!可高度定制的在线纹理素材站(附CSS代码)》中为你推荐过这个网站!它不仅提供了超过400款高品质纹理素材,还提供了在线纹理制作工具,你还在等什么呢?
7. Webydo
![图片[7]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/webydo.jpg)
著名的无代码网站搭建平台Webydo在此,上手试试吧~
8. guideguide
![图片[8]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/guide.jpg)
如果你也苦于设计网页中的栅格和布局,那么GuideGuide 会是你的好帮手。我们也曾发文讲述如何使用这一工具《PS 参考线插件GUIDEGUIDE下载及使用说明》
9. No more banding
![图片[9]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/banding.jpg)
有时候使用PS制作渐变效果的时候,渐变效果并不平滑,而是呈现出阶梯状的变化,这个动作可以消除这种阶梯状渐变,看起来更加顺畅平滑,非常不错哦。
10. Gridzzly
![图片[10]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/grid.jpg)
Gridzzly 可以帮你制作自己的格纸,制作出非常不错的印刷图案,精确而实用。
11. Make app Icon
![图片[11]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/app.jpg)
这个工具可以帮你将你的图标转变为可为iOS和Android 设备使用的APP图标尺寸。
12. Perfect Effects 3
![图片[12]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/effects.jpg)
这是专门为摄影师所设计的工具,使用Perfect Effects 3 你可以更容易添加效果,想比起耗时庞大的Photoshop、Lightroom以及Aperture,它更加快速实用。
13. Cut & Slice
![图片[13]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/cutandslice.jpg)
著名的Mac平台切图工具,它可以帮你在短短几分钟内搞定分组切图的工作,不过请务必记住要重命名各个图层。
14. Layrs Control 2
![图片[14]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/layrs.jpg)
这是一组包含7个不同脚本的图层管理插件合集,它可以让你繁琐的工作更加简单。
15. Hexy
![图片[15]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/hex.jpg)
选择图层,高亮文本,然后通过拾色器来取色,有的时候是太过复杂的过程,Hexy 则非常方便,它可以使用滴管快速取色然后直接复制到剪切板当中,即取即用。
16. WhatTheFont!
![图片[16]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/whatthefont.png)
看到一个漂亮的字体想知道它到底是什么字体?试试WhatTheFont吧,上传截图,它会为你在数据库中进行匹配。
17. Typewolf
![图片[17]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/typefont.jpg)
Typewolf 可以帮你显示正在浏览的网站所使用的字体,推荐类似的字体和背景信息。
18. Size Marks
![图片[18]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/size-marks-show.gif)
Size Marks是一个非常实用的 Photoshop 脚本,它可以测量不同元素之间的距离,对于设计师和前端颇为有用。
19. Velositey Version 2
![图片[19]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/velositey1.jpg)
仅需要几秒钟,Velositey 可以借助模板在Photoshop中快速构建网页布局。
20. FontAwesomePS
![图片[20]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/fontawesome.jpg)
这个工具可以帮你快速搜索图标,一键点击将其新建为新的图层,并且可以轻松编辑。
21. Liveshare PS
![图片[21]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/liveshare.jpg)
借助LivesharePS,你可以将PSD文档在Liveshare会议上在线分享展示,你的任何操作都可以让大家看到,哪怕你没有点击保存按钮。
22. Photoshop Share plugin
![图片[22]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/share.jpg)
这个插件可以让你无需离开Photoshop就一键分享你的设计作品。
23. Prisma
![图片[23]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/prisma.jpg)
想把你的AI中的配色方案同步到PS?Prisma 可以让所有支持这一插件的软件中的配色方案都同步起来。
24. Free Lorem Ipsum Generator
![图片[24]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/Free-Lorem-Ipsum-Generator.jpg)
这是最好的假文生成器,可以在Photoshop、AI、ID和Dreamweaver 中使用。
25. Free Behance Presentation Builder
![图片[25]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/behancebuilder.jpg)
这个免费的Behance 展示生成器可以借助一个免费PSD文档和PS动作帮你将作品制作成展示效果。
26. Kaku
![图片[26]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/kaku.jpg)
一个简单的PS插件,可以帮你将图层中的文本而翻译成不同的语言。
27. Instagram Filters
![图片[27]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/instagram.jpg)
这是一组13个滤镜,可以在PS中帮你将图片制作成类似Instagram的效果。
28. VSCO Cam Effect in Photoshop Tutorial
![图片[28]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/vsco.jpg)
来自Go Media的Simon Hartmann 撰写了这篇实用而炫酷的教程,教你如何在Photoshop中实现VSCO处理图片的效果。
29. Social Kit
![图片[29]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/social.jpg)
这款Photoshop插件包含了一系列可用于社交媒体的图片、广告Banner和资料信息等内容。
30. Mobile UI Blueprint psd files
![图片[30]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/mobileuiblueprint2.jpg)
这是一组免费的包含大量移动端UI元素的PSD文档。
31. Free Images
![图片[31]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/freeimages.jpg)
这个网站之前一直以sxc.hu而闻名,其中包含了395000 多个可免费下载的图片。
32. UI Cloud
![图片[32]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/uicloud.jpg)
这是世界上最大的UI设计数据库,现在它包含了超过46000个UI控件,并且可以免费下载。
33. Mock Up Zones
![图片[33]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/mockupzones1.jpg)
Mockup Zones 为你提供了大量优秀的免费视觉稿下载,从iPhone、iPad 的界面设计到商业名片和文化衫设计,覆盖广泛。
34. Macbook Air and Thunderbolt Display
![图片[34]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/mac.jpg)
这是一组用来展示设计作品的Macbook Air 和 Thunderbolt 显示的视觉稿 PSD文档。
35. Greyscalegorilla 3D Tutorials
![图片[35]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/greyscalegorilla.jpg)
设计师 Greyscale Gorilla 的个人站点,这个才华横溢的设计师在自己的网站中发布了许多制作3D设计作品的教程。
36. Vray Materials
![图片[36]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/vray-materials.jpg)
如果你是经常使用C4D的设计师的话,这个网站不要错过,其中有许多优质的贴图材质素材。
37. Blendme
![图片[37]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/blendme1.jpg)
这个可用于PS和AI的插件可以让你直接在软件中搜索并获取各类素材。
38. AdobeKnowHow
![图片[38]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/adobe.jpg)
这个是Adobe最新推出的教程网站,提供了几款著名软件的免费的初级课程。
39. Tuts+
![图片[39]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/tut-.jpg)
这是最知名的PS教程网站,不论你是初学者还是专业的设计师,都能从中获益良多。
40. Pixeden
![图片[40]-总结:每个设计师必知的40个设计素材站-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/11/pixeden.jpg)
这是一个堪称伟大的免费资源包,从视觉稿到模板、图标,非常全面,不要错过。















暂无评论内容