新年新氣象,宅家做設計搞開發的同學似乎效率都提升,這個月 Prototypr.io 這個月的設計工具大合集當中,涵蓋了 10 個不同類別,功能豐富多樣的新玩意!這次的合集當中有很多令人眼前一亮的好東西,比如驚艷的圖庫網站 Open Peeps,基於人智能的關鍵詞配色生成器,還有可以超快借鑒你所喜歡網站的配色和樣式的 Figma 插件!
往期乾貨也非常給力:
第二波!2020年2月超實用設計圈乾貨大合集
新技術催生的新工具正在逐步改變着設計行業:更好的功能,更直觀的界面,更快出效果。這些新工具總能更大限度地發揮你的設計技能。下面,是2月份給設計師的乾貨大合集。 往期乾貨合集…
閱讀文章 >>
擁有這15個插畫圖庫,足以抹平你和插畫師之間的差距!
這次,我們集合了目前市面上免費的、高素質的、好用的插畫圖庫。請善用它們,因為在很多時候,它們確實能夠彌合你和插畫師之間的距離,務必收藏!
閱讀文章 >>
下面快來看看吧!
️ 插畫圖庫
1. Open Peeps →
Open Peeps 是一個最新的手繪圖庫,它提供給你相當充裕的創作空間,你可以在它提供的平台上對人物角色以及所處的場景進行自定義,這樣就可以應用於你自己的設計作品當中。
2. ITG.digital →
ITG 是一個在線的插畫生成工具,只需幾分鐘,你就可以創建獨特的、富有故事性的插畫,在這個過程中,你可以調用不同的元素來進行搭配,定製性極強。你可以將這些插畫應用在APP、網站和社交媒體上,非常不錯~
3. Lottiefiles for Figma →
Lottiefiles 也是最近超級熱的一款 Figma 插件,能夠幫你將各種免費的 Lottie 動畫轉為 GIF 和 SVG 插入到你的設計當中。如果你正在找最新的、有用的 Figma 插件,一定要看下面這篇文章:
2020年,一定要試試這 17 款超給力的 Figma 插件
Figma 插件能夠極大的強化設計師的操作空間,下面,我們一起來看 Setproduct 團隊優選的 17 個高素質插件吧。
閱讀文章 >>
配色工具
1. Vangogh →
這是一個使用人工智能驅動的配色工具,它能夠根據你要的關鍵詞幫你找到合適的配色方案。這款工具藉助機器學習的技術,在網上數以百萬計的圖片中搜索、獲取配色,並且生成符合你的關鍵詞的配色。
2. Color Safe →
Color Safe 是為你提供對比度良好、符合 WCAG 規範的配色方案,這樣的配色方案有着更加優良的可訪問性,帶來更加優秀的用戶體驗。
3. Colors & Fonts 4.0 →
來自 Michael Andreuzza 的配色庫 Colors & Fonts 升級到 4.0 了,這個工具又一次升級改進,最新版支持下載 Figma 格式的配色我二年,支持 Tailwind CSS,支持顏色選擇器,支持漸變圖案和顏色代碼轉換。它們對於数字設計的支持越來越好了,值得使用!
設計資訊和資源
1. Vincent →
Vincent 是一個每日設計和前端相關的設計新聞資訊的 APP,目前它主要推出了 iOS 版的,並且 Android 版也將很快安排上。作為一個垂直領域的聚合閱讀工具,Vincent 非常適合想要第一時間了解最新設計資訊的同學。
2. DesignValley →
DesignValley 是一個設計師和設計愛好者的精選工具誒機,你會在 DesignValley 中投遞、發現和共享自己喜歡的設計素材和設計資源。在一個地方找到你所有的設計工具,它的價值是非凡的。
3. FrontendSource →
FrontendSource 是一個給設計師和前端開發者的資源合集,從 Vue、React 到 Jekyll、Gatsby、HTML 等各種資源一應俱全。除此之外,這個網站中還包含了組件、主題、UI Kit 等常見設計資源,非常全面。
UI 工具包
1. iOS 31 GUI →
這是一組超級全面的 iOS 平台的 UI Kit 合集,其中包含上百個不同的 UI 組件,且都涵蓋了深色和淺色模式。所有的元素都有 Sketch、Figma、Adobe XD 的版本,並且符合人機界面交互準則,除此之外,它還支持蘋果最新的 SF Symbols。
2. Filter →
這是一個 Figma 插件,插件為你提供 20 多種不同的自定義篩選器控件,你可以根據自己的需求,來選擇篩選機制,根據自己的喜好進行編輯。
設計工具
1. Lunacy Designer 5.0 →
這是一款 Windows 平台的全功能圖形編輯器,最新版本為 5.0 並且是 Beta 狀態。最新版中包含了人工智能加持的一鍵去背景功能,集成了最新的 UI Kit功能,修復了超過 1000 個 Bug。同時,作為一款圖形編輯器,它可以直接使用 Sketch 文檔,性能強勁且穩定。
2. Pixilart →
Pixiilart 是一款在線像素繪圖平台,如果你也喜歡像素藝術,那麼你可以在這裏找到志趣相投的藝術家和發燒友,在這裏共享你的設計,或者發掘更多有趣的設計。
3. Figma Handoff →
Figma Handoff 是一個設計交付工具,可以幫助你從 Figma 設計文件生成標註,方便開發人員查看。它是一個線上應用,通過 Figma API 獲取設計數據,並生成離線或在線標註,但不會將你的數據保存至任何服務器。這款插件來自中國
4. DraftXR →
DraftXR 是一款 Adobe XD 平台的 VR 設計原型插件,雖然它做的是 2D 的設計,但是能夠在兼容 WebVR 的 HMD 當中進行預覽和測試,非常不錯。
5. Waymark →
這是一款用來創建產品路線圖的工具,Waymark 能夠生成 png 格式的產品路線圖,你可以將這個路線圖用於演示,它讓你的展示內容易於理解,易於執行。
無代碼工具
1. Airsite →
Airsite 是一款移動端應用程序,讓你可以以極為簡單的方式來構建簡單的網站,而構建過程在你的 Android 手機或者 iPhone 上完成就可以了。
2. Devsync →
這是一款可視化的 CSS 編輯器,它可以與你的無代碼編輯器實時同步編輯,這款 Chrome Devtools 拓展可以讓你實時有效地觀察到你的操作和樣式,無需編寫 CSS 代碼。
3. Make Stories →
MakeStories 是一款無代碼 AMP Story (AMP Stories和Snapchat Stories、YouTube Reels極為相似)構建工具,它使用快速拖放的功能來幫你來構建互動式的故事效果,結合其中 75 種不同的效果,將你的製作能力提升到一個極高的程度。比如你可以使用 AMP 動畫、一鍵龔律全、自定義字體來為你的設計增添樂趣。同時,它有着豐富的庫,因為它還集成了諸如 WordPress 和 Drupal 等工具。
️ 設計系統
1. Superposition for Figma →
Superposition 是一款實用性極強的軟件,如果你喜歡某個網站,並且想使用它的配色、排版甚至樣式,那麼你可以用 Superposition 來實現這一目標。
2. Sleuth for Sketch →
Sleuth 是一款開源工具,它能夠幫你了解如何使用組件,以及何時使用組件。藉助它,你可以評估你的設計系統能夠對你的流程、以及外部世界都有哪些影響。根據它的創建者 Sean Rice 所說,Sleuth 更像是一個 Figma 的組件分析工具,不過它是適用於 Sketch 的。
🤝 團隊工具
1. Tools for Teams →
團隊協作需要有適合團隊使用的工具,那麼這個列表就是精選之後的團隊協作工具列表。從管理到設計,從開發到分析,這裏所涉及到的工具幾乎涵蓋了團隊協作的絕大多數需求和場景。
2. Zeplin 3.0 →
Zeplin 是一款非常流行的在線設計和協作工具,如今更新到最新的 3.0 版了,在這個新版當中,包含了許多令人興奮的新功能,比如鏈接組件功能,讓開發者能夠防偽代碼庫中的組件,而 Zeplin API 則通過內部腳本、小程序甚至其他應用來訪問數據,並且可以自定義。
️ 圖片優化工具
1. TinyImage for Figma →
這是一個 Figma 上的圖片壓縮工具,它可以將你在從 Figma 導出 png 和 jpeg 格式圖片的時候,壓縮 90%!
2. AI Image Enlarger →
這是一個基於人工智能的圖片放大工具,它可以在不降低畫質的前提之下,幫你將圖片無損放大。值得一提的是,它是完全免費的。
3. CloudApp for iOS →
CloudApp 是一個錄屏和文件管理工具,你可以在任何地方創建錄屏、圖片和文件,並且分享出去。藉助這款工具,你還能創建收藏夾,便於快速訪問。
🧪 測試工具
1. Responsive Website Test →
這是一個網站測試工具,可以替你進行跨設備的測試,查看你的網站在各種不同的設備上的相應速度,它比 Devtools 更快,並且可以更快進行可視化的展示,並且會優先為你展示三種常見屏幕的測試結果。
未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極五登陸地址_第一波!2020年3月超實用設計工具大合集