互聯(lián)網(wǎng)設計軟件、平臺、插件日新月異，更新的平臺和工具總能給我們的設計帶來持續(xù)的便利。 本期UXD，我們?yōu)槟业搅?5個2021年最新的設計工具資源，供您在日常生活中探索和使用。 使用，包括：

3個新的學習資源
3個用戶流程工具
4個新的顏色工具
3個設計資源
11個設計工具更新
4個草圖工具
7個設計實用程序

-01-

3個新的學習資源

3種不同類型的學習資源：包括設計學習反饋平臺； 學習動畫的社區(qū)，以及具有自由職業(yè)方法的免費電子書：

1.

是一個學習平臺，用于學習設計、編碼和協(xié)作，以結(jié)構(gòu)化和托管的方式使用可重用組件和設計模式。 這與在 Figma 中設計時處理組件、約束和數(shù)據(jù)的方式非常相似。

2.

動畫師的聚會場所。 通過喜歡其他設計師并留下評論，向其他設計師表明您欣賞他們的工作和建議。 這個動態(tài)頁面非常適合查看最新趨勢、學習新事物以及與志同道合的人聯(lián)系。

3. 自由職業(yè)手冊 – 免費電子書

這本來自 的免費電子書將指導您了解作為一名設計師開始和發(fā)展成功的自由職業(yè)生涯的細節(jié)。 獲取有關如何建立業(yè)務、尋找客戶、談判價格、簽訂協(xié)議、管理財務、按時付款等的提示。 如果你想踏入自由職業(yè)，這本書將會有很大的幫助。

-02-

3 用戶流程工具

用戶流程工具幫助我們了解用戶通過交互來實現(xiàn)特定目標的路徑，這里有 3 個新工具/集成可以幫助我們實現(xiàn)這一目標：

1、利用API讓用戶流起來

用戶流成為交互式用戶旅程的原型，讓您概述用戶如何從一個界面連接到另一個界面，幫助您向開發(fā)人員、利益相關者和客戶講述更好的故事。

使用這個平臺可以節(jié)省時間并直觀地看到交互過程的每一步。 為什么要費心創(chuàng)建巨大的文件，這個腰圍會隨著項目的增長而不斷變化。

2.——用戶體驗規(guī)劃工具

是一款用于創(chuàng)建可視化站點地圖的在線規(guī)劃工具，可幫助您高效地設計和規(guī)劃網(wǎng)站，以獲得更好的用戶體驗。

該平臺與您的團隊和客戶合作，允許每個人參與開發(fā)過程、發(fā)表評論、進行編輯，并使用直觀的拖放界面來創(chuàng)建易于遵循的計劃。

3.：Figma集成

是世界上第一個為設計師量身定制的用戶流程圖工具，您現(xiàn)在可以開始將 Figma 同步到設計中以創(chuàng)建用戶流程。 只需將您的 Figma 帳戶直接鏈接到并快速創(chuàng)建工作流程即可。

-03-

4 個新的色彩工具

本綜述中包含一些最好的顏色和漸變網(wǎng)站： 、 和 Hunt。 嘗試不同的調(diào)色板，做出選擇sketch安卓圖標模版，并相信您的設計會看起來很漂亮。 3 個漸變工具和一個方便的獲取顏色的擴展。

1.2.0 - 最酷的漸變和樣本

為您的下一個超級驚人的設計帶來最酷的漸變色調(diào)和色樣選擇。

從 60 多個漂亮的漸變中進行選擇，然后將它們復制為 CSS 代碼或?qū)⑵鋵霝閳D像。 無論您做什么sketch安卓圖標模版，它都會為您的項目帶來完美的基調(diào)和視覺吸引力。

2. 的

是一個大型擴展，可讓您輕松復制顏色，查看一些已“竊取”很長時間的顏色，并將在不久的將來支持 和 。

3. Hunt - 顏色漸變工具

Hunt 是一個免費開放的色調(diào)靈感平臺，擁有數(shù)千種流行的手工色調(diào)漸變。 每當您需要一些色彩靈感時，請嘗試這個免費開放的平臺。 用戶可以通過將自己的顏色漸變添加到混合中以供其他人使用來分享愛。

4.漸變背景

從精選的漸變站點列表集合中發(fā)現(xiàn)最佳漸變背景。

