第二波干貨!26款設計圈超實用設計工具合集 - 優設網 - UISDC

第二波干貨!26款設計圈超實用設計工具合集

2019/05/22 18716評論 7

來自 Prototypr 的干貨合集會更加具有針對性一些──一共26款工具,并且被精心的分類了。從原型插件到用戶測試工具,從字體到求職找工作的工具,它們各司其職。你可以根據你的需求快速定位,找到自己想要的。

?? 3款原型設計插件

1. 用于XD 的插畫插件 unDraw

我想絕大多數的同學已經開始用上了這套素質非常高的在線插畫工具了。unDraw 的素質相當過硬,如今它更新了最新的 XD 版的插件,使用 XD 設計 UI 和原型的同學可以好好享受了。(評論區有同學已經淪陷,大家謹慎測試吧~)

小貼士:XD 版的 unDraw 還支持生成動畫。你可以看看 Jaya Prakash Ajay 這個例子:

2.協作設計系統插件 Zeroheight?

Windows 平臺上的原型工具 Figma 越來越普及了,而 Zeroheight 這款用于制作協作式設計系統文檔的插件,則是專門針對 Figma 所開發的。

這款工具是由 Robin Tindale 、Fabien Laborie?和?Jerome 所創造。

3. 效率工具 Runner Pro

Roy van Rooijen 和 Aby Nimbalkar 所開發的這款 Runner Pro 將你的工作效率提升到了一個極高的程度,裝上這款插件,你幾乎能在 Sketch 上執行任何操作。

?? 3款配色和圖標類工具

1. 配色方案生成器 Coolors?

這款非常易用的配色工具是由設計師 Fabrizio Bianchi 所創造,只需要幾秒鐘就可以為你創造完美的配色方案。試試看!

2. SVG 配色修改工具 Colorizer

在如今的設計和技術領域中,SVG 是一個非常重要的工具。這款免費工具能夠幫你自動更改任何 SVG 和 SVG 庫的配色,并且保持它原有的陰影和高光。非常棒了吧!

3. 圖標工具包 Dopeicon

Dopeicon 是一款素質極高的圖標工具包,它完全是像素完美的,每周會更新新的圖標素材,并且不斷為用戶提供新的選擇。這款圖標工具包包含免費和付費的進階版,按需購買吧。

?? 2款字體排版工具

1. 字體排版資源 Typography Resources

字體排版在網頁中起到了極其關鍵的作用。正是出于對這種藝術設計的熱愛,Amrit Pal Singh 精心制作了這套字體排版資源。分類明晰,確保能夠生成足夠優秀的排版。

2. Helvetica Now 字體

在歷經 36 年的沉寂之后,Helvetica 字體家族終于迎來了新的成員。如今的 Helvetica 字體比以往任何時候都要強大,而它的設計者是這樣說的:

這套字體擁有我們所鐘愛的關于 Helvetica 的一切。這不是復興,也不是重現,我只是在陳述事實。

?? 3款設計工具

1. 工具合集 Framer Bridge

Framer Bridge 是一款用來彌合設計和開發之間關系的工具,它匯集了一系列的功能和工具來促進項目中的協作。

2. ProtoPie 3.11?更新

著名的原型交互工具 ProtoPie 3.11 來了!它帶來了全新的創建交互式原型的功能,比如:

  • 相機原型設計
  • 使用 Sketch、Adobe XD 和 Figma 中的文本圖層
  • 新的觸覺反饋機制支持

3. UI 工具包 Scratch

很多設計團隊會使用著名原型與協同工具 InVision,而這款名為 Scratch 是一款在這當中使用的 UI 工具包,不過它的功能相對比較小眾,用來生成食譜報告──你只需要點擊幾下就能夠快速將你的美食照片生成包含多個組件的 UI 界面。

?? 4款用戶測試工具

1. 隨時隨地記錄想法的 Cassette v2

作為一款能夠幫你隨時隨地記錄想法和有趣時刻的工具,Cassette v2 在分享功能上也非常的強大。這款工具是由 Jake Doering,Angad Singh?和 Bassem?Youssef 所開發的。

