![40 個設計師必備免費資源,超推懶人包! 40 个设计师必备免费资源,超推懒人包!](https://cdn.begs.cn/wp-content/uploads/2022/07/19510.png)
本文参考资料为 40 Resources Every Designer Should Know, 原作者是荷兰平面设计师兼部落客 Jennifer Cirpici。
你可曾想过,设计师们都从那里获得大量资源,以帮助他们完成手边的项目呢? 这里有一份绝佳的免费资源列表,包括网站、PSD 文件、UI 元件以及网页模版等等的相关素材,最重要的是这些资源完全免费! 并可自由下载使用。
只需要点击网站标题或抓图,就会带你到相对应的免费资源网站。
把这篇文章加入书签,你便可以随时回头来查看这份精采绝伦的免费资源列表,让庞大的资源帮助你获得成功。 喜欢的话,也别忘记把这篇文章分享、转贴给你的好友。
1. Fribbble
Fribbble 提供网站适用图标、一些 iPhone 模型及建立登录页面的 PSD 文件等资源。
![1-fribbble.jpg Fribbble](https://cdn.begs.cn/wp-content/uploads/2022/07/19511.png)
2. Behance Project Template
许多人在发布项目至 Behance 网站时感到无所适从。 该如何才能让它看起来正确? 首先,请先阅读这篇文章(英文),然后下载漂亮的背景模版。
![2-behance.jpg Behance Project Template](https://cdn.begs.cn/wp-content/uploads/2022/07/19512.png)
3. psddd.co
另一个获取免费 PSD 档的好网站,同时也提供背景模版和 UI 元件。
![3-psd.jpg Psddd.co](https://cdn.begs.cn/wp-content/uploads/2022/07/19513.png)
4. Colour lovers
想获得完美的色彩组合吗? 那么我会去这个网站。 获得色彩灵感最最最最完美的方法。
![4-colourlovers.jpg Colour lovers](https://cdn.begs.cn/wp-content/uploads/2022/07/19514.png)
5. CG textures
一个可以下载相片的免费图库。 内容从石头、天空到大自然,应有尽有。
![5-cgtextures.jpg CG textures](https://cdn.begs.cn/wp-content/uploads/2022/07/19515.png)
6. Subtle Patterns
需要一些高画质的图样吗? 不用再看了,Subtle Patterns提供来自全世界超过 400 种的图样,供用户免费下载。
![6-subtlepattern.jpg Subtle Patterns](https://cdn.begs.cn/wp-content/uploads/2022/07/19516.png)
7. Webydo
让你免费设计一个网站,无须学会代码。 大喊一声:哈雷路亚!
![7-webydo.jpg Webydo](https://cdn.begs.cn/wp-content/uploads/2022/07/19517.png)
8. guideguide
网页设计对每个人来说不见得是简单的事,但这里提供你简单的方法!
![8-guide.jpg guideguide](https://cdn.begs.cn/wp-content/uploads/2022/07/19518.png)
9. No more banding
当使用 Photoshop 的渐层时,有没有因为不够圆滑而感到灰心。 利用这个动作,让它看起来更加平滑。
![9-banding.jpg No more banding](https://cdn.begs.cn/wp-content/uploads/2022/07/19519.png)
10. Gridzzly
让你自制网格纸,并将它打印出来! 对于要画草图来说非常方便。
![10-grid.jpg Gridzzly](https://cdn.begs.cn/wp-content/uploads/2022/07/195110.png)
11. Make app Icon
这个工具会自动为你的图标设计重新调整大小,依照 iOS 和 Android 手机应用程序需要的格式进行优化。
延伸阅读:MakeAppicon 一键快速产生 iOS、Android 适用的应用程序图标
![11-app.jpg Make app Icon](https://cdn.begs.cn/wp-content/uploads/2022/07/195111.png)
12. Perfect Effects 3
专为摄影师而设计。 Perfect Effects 3 是一款直观又强大的工具,可以很容易地为照片加入效果,一些在 Photoshop、Lightroom、Photoshop Elements 或 Aperture 需要费时才能做出来的效果,在 Perfect Effects 3 可以轻松办到。
![12-effects.jpg Perfect Effects 3](https://cdn.begs.cn/wp-content/uploads/2022/07/195112.png)
13. Cut & Slice
使用 Cut & Slice 可以在弹指间将图片输出成不同设备适用的格式。
![13-cutandslice.jpg Cut & Slice](https://cdn.begs.cn/wp-content/uploads/2022/07/195113.png)
14. Layrs Control 2
一款免费的 Photoshop 插件,集合七种程序来简化你繁琐的工作。
![14-layrs.jpg Layrs Control 2](https://cdn.begs.cn/wp-content/uploads/2022/07/195114.png)
15. Hexy
每次选取图层、高亮文字,开启选色工具来抓取特定范围的 Hex 值是否让你感到痛苦。 利用 Hexy 可让你快速使用滴管工具,并将颜色复制到剪贴版。
![15-hex.jpg Hexy](https://cdn.begs.cn/wp-content/uploads/2022/07/195115.png)
16. WhatTheFont!
看到某个字型,想知道它的确切名称吗? 把截图上传到 WhatTheFont 就能从数据库中找到最相近的结果。
延伸阅读:Fontface Ninja 一键查看网页使用的字体名称、大小和行高,快速下载字体档案
![16-whatthefont.png WhatTheFont!](https://cdn.begs.cn/wp-content/uploads/2022/07/195116.png)
17. Typewolf
Typewolf 将各式网站使用的字体直接显示出来,并有针对类似字体提供的个人建议。
![17-typefont.jpg Typewolf](https://cdn.begs.cn/wp-content/uploads/2022/07/195117.png)
18. Size Marks
Size Marks 对网页设计师或前端工程师来说是个很实用的 Photoshop 外挂。 这个外挂能帮你标记出矩形选取框的间距。
![18-size-marks-show.gif Size Marks](https://cdn.begs.cn/wp-content/uploads/2022/07/195118.png)
19. Velositey Version 2
Velositey 让你在 Photoshop 内快速设计出一个网页,并有多种模版和模块可选择。
![19-velositey.jpg Velositey Version 2](https://cdn.begs.cn/wp-content/uploads/2022/07/195119.png)
20. FontAwesomePS
搜尋圖示,然後點選建立新圖層形狀,並能夠輕鬆編輯。
![20-fontawesome.jpg FontAwesomePS](https://cdn.begs.cn/wp-content/uploads/2022/07/195120.png)
21. Liveshare PS
透过LiveShare PS,你可以利用LiveShare会议来在线分享Photoshop文件给其它用户,而且没有人数限制。 如果你想修改你的 Photoshop 文件,他们也能立即在 LiveShare 里看到变化——甚至不用按下储存按钮!
![21-liveshare.jpg Liveshare PS](https://cdn.begs.cn/wp-content/uploads/2022/07/195121.png)
22. Photoshop Share plugin
使用 Layer Hero's Photoshop Share 外挂在 Photoshop 里直接分享你的设计。
![22-share.jpg Photoshop Share plugin](https://cdn.begs.cn/wp-content/uploads/2022/07/195122.png)
23. Prisma
Illustrator 的选色器无法和 Photoshop 协调吗? Prisma 将所有应用程序同步。
![23-prisma.jpg Prisma](https://cdn.begs.cn/wp-content/uploads/2022/07/195123.png)
24. Free Lorem Ipsum Generator
最佳的 Lorem Ipsum 测试文字生成器,针对 Photoshop、Illustrator、InDesign 和 Dreamweave 设计。
延伸阅读:12 个你应该知道的中英文假字、文章生成器(Lorem Ipsum)
![24-Free-Lorem-Ipsum-Generator.jpg Free Lorem Ipsum Generator](https://cdn.begs.cn/wp-content/uploads/2022/07/195124.png)
25. Free Behance Presentation Builder
帮你利用一个免费的 PSD 档和 PS Action 来建立你的 Behance 个人资料简报。
![25-behancebuilder.jpg Free Behance Presentation Builder](https://cdn.begs.cn/wp-content/uploads/2022/07/195125.png)
26. Kaku
一个简单的 Photoshop 外挂,帮你把你的文字图层翻译成其他语言。
![26-kaku.jpg Kaku](https://cdn.begs.cn/wp-content/uploads/2022/07/195126.png)
27. Instagram Filters
为 Photoshop 加入 Instagram 的 13 种滤镜效果。
![27-instagram.jpg Instagram Filters](https://cdn.begs.cn/wp-content/uploads/2022/07/195127.png)
28. VSCO Cam Effect in Photoshop Tutorial
透过 Photoshop 也可以使用 VSCO Cam 的滤镜特效啦!
延伸阅读:VSCOcam:精致滤镜与优雅界面,充满底片风格的质感相机
![28-vsco.jpg VSCO Cam Effect in Photoshop Tutorial](https://cdn.begs.cn/wp-content/uploads/2022/07/195128.png)
29. Social Kit
Social Kit 由 Made by Source 设计,包括社群网站的封面图、个人图片和广告横福。
![29-social.jpg Social Kit](https://cdn.begs.cn/wp-content/uploads/2022/07/195129.png)
30. Mobile UI Blueprint psd files
免费移动设备UI元件PSD档,由Chrometaphore设计。
![30-mobileuiblueprint.jpg Mobile UI Blueprint psd files](https://cdn.begs.cn/wp-content/uploads/2022/07/195130.png)
31. Free Images
前身为 sxc.hu,Free Images 提供超过 395,000 免费图库图片下载。
![31-freeimages.jpg Free Images](https://cdn.begs.cn/wp-content/uploads/2022/07/195131.png)
32. UI Cloud
全世界最大的用户界面设计数据库,提供超过 46,608 种 UI 元件免费下载。
延伸阅读:UICloud 免费 UI 素材搜索引擎,含 GUI 设计作品全部免费下载!
![32-uicloud.jpg UI Cloud](https://cdn.begs.cn/wp-content/uploads/2022/07/195132.png)
33. Mock Up Zones
Mock Up Zones 是一个免费图片设计公司,提供 iPads、iPhones、商务名片和 T 恤的免费版面设计模版。
![33-mockupzones.jpg Mock Up Zones](https://cdn.begs.cn/wp-content/uploads/2022/07/195133.png)
34. Macbook Air and Thunderbolt Display
由设计师 Jozef Mak 创作,免费的 Macbook Air 和 Thunderbolt 显示器 PSD 档。
![34-mac.jpg Macbook Air and Thunderbolt Display](https://cdn.begs.cn/wp-content/uploads/2022/07/195134.png)
35. Greyscalegorilla 3D Tutorials
与这网站的站长都是OFFF 2010讲者,我得说他是一个友善且有才华的艺术家。 他的网站是许多 3D 艺术家的灵感来源,也提供可供你学习的教学。
![35-greyscalegorilla.jpg Greyscalegorilla 3D Tutorials](https://cdn.begs.cn/wp-content/uploads/2022/07/195135.png)
36. Vray Materials
超爱这个网站! 如果你需要免费的 Vray materials 素材,可以来这里找找。
![36-vray-materials.jpg Vray Materials](https://cdn.begs.cn/wp-content/uploads/2022/07/195136.png)
37. Blendme
这个外挂可以让 Adobe Photoshop 和 Illustrator 搜索成千上万的资源,无须离开应用程序,其中包括热门的免费图标集。
![37-blendme.jpg Blendme](https://cdn.begs.cn/wp-content/uploads/2022/07/195137.png)
38. AdobeKnowHow
Adobe 最近刚上线的新网站,这网站提供你一些 Adobe 产品的免费初学者课程。
![38-adobe.jpg AdobeKnowHow](https://cdn.begs.cn/wp-content/uploads/2022/07/195138.png)
39. Tuts+
一个绝佳的网站,提供你多种应用程序的教学。 不仅为初学者,也为专业人员。
![39-tut-.jpg Tuts+](https://cdn.begs.cn/wp-content/uploads/2022/07/195139.png)
40. Pixeden
Pixeden 是你不能错过的网站,收录许多免费资源,包括网站设计、模版和特效等等。
![40-pixeden.jpg Pixeden](https://cdn.begs.cn/wp-content/uploads/2022/07/195140.png)
如果你想寻找免费图库,可参考以下几篇文章: