大家好，這是 10 月第三波精選設(shè)計(jì)干貨！這次挑選的設(shè)計(jì)工具和素材的合集中，有不錯(cuò)的插畫和3D圖庫，還有2款可以搭配起來使用的AI修圖工具，以及面向設(shè)計(jì)師和開發(fā)者的 UI 組件以及 CSS 工具，實(shí)用性都非常強(qiáng)，具體逐個(gè)看看吧：
https://www.getillustrations.com/illustration-pack/pop-modern-illustrations
這套插畫合集包含 300 款不同的精美插畫，這些插畫大都帶有描邊，并且加入了雙色套印錯(cuò)位的視覺效果，充滿了印刷品的質(zhì)感。這些插畫提供 Ai 格式的源文件，并且還會(huì)提供針對(duì) Web 和 APP 使用場(chǎng)景下的 SVG 、Sketch、Figma 以及 Adobe XD 格式。這套插畫合集本身是收費(fèi)的，但是你可以通過注冊(cè)這個(gè)網(wǎng)站平臺(tái)獲得免費(fèi)下載小尺寸 PNG 格式插畫的福利。
這是之前曾經(jīng)推薦過的圖庫服務(wù)供應(yīng)商 Blush 出品的免費(fèi)工具，它是一款插畫圖片占位符服務(wù)，適用于開發(fā)者，它可以免費(fèi)生成圖片占位符應(yīng)用到各種網(wǎng)站和APP當(dāng)中，并且代碼是這項(xiàng)服務(wù)自動(dòng)生成的，并且提供大量的預(yù)制選項(xiàng)，可以選插畫，可以提前生成好比例，也能自適應(yīng)，還能選擇背景的顏色或者模式，整個(gè)工具直接在網(wǎng)頁中使用，代碼直接插入調(diào)用即可。
https://www.iconshock.com/3d-icons
3D 類的設(shè)計(jì)素材越來越多了，這個(gè)名為 iconshock 的 3D 圖庫是一個(gè)以圖標(biāo)和角色為主的資源庫，包含4000多個(gè)不同的圖標(biāo)、專門的色板、png 格式和可編輯的 Figma 文件，當(dāng)然你要整個(gè)擁有是需要付費(fèi)的，在確定是否要因?yàn)槟硞€(gè)項(xiàng)目投入預(yù)算購買它之前，iconshock 還同免費(fèi)的試用資源包，這個(gè)可以先下載看看效果。
這是一個(gè)完全免費(fèi)的 CSS 色彩編輯器，專門用來處理各種有趣的漸變效果，然后生成對(duì)應(yīng)的 CSS 代碼，它的功能上手超級(jí)容易，因?yàn)樗?Photoshop 當(dāng)中的各種編輯功能高度相似，看起來完全沒有壓力。
做網(wǎng)頁或者 APP 的同學(xué)應(yīng)該會(huì)喜歡這套免費(fèi)的 UI 組件庫，使用的是 Tailwind CSS 來構(gòu)建，UI 組件整體上足夠簡(jiǎn)約，容易上手，也特別容易對(duì)接到開發(fā)，方便實(shí)現(xiàn)各種效果。Flowbite 包含 400 多個(gè)常用的組件，幾乎覆蓋了絕大多數(shù)的交互需求和場(chǎng)景。
這是一個(gè)完全開源免費(fèi)的 Figma 插件小合集，其中提供很多功能方便設(shè)計(jì)師和開發(fā)者之間的協(xié)同，比如快速設(shè)置變量屬性的功能，布局框架快速切換，用來處理圖標(biāo)的工具箱，隨后還會(huì)加入原型優(yōu)化和快速網(wǎng)格系統(tǒng)等等很多功能，似乎是要做一個(gè)一站式的設(shè)計(jì)和開發(fā)插件系統(tǒng)，值得持續(xù)關(guān)注。
https://randomdesignstuff.com/
這是一個(gè)特別適合在找靈感的時(shí)候打開的網(wǎng)站，它最大的功能是給你有新鮮感的設(shè)計(jì)！當(dāng)你點(diǎn)擊 Useful 按鈕的時(shí)候，它能推薦給你一個(gè)實(shí)用性很強(qiáng)的網(wǎng)站或者資源，比如配色，比如圖庫，可能是你正好需要或者用得上的設(shè)計(jì)素材，當(dāng)你點(diǎn)擊 Not Useful 按鈕的時(shí)候，能打開一個(gè)完全出乎你意料的設(shè)計(jì)相關(guān)但是特別腦洞大開的網(wǎng)站，比如一個(gè)沙雕設(shè)計(jì)師的博客，或者一個(gè)在線涂鴉網(wǎng)站，非常有趣。
簡(jiǎn)單來說，這是一個(gè)和 Remove.bg 類似但是截然不同的圖片修整工具，你可以使用內(nèi)置的工具涂抹圖片中的某個(gè)元素或者物品，它就能幫你將這個(gè)部分無縫地移除掉。因?yàn)樗墙柚臋C(jī)器學(xué)習(xí)優(yōu)化訓(xùn)練出來的，比起 PS 當(dāng)中的圖章和修補(bǔ)工具更加智能，相當(dāng)于是進(jìn)階版的自動(dòng)修補(bǔ)工具，特別適合去掉合照當(dāng)中的路人，拍照是影響觀感的瑕疵，等等。
自從 Remove.bg 的服務(wù)開始變相收費(fèi)之后，很多同學(xué)都在找圖片去背景工具的替代品，這個(gè)Erase.bg 就是一個(gè)不錯(cuò)的選擇，它的去背景效果在同類工具中名列前茅，最重要的是，始終是完全免費(fèi)的，值得收藏哦。
這個(gè)免費(fèi)可商用的包裝樣機(jī)原本主要是給食物用的，不過其他類型的商品也能拿來用，其中包含9 種想對(duì)常見的塑料袋包裝，應(yīng)該能夠覆蓋很多不同類型的商品了。下載見文章開頭的百度云鏈接。
對(duì)于 UI 設(shè)計(jì)師而言，總是得屯點(diǎn)最新智能手機(jī)的樣機(jī)，剛剛發(fā)布的 iPhone13 Pro Max 基本上就是一個(gè)「UI架子」，特別適合用來展示界面。這個(gè)樣機(jī)是完全免費(fèi)可商用的。下載見文章開頭的百度云鏈接。
這也是一個(gè)免費(fèi)可商用的樣機(jī)，主要是各種桌面常見的文具，特別適合用來展示品牌的視覺設(shè)計(jì)。這個(gè)樣機(jī)模板分辨率高達(dá) 4500 x 3000 ，格式為 PSD。下載見文章開頭的百度云鏈接。
聯(lián)系客服
