第一波！2022年3月精選實用設計干貨合集

大家好，3月的第1波實用設計干貨合集來了！這一波干貨里當中，一如既往地有免費的圖標和免費的字體，不過這回有一些非常有意思的新東西，比如打通 Github 和 Figma 儲存庫的服務，比如制作漂亮的代碼展示效果的工具，還有隨機生成網頁 UI 組件的制作工具，下面可以具體看看：

1、400+高素質手繪涂鴉圖標

https://khushmeen.com/icons.html

這是一套素質超高的優質圖標合集，總計超過400+，這些圖標涵蓋來 15 個常見的類別，風格帶有強烈的涂鴉質感，非常可愛，它完全免費可商用，無需聲明。另外，這套圖標素材包含有 svg、png 和 figma 的格式，應該足以滿足絕大多數的設計需求。

2、將 Figma 和 Github 儲存庫連通的服務

https://specifyapp.com/

這是一個將設計師和開發者的日常使用服務打通的優質服務，設計師習慣使用 Figma ，開發者習慣使用 Github ，將兩者的儲存庫合并，有機地整合到一起，將兩個分開的存儲體系合為一體，方便管理。

3、高效的用戶研究平臺 Notably

https://www.notably.ai/

對于團隊中的用戶研究員和產品而言， Notably 應該是一個不錯的工具，它將原始的研究筆記、分享見解、研究報告都整合到了一起，方便進行審視回顧，也便于團隊內的其他成員進行探討和研究。

4、Apple 各款硬件設備設計參數

https://www.screensizes.app/

這個名為 Screen Sizes 的網站清晰完整的整合了蘋果旗下包括 iPhone、 iPad 、Apple Watch、Apple TV 在內的各種硬件的設計所需的參數，不僅僅包含屏幕分辨率，還涵蓋了對比度、縮放比例、色彩范疇和色調，以及UI 界面中頂部狀態欄的尺寸差異、桌面小組件的尺寸等等大量常用的參數。

5、制作視覺效果漂亮的代碼片段

https://snappify.io/

有時候需要在網頁或者產品頁面當中代碼片段，但是單純的把代碼列出來通常不夠好看，這個時候 Snappify 這個服務的功能就體現出來了，它是一個設計工具，能夠給代碼嵌套上漂亮的界面，方便你將它展示給別人，也適合作為嵌入到特定的頁面中。

6、隨機生成可用網頁的服務 Shuffle

https://shuffle.dev/setup

嚴格意義上來說，Shuffle 是一個網頁設計和生成服務，它能根據你的需求和功能模塊，「隨機」地生成多種可用的網頁布局，你只需要根據自己的審美和需求，在它的編輯器當中拖拽你覺得不錯的界面模塊就能快速搭建網站界面。

7、300+ SaaS 定價頁面設計靈感

https://draftss.com/best-saas-pricing-examples（搭梯子訪問）

很多服務類網站都有定價頁面，但是定價頁面的設計還是有超多講究的，這個網站提供了 341 個設計足夠優秀的定價頁面作為你的參考，可以說是非常有價值了。另外，關于定價面的設計，你還可以參考下面這篇文章：

8、免費牛皮紙袋樣機

這是一套規整優雅的牛皮紙袋樣機，即使是設計新手也可以很輕松地將品牌 LOGO 和內容替換了，拿來展示之用。這個牛皮紙袋本身的造型氣質就足夠優雅了，和多數品牌都可以無縫地兼容起來。樣機文件可以用 PS 打開，僅限個人使用，在文章開頭和結尾的百度云鏈接中可以獲取。

9、超級可愛的兔子主題字體 Little Bunny

這毫無疑問是一款展示性字體，帶著兔子耳朵的字符非常之可愛，用作正文很明顯不合適，但是在標題里面用就非常不錯了。這款字體僅限個人使用，在文章開頭和結尾的百度云鏈接中可以獲取。

上月干貨：