-04-

3個新的設計資源

1.

為您的主頁提供精致的免費視頻片段。 每當您需要設計項目的視頻時，請查看并看看您能找到什么。 預計每周一都會將新視頻添加到集合中。 所有視頻均可免費使用，因此即使是最小的預算也可以將高質(zhì)量的視頻內(nèi)容添加到他們的項目中。

2..0

30,000 個圖標，三種不同的權(quán)重、53 個類別、720 個子類別。 它是世界上最大的圖標庫。 我們正在設計應用程序、網(wǎng)站和應用程序——它們都需要清晰的圖標。 此處獲得的圖標可重復使用、一致、可訪問且易于擴展。

3.安卓版本

新版本現(xiàn)已推出，可在 Play 上使用。 關注您最喜歡的設計師并建立持久的聯(lián)系。 這是尋找靈感的好工具。

-05-

11 設計工具更新

1.X貝塔

X 使設計人員能夠在沒有開發(fā)人員的情況下進行可視化工作并生成 React 代碼……并且還為開發(fā)人員提供了一種在文本編輯器之外操作 React 組件的方法。

2.新聯(lián)通應用

聯(lián)通APP最新更新，增加了聯(lián)通設計評審鏡像等功能，亮點包括：

? 在智能手機和平板電腦設備上使用共享視圖。 ? 與您的團隊合作并審查原型和電路板。 ? 離線訪問您的項目。

3.iPad版

適用于iPad，中國聯(lián)通專業(yè)平面設計！ 每當靈感襲來時，您就可以拿起它并開始創(chuàng)作。 在開箱即用的矢量工具的幫助下，以任意數(shù)量的格式導入，甚至為您的項目添加令人驚訝的排版，作為最后的修飾。

4. 涂鴉

更快地協(xié)作，用真實副本替換虛擬內(nèi)容，并與 同步，從而更輕松地將書面文本添加到精美的設計中。

5. PersP:Alpha——設計和開發(fā)

這是一個設計開發(fā)管理工具，可以與您的團隊協(xié)作，保存歷史版本； 向客戶展示當前的設計和原型； 收集團隊的反饋、分享更改并進行更正； 實時協(xié)同管理。

6.

增強現(xiàn)實開發(fā)工具，用于創(chuàng)建響應其環(huán)境的 3D 應用程序 - 無需編寫腳本。 快速創(chuàng)建動畫 3D 場景并導出和使用機器學習模型。 下載應用程序，安裝模塊，并從預制庫中添加交互操作。

7. ?現(xiàn)已支持 Adob??e XDCC！

它專為 UI 設計師和后端開發(fā)人員構(gòu)建，以簡化開發(fā)人員和設計人員之間的協(xié)作，現(xiàn)在您可以將設計直接導入到 .

8.數(shù)字設計工具Phase{現(xiàn)在真正跨平臺}

讓數(shù)字設計觸手可及 最后，您可以使用 Phase（一款令人興奮的新設計工具）在多個平臺（包括 Mac、Linux 和 ）上進行創(chuàng)作。 另外，如果您失去互聯(lián)網(wǎng)連接，您可以繼續(xù)離線工作。

9.51: 庫中的樣式和固定元素

51 為庫帶來了更豐富的樣式、用于原型設計的固定元素以及更多性能改進。 您現(xiàn)在還可以將腳注和頁碼等固定元素添加到原型中，并體驗小文檔的性能改進。

10. 流動吧！

一種新型的聯(lián)通交互設計，集成文件、制作動畫以及導入iOS的電影或Swift代碼。 Flow 的目標是讓設計人員和開發(fā)人員能夠一起工作……無需原型設計。 只需創(chuàng)建一個產(chǎn)品，然后直接進行制作，包括動畫、設計、編碼、創(chuàng)作。

11.Emoji手動補全

只需輸入“：”，然后輸入前幾個字母即可使用手動完成表情符號。

誰不喜歡表情符號？

-06-

4+ 插件/資源

包括新的設計系統(tǒng)、顏色擴展和一系列可供探索的插件。

1. 郵件模板設計系統(tǒng)

包含用于設計響應式電子郵件模板的模板和組件的文件。 忘記電子郵件中的不一致，輕松創(chuàng)建符號、模塊、字體樣式、顏色和蒙版樣式，不再擔心簡單的電子郵件設計指南，創(chuàng)建專業(yè)且美觀的電子郵件來代表您作為設計師的身份。

