UI設(shè)計(jì)師必須知道的海外大神推薦的29設(shè)計(jì)工具網(wǎng)站

時(shí)間：2023-06-05 15:03:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-06-05 15:03:02 來源：網(wǎng)站運(yùn)營

UI設(shè)計(jì)師必須知道的海外大神推薦的29設(shè)計(jì)工具網(wǎng)站：設(shè)計(jì)師除了需要設(shè)計(jì)作品的靈感，在新的設(shè)計(jì)工具上也應(yīng)該多了解一些，今天分享的《UI設(shè)計(jì)師必須知道的海外大神推薦的29設(shè)計(jì)工具網(wǎng)站》是海外大神分享的29個(gè)干貨網(wǎng)站，除了有設(shè)計(jì)資源，還有神奇的圖片放大工具，據(jù)說可以放大16倍而不損失效果，所以這些非常值得大家逐個(gè)了解，我相信它們肯定能給您帶來很大的收獲，enjoy！


設(shè)計(jì)空間充斥著無數(shù)的設(shè)計(jì)工具，插件，網(wǎng)站，資源，并且更有希望改善您的工作流程并使您成為更精明的設(shè)計(jì)師。多年來，我嘗試了很多方法，但是只有少數(shù)方法能夠真正脫穎而出。
此清單是最鮮活的一面-最晦澀，最有創(chuàng)意，獨(dú)特，有用或與眾不同的。一些有趣的網(wǎng)站可以從中得到啟發(fā)；其他的工具和資源絕對(duì)可以使您成為更好的設(shè)計(jì)師。


1. Erik Bernacchi荒謬的門戶網(wǎng)站
eeerik.com



這很可能是我見過的最古怪和最令人印象深刻的作品集。這也是一個(gè)有趣的網(wǎng)站。這個(gè)網(wǎng)站上充斥著古怪的迷你游戲，一個(gè)模因生成器，一個(gè)鼓點(diǎn)創(chuàng)作器，一個(gè)合成器，以及許多有趣的程序，這些程序使我忙了一陣子。


2. Cofolios
cofolios.com



Cofolios是與實(shí)習(xí)相關(guān)的所有事物的集合，包括投資組合，文章，實(shí)習(xí)機(jī)會(huì)，案例研究等。這是一個(gè)很棒的網(wǎng)站，可以從初級(jí)設(shè)計(jì)師的產(chǎn)品組合中汲取靈感，并向即將來臨的設(shè)計(jì)人才學(xué)習(xí)。
當(dāng)我開始產(chǎn)品設(shè)計(jì)生涯時(shí)，我還是一名設(shè)計(jì)實(shí)習(xí)生，但仍然認(rèn)為這是初級(jí)設(shè)計(jì)師進(jìn)入進(jìn)入門檻較高的科技公司的最佳途徑。我喜歡看到人們進(jìn)入設(shè)計(jì)領(lǐng)域的所有非常規(guī)途徑，并閱讀有關(guān)設(shè)計(jì)師所擁有的經(jīng)驗(yàn)的信息。在Cofolios上分享的許多博客文章都提供了在不同科技公司實(shí)習(xí)的感覺以及如何做同樣技巧的提示。


3. ShareKit
www.sharekit.io



ShareKit使用戶可以輕松地自定義鏈接到鏈接的預(yù)覽圖像。我一直在使用ShareKit，因?yàn)轭A(yù)覽圖像通常是模糊的并且與我共享的內(nèi)容無關(guān)。我在Sketch中設(shè)計(jì)了快速圖形，然后將它們上傳到shr.link，瞧！ShareKit還具有一個(gè)分析儀表板，可以向我顯示引薦來源以及我獲得了多少點(diǎn)擊。


4. Saasframe
www.saasframe.io



當(dāng)我陷入網(wǎng)站設(shè)計(jì)的一部分時(shí)，Saasframe是一個(gè)很好的啟發(fā)靈感的網(wǎng)站。此資源重點(diǎn)介紹了具有出色設(shè)計(jì)的流行科技公司提供的不同用戶體驗(yàn)。例如，假設(shè)我很好奇其他公司如何安排他們的“忘記密碼”體驗(yàn)。我可以去Saasframe并瀏覽其他公司的示例，看看他們是如何做到的。


5.啟動(dòng)工作
startup.jobs/design



無論是實(shí)習(xí)，兼職還是全職工作，http://startup.jobs都能滿足您的需求。他們?cè)诟鞣N職位上都有職位，主要是為受歡迎的科技創(chuàng)業(yè)公司提供職位。該網(wǎng)站還有一個(gè)整潔的收藏頁面，可將各種職位列表整理成各種興趣，例如“革新旅游業(yè)”或“加入女性領(lǐng)導(dǎo)創(chuàng)業(yè)公司”。當(dāng)工作搜索任何級(jí)別的任何職位時(shí)，此站點(diǎn)是必不可少的工具。


6.網(wǎng)格漸變
products.ls.graphics/mesh-gradients/



網(wǎng)格漸變提供100種免費(fèi)漸變可供選擇。我喜歡這些漸變中使用的柔和和充滿活力的色調(diào)。它們可用于為界面，登錄頁面或您正在處理的其他任何事物添加一點(diǎn)顏色。


