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

Humaaans

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

Hookbin

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

Advent of Code

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

Fibre

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

Giddyapp

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

Milanote

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

Christmas HQ

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

Color Koala

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

CSS File Icons

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

Squoosh

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

Write Freely

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

VR/AR Icons

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

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

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

UX Store

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

Tutorial: HTML Canvas API

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

Talk: How to Read Color Hex Codes

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

Guide to Voice User Interfaces

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

Emoji Builder

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

Web.dev

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

Designer's Eye Game

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

Animosa

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

Bumblebear

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

Christmas Ornaments

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

Geller

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

Hermann

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

Pumpkin Pie Lattes

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