2.素描插件

一個免費且易于使用的插件，可幫助設計師直接在 . 使用它時，為您的項目添加顏色不再困難。 只需獲取此擴展即可生成您可能甚至不知道存在的隨機顏色和漸變，然后將它們直接添加到您的項目中。

3. 改善工作流程的 11 個基本插件

這是一組重要的插件，可幫助您順利地進行工作流程，包括可以幫助您進行文案寫作、識別差異、提高設計可訪問性、快速繪制草圖，甚至使您的項目響應速度更快的插件。

4.錄制視頻交互

迄今為止最受歡迎的功能之一，您現(xiàn)在可以使用時間線直接在 中錄制視頻，但將視頻保存在本地。 雖然與其他團隊成員共享，但不會上傳到網(wǎng)絡； 如果你想分享到網(wǎng)上，你可以上傳一個鏈接給大家看。

-07-

7+ 設計實用程序

1.忍者，版本4

使用此瀏覽器擴展程序可以發(fā)現(xiàn)任何網(wǎng)站上正在使用哪些字體。 找出您感興趣的字體的名稱、大小、行距、字母寬度和顏色。然后嘗試添加書簽，甚至訂購您想要的字體。

版本 4 還可以讓您識別圖像和文本上的字體！

2.對于macOS

該應用程序可以讓您更輕松地捕獲干凈的屏幕截圖和屏幕錄制，而無需桌面圖標。 使用指定的按鍵更輕松地拍攝和錄制視頻，為所有屏幕截圖設置自定義壁紙，并永久切換桌面圖標 - 即使您不進行屏幕截圖。

3.CSS掃描

是一個強大的“檢查元素”，可以輕松地重現(xiàn)估計的樣式。 使用 研究網(wǎng)絡上的內(nèi)容是如何制作的、在哪里復制您喜歡的內(nèi)容并將其用作您自己的內(nèi)容。

4.

是一個 UI 設計框架，可幫助設計人員為 Web 創(chuàng)建美觀且一致的用戶界面，通過即用型界面元素和組件加快您的工作流程。 借助預先打包的類型和圖標系統(tǒng)、其設置和樣式手冊，其中包括啟動和運行下一個 UI 項目所需的一切。

5.—比較任意 2 個軟件產(chǎn)品

產(chǎn)品比較允許您通過客戶情緒/評論、客戶拒絕、公司采用等來了解任意兩種軟件產(chǎn)品之間的差異。立即訪問流行的比較，或自定義比較并查看哪種解決方案最適合您的需求。 通過該軟件，用戶可以從一開始就選擇正確的軟件，發(fā)現(xiàn)新產(chǎn)品和服務，并做出更好的訂購決策。

6.|登陸頁面生成器和潛在客戶捕獲工具

使營銷人員能夠輕松構(gòu)建自定義登陸頁面，以推動成功的營銷活動并提高轉(zhuǎn)化率。 為您的客戶提供簡單的訂閱表格，鼓勵他們訂購您的產(chǎn)品或服務、推廣實時網(wǎng)絡研討會并提供有價值的內(nèi)容更新，以努力發(fā)展您的業(yè)務。

7.|無代碼設計QA

直觀地編輯站點的 CSS，無需檢測代碼 - 為開發(fā)人員手動注釋。 捕獲網(wǎng)頁（包括 HTML 和 CSS）并將其加載到您的“工具箱”中以便于修改。

掃碼獲取留學咨詢

▎優(yōu)秀中學生的經(jīng)歷

UXD交互工業(yè)產(chǎn)品設計大學是UX 旗下一所專注于交互、服務、工業(yè)和產(chǎn)品設計的頂尖設計大學。 除了一對一的設計課程、基礎技能課程、小組項目、設計評審、聯(lián)合教學外，我們還提供公共課程和不定主題的內(nèi)部小組課程。 教案課程由軟件基礎技能教學、設計理論體系講座、應用必備知識解析等三部分組成。

廣州市浦東區(qū)西岸創(chuàng)意園2號樓6樓

電話：

/ 本文部分圖片來自網(wǎng)絡，請勿用于商業(yè)用途

如有侵權(quán)請聯(lián)系刪除！