7. Gal Shir創(chuàng)作的《 POSE》
galshir.com/pose/



POSE是我發(fā)現(xiàn)的用于創(chuàng)建解剖結(jié)構(gòu)和人體插圖的最佳工具。在插圖中正確設(shè)置比例從未像使用POSE那樣容易。當(dāng)我在Snapchat擔(dān)任插畫師時(shí)，偶爾會(huì)完成一個(gè)角色的圖示，只是為了意識(shí)到腿部與身體的其余部分不成比例。如果當(dāng)時(shí)存在POSE，它將使我免于頭痛。


8.品牌色彩
brandcolors.net



品牌顏色是家喻戶曉的大量品牌顏色集合。無論您是尋找靈感，有趣的調(diào)色板，還是需要特定品牌的顏色，Brand Colors都是您的理想之選。


9.圖片放大
letsenhance.io



讓我們?cè)鰪?qiáng)功能是一項(xiàng)革命性的工具，它可以將任何圖像縮放至16倍而不會(huì)降低分辨率。結(jié)果令人震驚。我不會(huì)為您帶來任何細(xì)節(jié)-自己嘗試一下。


10. BeyondUI
www.beyondui.net



Beyond UI的PávloSanchez的大腦是關(guān)于界面，資本家，政府和公民的視覺文章。這是一個(gè)有趣的滾動(dòng)條，其中充滿了令人發(fā)指的思維和關(guān)于我們現(xiàn)代世界的頭部抓圖。


11. Figma模板
www.figma.com/templates/



Instagram模板，流程圖制作器，線框工具等，以及所有這些均從Figma模板免費(fèi)獲得。緊鄰Figma網(wǎng)站，提供了十二種免費(fèi)模板，可改善您的工作流程并在制作下一個(gè)旅程地圖或Venn圖時(shí)使您的生活更輕松。


12. Remove.bg
www.remove.bg/upload



Remove.bg的確切含義是一個(gè)可一鍵刪除圖像背景的網(wǎng)站。下次當(dāng)您有圖片并且不想在Photoshop中使用鋼筆工具花費(fèi)半小時(shí)時(shí)，請(qǐng)首先在remove.bg中嘗試。它并不總是完美的，但是如果它可以完成90％的工作，那么我可以在Photoshop中完成工作，而不必花費(fèi)整個(gè)下午的時(shí)間。


13.異想天開
Whimsical.com



我在辯論是否將其包含在此處，但異想天開的工具太好了，無法將其忽略。我敢肯定你們中很多人都聽說過，但這是給兩個(gè)還沒有的人的。Whimsical是我工作流程中必不可少的工具-無論我是進(jìn)行線框圖繪制，創(chuàng)建用戶流程圖還是安排導(dǎo)航，Whimsical都是我要去的地方。


14.流體模擬
paveldogreat.github.io/WebGL-Fluid-Simulation/



布倫農(nóng)·勒曼（Brennon Leman）是一位非常有才華和古怪的藝術(shù)家，他創(chuàng)作了一些我喜歡的奇異藝術(shù)品。他的風(fēng)格既簡(jiǎn)單又友善，但又活潑開朗。我喜歡不時(shí)滾動(dòng)瀏覽他的作品，然后查看他的創(chuàng)作。


16. Beeple胡扯
www.beeple-crap.com/everydays



當(dāng)涉及到不尋常的藝術(shù)品時(shí)，Beeple廢話則處于另一個(gè)水平。我一直關(guān)注他的Instagram一段時(shí)間，每次我看到他的飼料中經(jīng)常出現(xiàn)他的一件怪異作品時(shí)，都會(huì)感到一陣厭惡，陰謀和迷戀。這是我見過的一些最令人印象深刻的3D作品，而且經(jīng)常不是絕對(duì)讓人歡笑。


17.漢堡包
jonsuh.com/hamburgers/



漢堡包是一個(gè)免費(fèi)的動(dòng)畫漢堡包圖標(biāo)庫，供設(shè)計(jì)師或開發(fā)人員使用。動(dòng)畫漢堡包圖標(biāo)是為您的個(gè)人網(wǎng)站增添趣味或在產(chǎn)品中添加個(gè)性的一種很酷的方法。按照網(wǎng)站上列出的步驟，它們很容易集成。


18. SVG背景
www.svgbackgrounds.com/



SVG背景是一個(gè)超級(jí)有趣的網(wǎng)站，可用來擺弄并創(chuàng)建各種彩色和幾何背景。有數(shù)十個(gè)帶有滑塊的背景選項(xiàng)，可用于調(diào)整和自定義其外觀。我尚未對(duì)該工具進(jìn)行任何實(shí)際的應(yīng)用，但是我很喜歡弄亂它，并希望有一天能在我的一個(gè)項(xiàng)目中將其變?yōu)楝F(xiàn)實(shí)。


19.柱狀
picular.co



