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