2022-5-29 純純
作為設(shè)計(jì)師保存的珍藏
設(shè)計(jì)領(lǐng)域充斥著無數(shù)的設(shè)計(jì)工具、插件、網(wǎng)站、資源。這些工具能夠幫助你改善你的工作流程，讓你成為更優(yōu)秀的設(shè)計(jì)師。多年來，我已經(jīng)嘗試過很多工具，但只有少數(shù)幾個(gè)真正脫穎而出。
本篇匯總文章可謂是精華中的精華。其中有些是有趣的網(wǎng)站，你可以從中獲得靈感；有些是工具和資源，絕對會讓你成為更好的設(shè)計(jì)師。
我希望你能喜歡!
1. The preposterous web portal of Erik Bernacchi
這很可能是我見過的最古怪、最令人印象深刻的網(wǎng)站。在這個(gè)網(wǎng)站里亂搞一下還蠻有趣的。這個(gè)網(wǎng)站充滿了古怪的小程序，在這里我能消磨很多時(shí)間。
2. Cofolios
Cofolios是一個(gè)企業(yè)實(shí)習(xí)相關(guān)的網(wǎng)站，包含了作品集、文章、實(shí)習(xí)機(jī)會、案例研究等相關(guān)內(nèi)容。
在這里你可以從其他設(shè)計(jì)師的作品中獲取靈感，向他們學(xué)習(xí)。
當(dāng)我開始我的產(chǎn)品設(shè)計(jì)生涯時(shí)，我也曾是一名設(shè)計(jì)實(shí)習(xí)生，現(xiàn)在我仍然認(rèn)為這是初級設(shè)計(jì)師進(jìn)入大廠的最佳途徑。我喜歡看人們進(jìn)入設(shè)計(jì)領(lǐng)域的所有非常規(guī)路徑，也喜歡閱讀設(shè)計(jì)師們的經(jīng)歷。Cofolios上分享的許多博文都提供了在不同的科技公司實(shí)習(xí)的情況，以及你如何也能做到這一點(diǎn)的技巧。
3. ShareKit
ShareKit可以幫你實(shí)現(xiàn)便捷地為自己的圖片添加鏈接。
我一直在使用ShareKit來定制LinkedIn簡介中的鏈接，因?yàn)槟J(rèn)的預(yù)覽圖經(jīng)常是模糊的，而且與我分享的內(nèi)容不相關(guān)。我在Sketch中設(shè)計(jì)的圖形，將它們上傳，然后就可以了。ShareKit還提供了數(shù)據(jù)分析功能，可以顯示多少人推薦了我的作品和我收到了多少點(diǎn)擊。
4. Saasframe & UX Archive
www.saasframe.io & https://uxarchive.com/
Saasframe和UX Archive是我在網(wǎng)站設(shè)計(jì)的某一環(huán)節(jié)被卡住的時(shí)候獲得靈感的好網(wǎng)站。
這個(gè)資源展示了來自前沿科技公司的不同用戶體驗(yàn)流程，以及優(yōu)秀的設(shè)計(jì)。例如，當(dāng)我我好奇其他公司是如何布局他們的 "忘記密碼 "頁面的體驗(yàn)的時(shí)--有了這些網(wǎng)站，我可以快速瀏覽其他公司的例子，看看他們是如何做的。
5. Startup Jobs
無論是實(shí)習(xí)、兼職還是全職工作--startup.jobs都能滿足你的需求。
他們有各種角色的職位，主要為熱門的科技創(chuàng)業(yè)公司服務(wù)。在尋找任何級別的職位時(shí)，這個(gè)網(wǎng)站都是不可或缺的工具。
6. Mesh Gradients
products.ls.graphics/mesh-gradients/
Mesh gradients提供了100個(gè)免費(fèi)漸變選擇。
我喜歡這些漸變中使用的柔和和充滿活力的色調(diào)。它們可以用來為界面、登陸頁面或其他任何你正在進(jìn)行的工作添加一抹色彩。
7. POSE by Gal Shir
POSE是我發(fā)現(xiàn)的創(chuàng)建解剖學(xué)和人體插圖的最佳工具。
在插畫中獲得恰到好處的比例從來沒有像使用POSE那樣容易。當(dāng)我還是Snapchat的插畫師時(shí)，我偶爾會完成一個(gè)角色的插畫，但卻發(fā)現(xiàn)腿部與身體其他部分的比例不協(xié)調(diào)。如果當(dāng)時(shí)有POSE的話，就能幫我解決很多頭疼的事情。
8. Brand Colors
Brand colors是一個(gè)來自家喻戶曉的品牌色彩的大規(guī)模集合。
無論你只是在尋找靈感、有趣的調(diào)色板，還是需要特定品牌的顏色，Brand Colors都是你的首選。
9. Let’s Enhance
Let's Enhance是一款革命性的工具，可以在不損失分辨率的情況下將任何圖像放大到16倍。其結(jié)果是令人震驚的。
10. BeyondUI
作為Pávlo Sanchez的創(chuàng)意之作，Beyond UI是一篇關(guān)于界面、資本主義、政府和公民的視覺文章。這是一個(gè)有趣的卷軸，其中充滿了關(guān)于我們現(xiàn)代世界的發(fā)人深省和令人頭疼的圖形。
11. Figma Templates
Figma Templates為你提供了很多免費(fèi)的模版比如Instagram模板、流程圖生成器、線框工具等。在Figma網(wǎng)站上就有十多個(gè)免費(fèi)模板，可以改善你的工作流程，讓你在制作下一個(gè)旅程圖或維恩圖時(shí)，更加輕松。
12. Remove.bg
Remove.bg是一個(gè)一鍵刪除圖片背景的網(wǎng)站。
下次當(dāng)你有一張圖片，但不想花半個(gè)小時(shí)用Photoshop中的鋼筆工具摳圖，可以先在Remove.bg中試試。雖然它并不總是完美的，但如果它能完成90%的工作，那么我就不用在Photoshop中浪費(fèi)一下午的時(shí)間了。
13. Whimsical
我曾猶豫過要不要把這個(gè)放在這里，但Whimsical是一個(gè)很好的工具，不能不提。
我相信很多人都聽說過它，但這是給沒有聽說過的兩個(gè)人的。Whimsical是我工作流程中不可缺少的工具--無論是線框圖、創(chuàng)建用戶流程圖，還是安排導(dǎo)航，Whimsical都是我的首選。
14. Fluid Simulation
paveldogreat.github.io/WebGL-Fluid-Simulation/
這不是一個(gè)工具，更多的只是一個(gè)有趣的網(wǎng)站。
你能做的就是浪費(fèi)一些時(shí)間盯著屏幕。我承認(rèn)我花了很多時(shí)間來搞亂各種設(shè)置，看看會發(fā)生什么豐富多彩的爆裂效果。
15. Brennon Leman
Brennon Leman是一位非常有才華和古怪的藝術(shù)家，他創(chuàng)造了一些我喜歡的奇異的藝術(shù)作品。
他的風(fēng)格簡單而友好，同時(shí)也很有趣味性。我喜歡時(shí)不時(shí)地滾動瀏覽他的作品，看看他創(chuàng)作的作品。
16. Beeple Crap
Beeple Crap是在另一個(gè)層面上是一件不尋常的藝術(shù)作品。
我關(guān)注他的Instagram有一段時(shí)間了，每當(dāng)我看到他的一個(gè)經(jīng)常怪誕的作品出現(xiàn)在我的頁面中時(shí)，我都會感到一絲厭惡、好奇和著迷。這是我見過的最令人印象深刻的3D作品，更多的時(shí)候絕對是搞笑的。
17. Hamburgers
Hamburgers是一個(gè)免費(fèi)的動畫漢堡圖標(biāo)動畫庫，可以供設(shè)計(jì)師或開發(fā)人員使用。
漢堡圖標(biāo)動畫是一種很酷的方式，能為您的個(gè)人網(wǎng)站增添色彩或個(gè)性。你可以按照頁面上提供的步驟輕松實(shí)現(xiàn)這些效果。
18. SVG Backgrounds
SVG Backgrounds是一個(gè)超級娛樂的網(wǎng)站，可以亂七八糟的創(chuàng)建各種色彩和幾何背景。
有幾十種背景選項(xiàng)，可以用滑塊調(diào)整和自定義它們的外觀。我還沒有實(shí)際應(yīng)用過這個(gè)工具，但我很喜歡用它來搗亂，希望有一天能在我的一個(gè)項(xiàng)目中把它變成現(xiàn)實(shí)。
19. Picular
Picular是一個(gè)搜索引擎，你可以搜索一個(gè)詞，然后就會出現(xiàn)與該詞相關(guān)的各種顏色。
這是一個(gè)可以讓你獲得與我們的情緒版上的術(shù)語相關(guān)的顏色的想法的好地方。在為我的一個(gè)品牌或平面設(shè)計(jì)項(xiàng)目確定調(diào)色板時(shí)，Picular特別有幫助。
20. Lordicon
在Airbnb的動畫SVG庫Lottie的強(qiáng)大推動下，Lordicons用他們精美的動畫圖標(biāo)集為界面帶來了生命。
我真的很欣賞他們對細(xì)節(jié)的關(guān)注以及這套圖標(biāo)的完美執(zhí)行。網(wǎng)上的圖標(biāo)比比皆是，但能找到一個(gè)設(shè)計(jì)精良的套件，而且還有奇特的動畫效果，真是難能可貴。
21. Emojione
Emojione在過去的幾年中已經(jīng)炸開了鍋，所以你可能已經(jīng)聽說過它。
如果沒有，它是一個(gè)有趣的網(wǎng)站，有精心制作的表情包、貼紙、動畫等。他們對傳統(tǒng)的表情符號進(jìn)行了自己獨(dú)特的旋轉(zhuǎn)，甚至還創(chuàng)造了一堆自己的新表情符號，但在iOS或Android上還不存在。
22. Rotato
Rotato是我最近很喜歡的一款設(shè)備模擬工具。它是為我的UI設(shè)計(jì)創(chuàng)建快速而專業(yè)的樣機(jī)圖的最省力工具。
以前，我一直在Photoshop的樣機(jī)博客中搜尋，直到找到符合我需求的東西（還得希望它是免費(fèi)的）。Rotato讓生活變得更簡單，現(xiàn)在我可以拖放我的設(shè)計(jì)，然后調(diào)整設(shè)備的角度，并在幾秒鐘內(nèi)有一個(gè)完美的樣機(jī)圖。
23. Interns.design
Interns.design是一個(gè)最新的招聘網(wǎng)站，提供設(shè)計(jì)領(lǐng)域的實(shí)習(xí)機(jī)會。
我非常欣賞這個(gè)網(wǎng)站的簡潔性和分享的職位質(zhì)量。如果你正在市場上尋找實(shí)習(xí)機(jī)會，可以自己去看看。就像我之前說的那樣，實(shí)習(xí)是進(jìn)入設(shè)計(jì)和技術(shù)行業(yè)的最佳途徑之一。
24. Blush
由巴勃羅-斯坦利帶來的 Blush，是一個(gè)與眾不同的插畫網(wǎng)站。
有幾十個(gè)選項(xiàng)可供選擇，你可以自定義人物的頭發(fā)、褲子、膚色等等。這個(gè)工具的靈活性和可能性讓你甚至不用打開 Illustrator 就能創(chuàng)作出真正獨(dú)一無二的插畫。
25. Fonts Ninja
Fonts Ninja 可以讓你識別在網(wǎng)絡(luò)上遇到的字體，甚至有時(shí)還會告訴你在哪里可以購買或下載你找到的字體。
我使用 What Font 已經(jīng)有一段時(shí)間了，但最近才嘗試Font Ninja，在比較了兩者之后，F(xiàn)onts Ninja 占了上風(fēng)。
26. Tabler Icons
Tabler圖標(biāo)是一個(gè)850多個(gè)可調(diào)整筆畫圖標(biāo)的集合。
我最喜歡這個(gè)網(wǎng)站的部分是，我不需要為每個(gè)我想要的圖標(biāo)下載SVG。只需點(diǎn)擊你需要的圖標(biāo)，然后它就可以粘貼到任何使用筆畫的設(shè)計(jì)程序中。
27. Hallway Chat
Hallway chat是Slack的擴(kuò)展，它可以讓你的團(tuán)隊(duì)在一天中一起進(jìn)行10分鐘的聊天。
類似于你在辦公室與同事的走廊對話，Hallway讓這些類型的對話在虛擬世界成為可能。將它免費(fèi)添加到你的Slack頻道，你就可以與你的設(shè)計(jì)師同事或團(tuán)隊(duì)成員享受一些輕松的聊天，讓你離開工作幾分鐘。
28. Cool backgrounds
Cool Backgrounds是一個(gè)工具集，可以為博客、社交媒體和網(wǎng)站創(chuàng)建引人注目的彩色圖像。除了背景，生成的圖片還可以作為桌面壁紙或裁剪為手機(jī)壁紙使用。
29. Google Color & Type Tool
Google Typescale Generator & Google Palette Generator
谷歌材料設(shè)計(jì)系統(tǒng)包含了大量有用的工具、資源、技巧、指南等。我發(fā)現(xiàn)在我的工作中最有用的兩個(gè)工具是字體工具和調(diào)色板工具。調(diào)色板提供了一個(gè)已經(jīng)調(diào)整好的顏色，你可以直接使用，實(shí)在是太方便了
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn