另一種學(xué)習(xí)方式是通過在線游戲！這些將測試您的設(shè)計(jì)技巧，在您錯(cuò)誤時(shí)糾正您，并教您基本概念。如果您喜歡通過實(shí)踐學(xué)習(xí)，嘉興網(wǎng)站開發(fā)建議請務(wù)必嘗試這些游戲！
 

　　Can’t Unsee
 

　　這個(gè)游戲?qū)⒁龑?dǎo)您完成各種簡單的設(shè)計(jì)選擇，提示您選擇一個(gè)看起來正確的選項(xiàng)，并解釋為什么一個(gè)是錯(cuò)的，一個(gè)是正確的。您可以單擊按鈕直接比較圖像，以便于理解差異。這將測試你的眼睛微妙的設(shè)計(jì)。最后，看看你如何對抗其他球員！
 

　　Kern Type
 

　　字距是字母之間的間距，也是印刷師和設(shè)計(jì)師學(xué)習(xí)的重要技能。這個(gè)字距調(diào)整小游戲?qū)⒆屇阃蟿?dòng)字母，然后將它們與專業(yè)設(shè)計(jì)師的解決方案進(jìn)行比較。
 

　　Shape Type
 

　　形狀類型，另一個(gè)用于印刷師，測試您在設(shè)計(jì)中準(zhǔn)確和精美地塑造字母的能力。您可以輕松地將您的工作與設(shè)計(jì)師的工作進(jìn)行比較，并使用平滑的過渡動(dòng)畫來顯示您可能出錯(cuò)的位置。
 

　　The Bezier Game
 

　　如果制作矢量圖形，字體或CSS動(dòng)畫，則可能遇到了Bezier曲線。Bezier游戲?qū)椭褂么斯ぞ?，通過各種形狀，線條和圓圈來填充曲線。最后，您應(yīng)該更好地了解Bezier曲線的工作原理。
 

　　Color
 

　　準(zhǔn)備好了解你的色彩識(shí)別技巧？這會(huì)測試您區(qū)分色調(diào)，飽和度，互補(bǔ)色，類似色，三色和四色的能力。
 

　　Pixactly
 

　　你本能地測量像素有多好？Pixactly通過提示您繪制指定高度的框來幫助您測量長度和寬度（以像素為單位）。嘉興網(wǎng)站開發(fā)認(rèn)為使用HTML和CSS的任何人都會(huì)喜歡這個(gè)工具。
 

　　Hex Invaders
 

　　你知道你的十六進(jìn)制代碼嗎？使用所有在線十六進(jìn)制生成器工具，許多人忽略了學(xué)習(xí)他們的十六進(jìn)制代碼，但它仍然是一個(gè)很好的技能。Hex Invaders通過讓您拍攝與屏幕上顯示的顏色代碼相對應(yīng)的外星人來教您十六進(jìn)制顏色代碼。
 

　　Flexbox Froggy
 

　　是時(shí)候刷一些CSS了。使用justify-content屬性，您需要引導(dǎo)青蛙到他們的睡蓮，同時(shí)實(shí)時(shí)了解CSS。有了二十四個(gè)級別，您將完全理解這個(gè)CSS代碼。
 

　　Flexbox Defense
 

　　還有flexboxes的問題？ Flexbox Defense是一款塔防游戲，您必須使用CSS定位塔。玩Flexbox Froggy之后，通過這個(gè)更難的游戲來增強(qiáng)你的技能。那想要了解更多關(guān)于網(wǎng)站的相關(guān)內(nèi)容，還可以看看上一篇分享的《嘉興網(wǎng)站建設(shè)：交互式CSS網(wǎng)格布局生成器》。
 

　　Grid Garden

　　這是一個(gè)輕松的游戲，它將教你如何使用CSS Grid，特別是grid-column-start屬性。在這個(gè)非正統(tǒng)的園藝游戲中種植自己的胡蘿卜園，水草，殺死雜草，學(xué)習(xí)新的CSS技巧和竅門。
 

　　Flukeout
 

　　準(zhǔn)備好了解CSS選擇器？使用代碼窗口選擇正確的對象，并學(xué)習(xí)如何在各種情況和獨(dú)特的展示位置中選擇它們。這個(gè)對于剛接觸CSS的人來說非常棒。
 

　　在線游戲?qū)W習(xí)設(shè)計(jì)
 

　　無論您是一位新手的設(shè)計(jì)師/開發(fā)人員，還是只是了解您所學(xué)到的知識(shí)，在線教育游戲都是鞏固您技能的好方法。為您的學(xué)習(xí)過程帶來一點(diǎn)樂趣總是好的。讓我們知道您最喜歡哪個(gè)游戲！