這篇總結(jié)來自資深設(shè)計師Danny Sapio，他根據(jù)自己的工作經(jīng)驗總結(jié)了下面25個實用的設(shè)計網(wǎng)站和工具~

其實如果你想要獲取設(shè)計素材，這個時代是最不缺這些東西。網(wǎng)絡(luò)上充斥著各種工具、插件、網(wǎng)站、資源，還有各種優(yōu)化流程的文章，幫你成為更好的設(shè)計師。

多年來，我嘗試過很多不同的方法，但是真正能夠幫我脫穎而出的方法，其實少之又少。

而這次我推薦的這些網(wǎng)站和工具，是當(dāng)下我梳理出來的答案。這些網(wǎng)站和工具是我見過最有創(chuàng)意、最邊緣、最先鋒、最獨特的網(wǎng)站，它們以不同的方式給你「靈感」，輔助設(shè)計，讓你成為更好的設(shè)計師。

希望你能喜歡。

1. Erik Bernacchi 的網(wǎng)站

這可能是我見過最古怪奇特的網(wǎng)站了，它足夠有趣——其中承載了大量有趣的復(fù)古游戲、meme 生成器、鼓點生成器、音樂合成器等等等等。

2. Cofolios

Cofolios 是一個和設(shè)計實習(xí)相關(guān)的網(wǎng)站，其中包括大量的設(shè)計師作品集、文章、實習(xí)機會、案例研究。這是一個非常棒的網(wǎng)站，特別適合初級設(shè)計師來這里汲取靈感和資源。

3. ShareKit

ShareKit 可以讓用戶輕松地自定鏈接的預(yù)覽圖片效果。而我也正是使用它來定義我的 LinkedIn 的個人鏈接。因為很多鏈接預(yù)覽功能都做的很粗糙，圖片模糊不清，而 ShareKit 解決了這個問題。

4. Saasframe

這是一個實用性相當(dāng)強的靈感獲取網(wǎng)站，它匯集了頂級科技和創(chuàng)業(yè)公司的不同功能的頁面的設(shè)計，當(dāng)你在設(shè)計特定功能頁面的時候， Saasframe 會給你提供指向性最明確的靈感素材。

5. Startup Jobs

無論是實習(xí)、兼職還是全職工作， Startup.jobs 這個網(wǎng)站全部都覆蓋了，并且主要是主流的受歡迎的科技公司的職位。

6. Mesh Gradients

和其他的漸變類背景的網(wǎng)站不同，Mesh Gradients 所提供的漸變效果充滿了活力，效果也更為有趣，不死板。

7. 插畫工具

這是一個創(chuàng)建角色動作的優(yōu)秀參考工具。有了它在插畫中使用正常、標(biāo)準(zhǔn)的人體比例成了一件極為方便的事情。

8. Brand Colors

Brand Colors 是一些家喻戶曉的大牌網(wǎng)站的品牌配色組合。無論是你要找靈感還是搭配配色方案，這都是不錯的切入點。

9. Let’s Enhance

這是一款革命性的圖片放大服務(wù)，它能夠?qū)D片放大16倍而不顯得模糊。試試看？

10. BeyondUI

BeyondUI 這個網(wǎng)站當(dāng)中，包含了很多超越 UI 界面，關(guān)于時代，關(guān)于人性，關(guān)于主義的一些思考和創(chuàng)作。

11. Figma Templates

Instagram 模板、流程圖制作工具、線框圖工具等等， 所有的這些都可以從這個模板網(wǎng)站獲取，其中包含12款免費的模板。

12. Remove.bg

Remove.bg 這個就不用多介紹了，人工智能機器學(xué)習(xí)去除背景的服務(wù)，非常方便。

13. Whimsical

這是一個非常出色的設(shè)計工具，無論是制作腦圖、設(shè)計UI流程圖、線框圖還是進行頭腦風(fēng)暴，都非常稱職。

14. Fluid Simulation

這不僅僅是一個工具，它更是一個有趣的網(wǎng)站，它可以幫你生成非常逼真生動的流體效果。

15. Brennon Leman

Brennon Leman 是一位富有才華的古怪藝術(shù)家，他創(chuàng)建了一些我超級喜歡的奇異藝術(shù)品，它的風(fēng)格簡單又友善，非常好玩。

16. Beeple Crap

我關(guān)注 Beeple Crap 已經(jīng)很長時間了，他經(jīng)常發(fā)布各種怪異而令人著迷的藝術(shù)作品，這些作品并不總是讓人歡笑。

17. Hamburgers

漢堡菜單是 UI 界面的基本組成部分，當(dāng)然，動效也是。這個免費的動態(tài)的漢堡菜單素材庫，就是給設(shè)計師和開發(fā)者用的~

18. SVG Backgrounds

SVG 背景是一個重要的趨勢，它能夠提供矢量又足夠好看的背景，而這個網(wǎng)站還提供給你自定義的選項，來試試吧~

19. Picular

Picular 是一個色彩搜索引擎，當(dāng)你搜索某個元素的時候，它能夠生成和個元素相關(guān)的配色。

20. Blush

Pablo Stanley 所創(chuàng)建的這個 Blush 網(wǎng)站是一個與眾不同的插畫相關(guān)的網(wǎng)站，這里包含數(shù)十種可自定義的元素，幫你創(chuàng)建獨特的插畫。

21. Fonts Ninja

這個服務(wù)能夠幫你識別在網(wǎng)絡(luò)上碰到的各種不同的字體，甚至能夠告訴你能在哪里購買或者下載到對應(yīng)的字體，我之前一直用 What Fonts，不過對比之后我發(fā)現(xiàn) Fonts Ninja 更好。

22. Tabler Icons

Tabler 是一個包含 850+ 圖標(biāo)的網(wǎng)站，這些筆觸都是可調(diào)的，這個網(wǎng)站最令人著迷的地方在于，筆觸可調(diào)節(jié)，圖標(biāo)無需下載，復(fù)制粘貼即可使用，非常方便。

23. Hallway Chat

Hallway Chat 是一個 Slack 拓展程序，它能夠生成一個進行10分鐘閑聊的頻道，就像你在辦公室，和同事在咖啡機旁邊閑聊那樣，從工作中逃離一段時間。

24. Cool backgrounds

Cool Backgrounds 是一個用于博客、社交媒體的抽象圖像制作工具合集，它除了生成背景之外，還能進行更加細致的處理。

25. Google Color & Type Tool

這是一個來自 Material Design 的谷歌官方的工具，它可以輸出優(yōu)秀的字體尺寸搭配和配色方案。