-
國(guó)家級(jí)
全民數(shù)字素養(yǎng)與技能培訓(xùn)基地 -
河南省
第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位 -
鄭州市
數(shù)字技能人才（碼農(nóng)）培養(yǎng)評(píng)價(jià)聯(lián)盟
對(duì)于想學(xué)習(xí)UI設(shè)計(jì)的童鞋們來(lái)說(shuō)，設(shè)計(jì)小工具必不可少！今天給大家推薦幾個(gè)超實(shí)用的設(shè)計(jì)和開發(fā)工具，包括了圖標(biāo)、組件、字體等等，快來(lái)收藏吧！
當(dāng)你上手用過 The Good Line-Height 之后，就很難離開這款給力的文本排版工具了，它可以快速便捷地幫你計(jì)算出使用什么樣的字體、什么大小、使用什么樣的行高是最理想的效果。
使用二維碼來(lái)分享是一件非常便捷的事情，你可以將 Link-to-QR 這款工具嵌入到你的代碼當(dāng)中，就可以快速生成可供分享的二維碼，而且樣式還是可調(diào)整的。
Quarkly 是一款可以幫你創(chuàng)建響應(yīng)式網(wǎng)站的程序，你隨時(shí)可以打開編輯器編輯代碼，修改網(wǎng)站的細(xì)節(jié)，并且改動(dòng)是實(shí)時(shí)的。這款工具的特點(diǎn)在于對(duì)設(shè)計(jì)更加友好，目前處于Beta 階段。
這是一款在線的垃圾郵件測(cè)試工具，它所提供的服務(wù)是能夠幫你分析郵件的內(nèi)容，確保它們不是垃圾郵件，并且通過熱圖來(lái)呈現(xiàn)預(yù)測(cè)結(jié)果。
Filmstrip 可以幫你創(chuàng)建和導(dǎo)入關(guān)鍵幀動(dòng)畫，可以導(dǎo)出并且在線播放。這一工具各方面都非常符合現(xiàn)代的動(dòng)畫和動(dòng)效的需求。
CSS Background Patterns 是一款包含了很多時(shí)髦設(shè)計(jì)的背景圖案，你只需要稍加調(diào)整就可以應(yīng)用到你自己的網(wǎng)站當(dāng)中。
Neonpad 是一款簡(jiǎn)單但是有趣的霓虹色純文本編輯器，切換不同的色調(diào)可以獲得不同的寫作體驗(yàn)。
Link Hover Animation 是一個(gè)非常獨(dú)特的懸停狀態(tài)動(dòng)畫——它會(huì)在鏈接上畫一個(gè)圈！
這是一個(gè)色調(diào)和明暗生成器，當(dāng)你擁有基礎(chǔ)色的時(shí)候，這款工具能夠幫你生成輔助基礎(chǔ)色的相關(guān)顏色，比如當(dāng)你制作漸變色的時(shí)候，可以借用它生成的色階。
Pure CSS Product Card 是一個(gè)使用純CSS 寫的卡片界面，它是一個(gè)電商領(lǐng)域的設(shè)計(jì)范例，兼顧了視覺吸引力和功能性。
這是一個(gè)免費(fèi)的小圖標(biāo)制作工具，你可以通過簡(jiǎn)單的點(diǎn)擊就快速制作出 SVG 和 PNG 格式的圖標(biāo)，你可以設(shè)置字母也可以設(shè)置表情符號(hào)，自由度很高。
這個(gè)小圖標(biāo)合集是 Apple 風(fēng)格的，每個(gè)圖標(biāo)都包含黑白的版本，有原始的 PSD 文件，在它的幫助下你可以在幾分鐘內(nèi)就創(chuàng)建一組適合于你的 iOS/iPad OS/macOS應(yīng)用的圖標(biāo)，完全免費(fèi)。
Phosphor 是一個(gè)非常靈活的圖標(biāo)系列，可以用于你需要圖標(biāo)的絕大多數(shù)場(chǎng)合，從聊天界面到企業(yè)LOGO，不一而足。這組圖標(biāo)是完全免費(fèi)的。
這個(gè)工具包包含了 3000 款不同的手型，包括 6 種不同的膚色，不同的手勢(shì)總計(jì)10個(gè)不同的角度。它們有著典型的 3D 視覺風(fēng)格，而在使用的時(shí)候，它是 PNG 的格式。
Radix Icons 是一個(gè) 15 x 15 px 的小圖標(biāo)合集，這些圖標(biāo)都是線性圖標(biāo)的樣式，并且有著多種不同的格式，包括 Figma、Sketch、iconJar、SVG、npm 乃至于 Github。
Deepnote 是一款全新的數(shù)據(jù)科學(xué)筆記本工具，它與 Jupyter 兼容，可以實(shí)時(shí)協(xié)作，可以在云中運(yùn)行，并且是為科學(xué)團(tuán)隊(duì)設(shè)計(jì)的。
ZzFXM 是一個(gè)超小的 JavaScript 函數(shù)，從各種音符到不同的樂器數(shù)據(jù)都包含其中，這個(gè)超小的 ZzFXM 是為那些空間受限的音樂相關(guān)的產(chǎn)品所設(shè)計(jì)的。
這是一種非常有趣的水平滾動(dòng)樣式生成工具，在這個(gè)工具的幫助下，可以創(chuàng)建有趣平滑的動(dòng)畫效果。
Bubbles 是一款 Chrome 擴(kuò)展，它可以讓你單擊屏幕的任何位置來(lái)添加評(píng)論，并且和任何人進(jìn)行對(duì)話、協(xié)作。
Tyrus 來(lái)自 Airbnb 團(tuán)隊(duì)的一個(gè)工具包，它可以幫助插畫師更加充分的拓展自身的設(shè)計(jì)業(yè)務(wù)。這款工具包能夠給你提供設(shè)計(jì)簡(jiǎn)介、獨(dú)創(chuàng)的展示，設(shè)置截止日期并且提供合理的反饋機(jī)制。
PatchGirl 是一款面向開發(fā)人員的自動(dòng)質(zhì)量檢測(cè)工具，你可以結(jié)合 SQL 和 HTTP 查詢來(lái)快速構(gòu)建任何可能的狀態(tài)。
Apparel 是一款漂亮的、高級(jí)的字體，有著風(fēng)格現(xiàn)代的襯線和良好的功能性，特別適合用在品牌設(shè)計(jì)當(dāng)中。
Christmas 是一個(gè)有著圣誕節(jié)氛圍的字體，有著長(zhǎng)長(zhǎng)的尾巴和筆觸。
Nafta 是一款有趣的手寫風(fēng)字體，有著類似于記號(hào)筆一樣的筆觸樣式。
Safira 是一款相對(duì)比較寬的襯線字體，有著扎實(shí)的筆觸和良好的時(shí)尚感，圓形的端點(diǎn)是它最富有特征的地方。
Shine Brighter Sans 是一款超細(xì)的非襯線字體，它在氣質(zhì)上顯得頗為輕松有趣，且易于展示。
云和數(shù)據(jù)作為一個(gè)深耕IT職業(yè)教育多年的教育者，目前的課程涵蓋云計(jì)算、大數(shù)據(jù)、人工智能、虛擬現(xiàn)實(shí)、軟件工程、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)絡(luò)安全、電子商務(wù)等八大方向，結(jié)合企業(yè)實(shí)際用人需求，只為培養(yǎng)更多高端IT技術(shù)人才。
