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

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

多年來(lái)，我嘗試過(guò)很多不同的方法，但是真正能夠幫我脫穎而出的方法，其實(shí)少之又少。

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

希望你能喜歡。

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

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

2. Cofolios

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

3. ShareKit

ShareKit 可以讓用戶輕松地自定鏈接的預(yù)覽圖片效果。而我也正是使用它來(lái)定義我的 LinkedIn 的個(gè)人鏈接。因?yàn)楹芏噫溄宇A(yù)覽功能都做的很粗糙，圖片模糊不清，而 ShareKit 解決了這個(gè)問(wèn)題。

4. Saasframe

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

5. Startup Jobs

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

6. Mesh Gradients

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

7. 插畫(huà)工具

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

8. Brand Colors

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

9. Let’s Enhance

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

10. BeyondUI

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

11. Figma Templates

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

12. Remove.bg

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

13. Whimsical

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

14. Fluid Simulation

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

15. Brennon Leman

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

16. Beeple Crap

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

17. Hamburgers

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

18. SVG Backgrounds

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

19. Picular

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

20. Blush

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

21. Fonts Ninja

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

22. Tabler Icons

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

23. Hallway Chat

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

24. Cool backgrounds

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

25. Google Color & Type Tool

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