12月你好！今天就來給網(wǎng)頁設(shè)計師們推薦一系列新的工具和資源吧，同時里面還有很多節(jié)日主題的元素設(shè)計，希望這些工具資源能幫忙網(wǎng)頁設(shè)計師們，讓其運用到你的項目當(dāng)中。如果真的可以，那就太好了！

Humaaans

Humaaans是一個設(shè)計工具包，充滿了有趣的風(fēng)格的人的插圖。你可以混合和匹配人和風(fēng)格-從衣服到發(fā)型-找到插圖的人來匹配你的設(shè)計項目，單獨使用插圖或添加額外的元素來創(chuàng)建一個完整的場景。(有了這個免費的、有創(chuàng)意的、經(jīng)過common授權(quán)的工具，唯一可能的情況是您可能會整天都在玩它。)

Hookbin

Hookbin允許捕獲和檢查HTTP請求，這個免費工具允許您檢查許多內(nèi)容類型——JSON、XML、YAML、多部分和url編碼的請求，每個請求都使用SSL端點。另外，如果您愿意，還可以在私有環(huán)境中檢查標(biāo)題、主體、查詢字符串、Cookie、上傳文件等。

Advent of Code

代碼的出現(xiàn)是一個小的編程難題的出現(xiàn)日歷，為各種技能集和技能水平，可以解決在任何編程語言你喜歡。使用它們作為一個速度競賽，培訓(xùn)，課程，實踐問題，或挑戰(zhàn)其他設(shè)計師。你不需要有計算機科學(xué)背景就可以參加——只要有一點編程知識和一些解決問題的技能，你就能走得很遠。

Fibre

光纖是一個WebGL應(yīng)用可視化和編碼三維矢量場和動態(tài)系統(tǒng)，向量字段可以在代碼編輯器中編寫，并通過與嵌入代碼的Html鏈接共享。

Giddyapp

Giddyapp是一個輕量級的計價工具，專為小企業(yè)和創(chuàng)意人士設(shè)計。發(fā)票有一個光滑的設(shè)計，易于使用和發(fā)送。支付處理與條帶，廣場和貝寶和通知，讓您知道什么時候客戶打開和支付發(fā)票。如果你需要一種管理客戶的方法，就是這樣。

Milanote

Milanote是一個團隊頭腦風(fēng)暴工具，使用它來為模板或事件收集元素來概述設(shè)計項目。該接口易于使用，您可以為項目的創(chuàng)建方式添加結(jié)構(gòu)和目的，甚至可以邀請其他人進行協(xié)作。最好的一點是，它可以在云中工作，而且在任何設(shè)備上的任何地方都可以使用。

Christmas HQ

從事假日主題項目?圣誕總部是包裝設(shè)計，包括剪輯藝術(shù)元素，背景，字體，邊框圖像和其他元素，以啟動創(chuàng)意項目。

Color Koala

色彩考拉是一個有趣的項目，幫助您創(chuàng)建調(diào)色板。只要按下空格鍵，屏幕上就會出現(xiàn)新的組合供您抓取和使用。選擇從光明，黑暗或趨勢鮮明的調(diào)色板。

CSS File Icons

這個CSS文件圖標(biāo)集合包括流行的彩色平面樣式文件圖標(biāo)擴展，只要將CSS包含到標(biāo)題中，就可以了。

Squoosh

通過一次拖放優(yōu)化web圖像，Squoosh是一個項目，它允許您這樣做，并且可以用于圖像、美術(shù)作品、模型和SVG文件。您可以為每個文件調(diào)整優(yōu)化設(shè)置。

Write Freely

自由寫作是創(chuàng)建一個簡單博客的開源軟件。它是輕量級的，直觀的編輯器是為了讓你的文字在屏幕上快速顯示。沒有一堆不必要的插件，這個工具提供了一種無干擾的方式來寫(和讀)。

VR/AR Icons

InVision App提供48個彩色圖標(biāo)，以虛擬現(xiàn)實和增強現(xiàn)實設(shè)計為特色。這是一個很好的主題項目集合。

圣誕節(jié)桌面背景和壁紙

為假期裝飾你的電腦屏幕，這個集合的25+桌面背景，所有功能的酷設(shè)計與節(jié)日主題。完美的假期(和創(chuàng)意)精神。

UX Store

UX Store是為UI/UX設(shè)計人員制作的設(shè)計資源集合，從素描本和模板等工具到包括UI工具包、圖標(biāo)和插圖在內(nèi)的免費贈品，這個站點包含了您可以使用的元素。(還在為生活中的設(shè)計師尋找禮物嗎?)用戶體驗商店可能是答案。

Tutorial: HTML Canvas API

Canvas API允許瀏覽器在設(shè)計過程中在屏幕上繪圖。本教程將逐步介紹如何使用API。

Talk: How to Read Color Hex Codes

這個Dot會議演講的文字記錄是對顏色的一個迷人的觀察，"色盲設(shè)計師是如何運用色彩的?"不是用他的眼睛!相反，大衛(wèi)依賴于閱讀彩色十六進制編碼。他分享了他理解這些六位數(shù)編碼的過程，以及對人類視覺、計算機歷史和數(shù)字色彩的相關(guān)見解。"你在等什么?"去看看成績單!

Guide to Voice User Interfaces

你準(zhǔn)備好VUI了嗎?語音用戶界面越來越流行，您需要準(zhǔn)備好為它們進行設(shè)計。Justin Baker的指南是一個很好的起點。它顛覆了你所知道的關(guān)于設(shè)計的一切:"記住，VUI不需要有一個視覺界面——它可以完全是聽覺或觸覺的(例如振動)。"

Emoji Builder

當(dāng)標(biāo)準(zhǔn)表情符號無法做到這一點時，就有了表情符號構(gòu)建器。使用標(biāo)準(zhǔn)的起點和大量的插件，您可以為您的任何感覺創(chuàng)建正確的虛擬面孔。

Web.dev

谷歌的新學(xué)習(xí)工具旨在幫助您成為一個更好的，現(xiàn)代的設(shè)計師。有一些結(jié)構(gòu)化的課程可以幫助你建立一個"更好的網(wǎng)絡(luò)"。"好消息是，這一切都植根于谷歌的用戶研究。"(而且有很多。)

Designer's Eye Game

這個游戲考驗?zāi)愕囊曈X技能，你能分辨出點是否在形狀的中間嗎?(這比你想象的要難。)

Animosa

Animosa是一個有趣的、免費的襯線字體家族，有508個字符，5個權(quán)重。它的特點是鋒利的邊緣和一個高度通用的輕氛圍。

Bumblebear

熊熊是一種手寫字體，可以用于顯示。它包括大小寫字符、數(shù)字和標(biāo)點符號。

Christmas Ornaments

圣誕裝飾是一個圖標(biāo)字體與線和手工插圖的節(jié)日圖標(biāo)，它包含了50多個角色。

Geller

蓋勒是一個堅實的襯線字體為編輯使用。高級字體包含了一個完整的系列，包含了您可能需要的所有變體，并且可讀性很高。

Hermann

Hermann是一個漂亮的和高度可讀的高級字體家族，為機身類型和顯示?？勺杂蛇x擇的連接是什么設(shè)置這個字體顯示使用。

Pumpkin Pie Lattes

南瓜派拿鐵是一種很薄的手繪字體，是假日項目的一大亮點。這種全大寫字體的感覺簡單而輕松。