5月份的設(shè)計圈干貨大合集來了!這次的干貨合集挑選了不少貼合當(dāng)下需求的設(shè)計與前端的設(shè)計素材,尤其是不少適用于 Figma 和 Sketch 的設(shè)計資源,上手即用,非常方便!

5月設(shè)計素材精選

AM I FLOCED?

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

這是一個測試工具,用來幫你確認(rèn) Chrome 瀏覽器中最新的「FLoC」跟蹤功能是否被開啟了。根據(jù) Google 的說法,這種實(shí)驗(yàn)性的功能會選定 0.5% 的用戶,在 Google 廣告技術(shù)測試中作為測試對象。

根據(jù) Am I FLoCed 的設(shè)計師所說:「FLoC 會根據(jù)你過去一周的歷史記錄將你分配到屬性與你相似的群組當(dāng)中,每個小組會收到一個被稱為 FLoC ID 的標(biāo)簽,用來標(biāo)記你的習(xí)慣、興趣等有意義的信息。這樣可以通過瀏覽器指紋識別你的身份,并且對你進(jìn)行進(jìn)一步的分析。」

UNCUT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Uncut 是 4月份才開始使用的 Libre 字體目錄,它有著當(dāng)代字體的樣式和風(fēng)格,并且會定期更新。

DASHBLOCK

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Dashblock 讓你可以無需編碼就可以構(gòu)建自動化流程。它可以構(gòu)建視覺自動化流程,也可以把流程區(qū)塊轉(zhuǎn)化為具體的用例。這是一個高級工具,提供 14 天免費(fèi)試用。

INSTANT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Instant 是一個與 WooCommerce 一起使用的一款快速安全的一鍵式結(jié)帳工具,用戶在購物的時候,只需要填寫一個簡單的表單,加入之后可以開啟無密碼一鍵式結(jié)帳。

5款圖像工具

TRIANGULA

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Triangula 是一款實(shí)用的圖像處理工具,基于算法能夠?qū)D片制作成為低多邊形的效果,這款工具適合尺寸小于 3000 px 的圖像。

CONTENTAWARE IMAGE RESIZING IN JAVASCRIPT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

這是一款解決圖片尺寸適配問題的工具,它可以幫你對圖片進(jìn)行尺寸上的處理,不過你最好在使用之前閱讀一下教程。

GLOBS DESIGN

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Globs Design 使用拖拽和按鈕來幫你創(chuàng)造時髦而有趣的形狀和效果,你可以將它保存為 SVG 格式,并且應(yīng)用于不同的項目。

ROOT ILLUSTRATIONS

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Root Illustrations 是一組史上又簡單的人物場景插畫圖庫,你可以對人物場景進(jìn)行自定義處理,可以在 Figma 和 Sketch 中使用,整套包含 24 個角色,100 多種不同的細(xì)節(jié)和各種各樣的功能。

MAKE YOUR PHOTO 16×9

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

要讓你的照片按照 16x9 的比例展示聽起來很簡單,但是實(shí)際操作的時候,會發(fā)現(xiàn)各種不合適,這款工具能夠幫你生成模糊的背景填充,讓整體確保可以按照 16 x 9 進(jìn)行展示。

6款開發(fā)工具

DEVBOOK

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Devbook 是一款面向開發(fā)人員的搜索引擎,它可以幫助設(shè)計人員找到他們所需要的資源,并且快速回答一些常見的開發(fā)問題,最重要的是,僅用鍵盤就可以完整控制整個工具。

MADOSEL

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Madosel 是一款尚且處于 Alpha 階段的快速、高級響應(yīng)式的 HTML 前端框架,用它來創(chuàng)建的網(wǎng)站和 APP 在任何平臺上看起來都非常不錯,它可讀性良好,靈活且易于定制。

SAY HELLO TO CSS CONTAINER QUERIES

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Say Hello to CSS Container Queries 可以幫助你解決媒體查詢和智能堆棧的問題。

FRONTEND TOOLKIT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Frontend Toolkit 是一個可以自定義的儀表盤,可以用來重復(fù)執(zhí)行任務(wù),包含很多用來加速工作流程的小工具。

FLATFILE

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Flatfile 是一款 SaaS 程序?qū)牍ぞ撸憧梢越柚鼘?dǎo)入比如自動化的用戶電子表格,無需手工清理數(shù)據(jù),不需要 CSV 解析器就能自動完成很多操作。這款工具還包含一套精美的 UI 組件,并且可以指引用戶完成操作。

PLASMIC

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Plasmic 是一款可以與你的代碼庫一起使用的可視化網(wǎng)站構(gòu)建工具,它旨在加快開發(fā)人員對代碼的專注度,允許非開發(fā)人員在此發(fā)布頁面和內(nèi)容。它的高級版可以和任何托管服務(wù)、CMS系統(tǒng)以及框架一起使用,你可以根據(jù)組件、頁面進(jìn)行靈活的調(diào)整。

2款效率工具

CALENDSO

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Calendso 是一款開源日歷工具,它非常靈活。它是基于 API 進(jìn)行驅(qū)動的,允許你輕松地控制和管理不同的事件,這款工具界面簡單、時尚、可以集成到網(wǎng)站中。

SLIDEV

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Slidev 是一組給開發(fā)者使用的幻燈片工具,和傳統(tǒng)的幻燈片不同的地方在于,它對于代碼的演示更加友好,也帶有更適合代碼演示的主題,代碼塊和交互式組件可以使用 Markdown 在其中進(jìn)行編寫。

4款圖標(biāo)與 UI Kits 工具

ICONIC

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Iconic 是一套像素完美的圖標(biāo),每周更新一次,SVG 格式的 24x24 px 的圖標(biāo)集,總計有 160 個,樣式簡單,你可以按照類別進(jìn)行搜索。

5 DASHBOARD TEMPLATES FOR FIGMA

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

這是 5 套現(xiàn)成的免費(fèi)可用的控制面板界面,有深色模式也有淺色模式,你可以將它和日歷、圖表等一起混合使用。

FREE MOBILE CHAT UI KIT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

這是適用于 Sketch、Figma、Adobe XD 的組件工具,其中包括 50 多個深色和淺色模式的 UI 界面。

STRATUM UI DESIGN KIT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Stratum UI Design Kit 是包含有 9000 多個一致元素的素材合集,在這些素材的基礎(chǔ)上你可以快速開始新的設(shè)計項目。

4款新工具和字體

FLUID TYPOGRAPHY

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Fluid Typography 是一款精美的工具,在它幫助下你可以在不同的界面下測試任何標(biāo)題尺寸,確保標(biāo)題的設(shè)計在任何地方都是可用的。

EIGHTY-EIGHT

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

這款名為 88 的時髦字體有著獨(dú)特而參差的輪廓,特別適合拿來展示。

HARMONIQUE

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Harmonique 是一款筆觸粗壯又可愛的襯線字體,它包含有兩種不同的樣式,兩種樣式可以協(xié)調(diào)地共同工作。

SKETCHUP

2021 年 5 月設(shè)計圈超實(shí)用干貨大合集

Sketchup 是一款迷人的展示性字體,免費(fèi)的版本字符集比較受限。

收藏 136
點(diǎn)贊 24

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。