2.協作和反饋工具 Tweakr.io

這是這個月剛剛推出的測試工具,Tweakr.io 提供了一種非常簡單的可視化的方式,來提供協作和反饋。

3. 快速反饋工具 Flawless Feedback?

這是上個月在 Product Hunt 上被大力推薦過的一款工具,它可以讓用戶可以在 iOS 應用中快速提供反饋。

4. 眼動追蹤工具 Hawkeye

眼動追蹤是快速測試用戶在使用產品的時候,視線走向的一種重要的測試手段。這款名為鷹眼的工具適用于 iOS 設備。

?? 3款設計轉代碼工具

1. 無代碼SVG動畫制作工具 SVGator

SVGator 是一款專門為設計師所準備的工具,它可以快速高效地生成 SVG 動畫,無需具備編寫代碼的能力就能搞定這件事情。

2. 網站框架和模板 Startup 3

長期以來,Bootstrap 一直都是網站建設上的可靠框架,Startup3 則是一款為 Bootstrap 提供支持的工具,你可以通過它的現有的模板和主題快速設計并生成網站。這款工具是由著名的服務供應商 Designmodo 提供。

3. 表單套件 Form

這是一款免費的前端套件,可以用來協助前端來生成精美的表單,從用戶反饋到注冊表單,它開拓出一個充滿可能性的世界。

?? 2套協作平臺

1.視頻協作平臺 room.sh?

room.sh 是一個一鍵連接視頻的平臺,此外它還具有協作功能,提供白板,便于遠程協作。這款工具是由 Matthew Henshall 和 Andrew Cowley 所提供。

2.工具合集 Workbench

Workbench 同樣是一個功能豐富難以定性的工具合集,它的整個產品的概念其實并不復雜,它提供了從配色生成器到 AI 驅動式的自動標簽生成工具,一應俱全。

?? 5個設計素材源

1. UI截圖庫 Scrnshts

這是一個精心策劃并制作的 App Store 截圖庫,幫助正在設計 UI 界面的你更快找到相關靈感,給自己的設計定下基調。

2. 設計工具合集網站 Awesome Design Tools

來自 Flawless App 的兩位朋友 Lisa Dziuba 和 Valia Havryliuk 是設計領域中兩個不知疲倦的玩家。他們所創立的這個合集匯集了幾乎設計師所需要的全部工具。

3. Designer Bio Generator

還在為尋找視覺稿和樣機而苦苦掙扎?這個簡單的生成器將會幫你搞定這一切。

4. 復古 UI 工具包 React95

懷舊一直在流行。我覺得 React95 非常值得分享,即使你是一個虔誠的 Mac 用戶,我想這個充滿情懷的 UI 工具包也會讓你眼前一亮吧?它從 Windows 95 中汲取靈感,提供給你復古又經典的 Windows 設計元素。

5. 設計清單 Checklist Design?

如果你不確定下一步要做什么,那么你可能要看看這個設計清單了。在這里,你將會找到用戶體驗和 UI 設計最佳實踐的列表清單。這樣你就不會感到迷茫了。

?? 1款職場工具

1. Pyrismic

Pyrismic 是一款便于自由設計師和 UX 設計師和企業進行溝通的一款工具。目前它在人力市場上開始逐漸展露頭角。如果你正在為你的項目或者你的團隊和公司尋找合適的人選,可以試試這款工具。

結語

這就是最近一期來自 Prototypr.io 的工具合集!同時他們還在開發一款名為 Letter 的新工具,值得關注!在此之前,Prototypr 還發過春季的素材合集《春季合集!36款最新的超實用設計工具》。

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址://www.qratuj.com.cn/prototypr-io-may-2019-tools

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

設計圈干貨 界面設計 排版布局 版式設計 職場 優設專訪 優設大課堂 設計達人 設計師干貨 web前端開發 配色 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 海報設計 設計規范 設計趨勢 用戶體驗設計 動效設計 logo設計 平面設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里