隨著工作場景的變化，我們很清晰地看到如今的設(shè)計、開發(fā)和協(xié)作開始全方位向著遠(yuǎn)程協(xié)同這一場景靠攏。這種情況在這些新晉的設(shè)計工具上體現(xiàn)得非常明顯。無論是最新的設(shè)計資源合集 Webdesign Toolbox 還是 新晉的開發(fā)協(xié)同代碼工具 Code Stream，都體現(xiàn)出這樣的特點(diǎn)。在這一期的設(shè)計圈干貨大合集當(dāng)中，還有很多有用、實(shí)用的設(shè)計工具，比如色彩管理工具 Litur，超強(qiáng)大的網(wǎng)頁主題編輯器 Blocksy Theme，最新的字體，等等等等。接下來，我們就一起來看看吧 ~
Webdesign Toolbox 是一款針對設(shè)計師和開發(fā)者的實(shí)用工具和資源合集，它最大的優(yōu)勢在于，其中的內(nèi)容都是經(jīng)由專業(yè)人員精心挑選，并且其中的工具都是經(jīng)過驗(yàn)證的可靠選擇。這個合集當(dāng)中，工具涵蓋了設(shè)計、開發(fā)、版式、UX、工作流等多個領(lǐng)域，并且還在不斷地增長中。
Litur 是一款實(shí)用性超群的顏色管理工具。使用它來查找和收集顏色樣本，創(chuàng)建自定義配色方案，甚至根據(jù)可訪問性標(biāo)準(zhǔn)檢查來檢查配色是否易用、可用。這款應(yīng)用可在移動端和 Mac 上使用。
Pure CSS Halftone Portrait from JPG?是來自 Ana Tudor 的一款工具，它展示了如何更改圖像的視覺效果，如何將圖片變幻成真正的半色調(diào)視覺效果。這段代碼適用于彩色和黑白的圖像。
Formbutton 是一款簡單且可自定義的彈出式表單。現(xiàn)在很多網(wǎng)站都會使用彈出式表單來連接不同的服務(wù)，例如Google Sheets和MailChimp，這款工具非常實(shí)用并且設(shè)置簡單。
Oh My Startup Illustrations 是一項(xiàng)矢量插圖服務(wù)，分為幾個類別，主要針對初創(chuàng)團(tuán)隊(duì)，并且貼合當(dāng)下流行的風(fēng)格。
Blocksy 是為非開發(fā)人員設(shè)計的 WordPress 主題。這是基于最新的古騰堡（Gutenberg）平臺設(shè)計的視覺主題，它可以與其他編輯器一起使用，并允許用戶在視覺上自定義幾乎所有內(nèi)容。
1mb是代碼編輯器你可以在其中創(chuàng)建一個包含自定義域和SSL的靜態(tài)網(wǎng)站。這個編輯器主要在瀏覽器中使用，所有內(nèi)容都保存在云端。
Editor X 是一款仍然處于測試階段的網(wǎng)站搭建工具，將先進(jìn)的設(shè)計和原型設(shè)計功能與安全的主機(jī)托管和業(yè)務(wù)解決方案結(jié)合在一起。在非常直觀的設(shè)計工作區(qū)中，將想法直接轉(zhuǎn)化為生產(chǎn)力。
Grid Cheatsheet?是基于W3C CSS網(wǎng)格規(guī)范的視覺和代碼的自查手冊。它另外一個好處在于，你可以通過這份手冊來了解這些準(zhǔn)則，讓它更易于理解和使用。
CodeStream 是專門 為Web設(shè)計人員和開發(fā)人員當(dāng)下全新的工作流而設(shè)計的工具。它是為遠(yuǎn)程團(tuán)隊(duì)設(shè)計的，它可以在集成開發(fā)環(huán)境中直接檢查代碼而不會中斷開發(fā)流程。
Tutorialist 匯集了網(wǎng)絡(luò)上能找到最佳的開發(fā)類的教程。所有教程都是 YouTube 上的免費(fèi)視頻（所以你需要梯子）。
VoiceText for Slack 是另外一個能夠提高你在家辦公生產(chǎn)力的工具。它與Slack集成在一起，并使用你的頻道來轉(zhuǎn)錄的文本發(fā)送消息。這是一個免費(fèi)的工具，支持18種語言。
Feature Peek 是一個給開發(fā)者的工具，可幫助你按需獲取前端環(huán)境信息，并在開發(fā)過程中盡可能收集團(tuán)隊(duì)反饋。它是與GitHub一起使用的，還可以與其他各種工具一起結(jié)合起來發(fā)揮作用。
Linear 是一個給團(tuán)隊(duì)使用的問題跟蹤應(yīng)用，主要在 Mac 平臺使用。它旨在幫助團(tuán)隊(duì)簡化軟件項(xiàng)目，進(jìn)行設(shè)計和開發(fā)沖刺，執(zhí)行任務(wù)，并且可以與Github，F(xiàn)igma和Slack等工具集成。
Hosting Checker 解決了一個常見問題–讓客戶知道誰在托管網(wǎng)站。Hosting Checker 會顯示用戶托管服務(wù)的提供商和網(wǎng)站使用的IP地址，以及其服務(wù)器計算機(jī)的位置以及主機(jī)的聯(lián)系方式。它比其他類似工具快82％。
Spike 會在客戶聯(lián)系你之前就提醒你網(wǎng)站事件，創(chuàng)建警報并立即提供電話、短信、電子郵件或Slack通知。這款工具提供了很多不同的的提醒類型，您可以在問題出現(xiàn)苗頭的時候就獲得通知。
Magnus UI 是一個可以幫你在 React 中構(gòu)建高度一致的用戶界面的 UI 框架。它帶有大量的組件，可以自定義設(shè)計。
SpreadSimple 這款工具可以使用 Google Sheets 中的數(shù)據(jù)來創(chuàng)建有樣式的網(wǎng)站，這些網(wǎng)站具有過濾，搜索，排序，添加購物車，通過表單收集訂單等功能。更新表單就可以并立即在網(wǎng)站上查看變化。
谷歌開始建議你使用的 WebP 圖像格式來減少加載時間，因?yàn)檫@個格式的文件尺寸更小。但是WebP是否比傳統(tǒng)的JPEG更好？開發(fā)人員Johannes Siipola測試了不同大小的文件類型來回答這個問題。答案有些復(fù)雜，但看看會對你設(shè)計和開發(fā)更好。
Oh Dear 是一個網(wǎng)站監(jiān)視工具，可以幫你對網(wǎng)站進(jìn)行檢測。
Airconnect?是國外大熱的 Zoom視頻會議的替代產(chǎn)品，它的工能更加豐富，可用于你的企業(yè)和品牌，并提供自定義標(biāo)題，顏色和界面。這款工具不僅包括視頻通話功能，還包括客戶訪問其數(shù)據(jù)監(jiān)測并提供全自動的新用戶引導(dǎo)流程。
Free Faces 是精選的免費(fèi)字體的合集，你可以在項(xiàng)目中瀏覽和使用它們。這款工具可以按類型樣式搜索，搜索結(jié)果會包含下載鏈接的視覺結(jié)果。
All the Roll?是一款新穎且充滿童趣的字體，它非常適合于表達(dá)可愛和趣味的設(shè)計場景。
Backrush 是一款帶有明顯手寫風(fēng)格的字體，它有著非常明顯的筆觸，其中包括漂亮的斜體和完整的字符集。
Thuner 是一款帶有強(qiáng)烈?guī)缀翁卣鞯恼故拘源髮懽煮w，有著多種不同的樣式。
往期干貨：
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話題
發(fā)評論！每天贏獎品
點(diǎn)擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機(jī)派送獎品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運(yùn)星
發(fā)表評論 為下方 3 條評論點(diǎn)贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