Picular是一個(gè)搜索引擎，可以讓您搜索諸如“水果”之類的詞，然后顯示與該詞相關(guān)的各種顏色的織錦。在這里可以找到與我們的情緒板上的術(shù)語相關(guān)的顏色的想法。在為我的品牌或圖形設(shè)計(jì)項(xiàng)目之一確定調(diào)色板時(shí)，Picular特別有用。


20. Lordicon
lordicon.com



在由Airbnb制作的動(dòng)畫SVG庫Lottie的推動(dòng)下，Lordicons精心制作的動(dòng)畫圖標(biāo)集使任何界面栩栩如生。我非常感謝對(duì)細(xì)節(jié)的關(guān)注以及這套程序的完美執(zhí)行方式。圖標(biāo)包在網(wǎng)上一打一毛錢，但很少找到設(shè)計(jì)精良且具有奇特動(dòng)畫的工具包。


21.表情符號(hào)
emojione.com



表情符號(hào)在過去的幾年里爆炸了，所以您可能已經(jīng)聽說過了。如果不是的話，這是一個(gè)有趣的網(wǎng)站，其中包含精心制作的表情符號(hào)，貼紙，動(dòng)畫等內(nèi)容。他們?cè)趥鹘y(tǒng)表情符號(hào)上進(jìn)行了獨(dú)特的旋轉(zhuǎn)，甚至創(chuàng)建了一堆自己的新表情符號(hào)，這些表情符號(hào)在iOS或Android上尚不存在。


22. Rotato
www.rotato.xyz



Rotato是我最近一直喜歡的用于設(shè)備模型的工具。這是為我的UI設(shè)計(jì)創(chuàng)建快速而專業(yè)的設(shè)備模型的最輕松的工具。以前，我會(huì)在Photoshop樣機(jī)博客上忙個(gè)不停，直到發(fā)現(xiàn)滿足我需求的東西（并希望它是免費(fèi)的）?，F(xiàn)在，我可以拖放設(shè)計(jì)，然后調(diào)整設(shè)備的角度，并在幾秒鐘內(nèi)完成一個(gè)完美的模型，因此Rotato使生活變得更輕松。


23.實(shí)習(xí)生設(shè)計(jì)
https://interns.design/



Interns.design是用于設(shè)計(jì)空間實(shí)習(xí)機(jī)會(huì)的最新工作委員會(huì)。我真的很欣賞這個(gè)網(wǎng)站的簡(jiǎn)單性和分享職位的質(zhì)量。檢查自己是否在市場(chǎng)上實(shí)習(xí)。就像我之前說的那樣，實(shí)習(xí)是進(jìn)入設(shè)計(jì)和技術(shù)行業(yè)的最佳方法之一。


24.腮紅
https://blush.design/



Pablo Stanley將Blush帶到世界各地，是一個(gè)與眾不同的插畫網(wǎng)站。有數(shù)十種選項(xiàng)可供選擇，您可以自定義角色的頭發(fā)，褲子，膚色等。該工具的靈活性和可能性使您無需打開Illustrator即可創(chuàng)建真正獨(dú)特的插圖。


25.忍者字體
www.fonts.ninja



字體忍者使您可以識(shí)別在網(wǎng)絡(luò)上遇到的字體，書簽，甚至有時(shí)還可以向您顯示在何處購買或下載找到的字體。我使用What Font已有一段時(shí)間，但最近才嘗試使用Font Ninja，在比較了兩者之后，F(xiàn)ont Ninja承擔(dān)了重任。


26. Tabler圖標(biāo)
tablericons.com



Tabler圖標(biāo)是850+個(gè)可調(diào)節(jié)筆觸圖標(biāo)的集合。我最喜歡該網(wǎng)站的部分是，我不需要為每個(gè)圖標(biāo)下載SVG。只需單擊所需的圖標(biāo)，即可將其粘貼到任何使用筆觸的設(shè)計(jì)程序中。


27.走廊聊天
https://hallway.chat/



走廊聊天是Slack的擴(kuò)展，可讓您的團(tuán)隊(duì)整天進(jìn)行10分鐘的聊天。與您在辦公室與同事進(jìn)行的走廊交談?lì)愃?，Hallway使這些類型的交談實(shí)際上成為可能。免費(fèi)將其添加到您的Slack頻道，并與您的設(shè)計(jì)師或隊(duì)友進(jìn)行輕松的聊天，使您離開工作幾分鐘。


28.酷的背景
coolbackgrounds.io



Cool Backgrounds是用于為博客，社交媒體和網(wǎng)站創(chuàng)建引人入勝的彩色圖像的工具集合。除了背景之外，生成的圖像還可以用作桌面墻紙或裁剪為手機(jī)墻紙。


29. Google顏色和類型工具
Google Typescale生成器和Google Palette生成器



在谷歌design system Material 具有的有用的工具，資源，提示，引導(dǎo)，更豐富。我發(fā)現(xiàn)在工作中最有用的兩個(gè)是字體縮放工具和調(diào)色板生成器。生成已經(jīng)針對(duì)可訪問性進(jìn)行了調(diào)整并且在外觀上令人愉悅的調(diào)色板，從未如此簡(jiǎn)單。

文章翻譯：云瑞設(shè)計(jì)
原文地址：uxdesign