有很多方法可以學(xué)習(xí)網(wǎng)頁設(shè)計和開發(fā)。有些人喜歡視頻課程,而有些人則喜歡閱讀書籍和網(wǎng)頁,并自己運用知識。
另一種學(xué)習(xí)方式是通過在線游戲!這些將測試您的設(shè)計技巧,在您錯誤時糾正您,并教您基本概念。如果您喜歡通過實踐學(xué)習(xí),嘉興網(wǎng)站開發(fā)建議請務(wù)必嘗試這些游戲!
Can’t Unsee
這個游戲?qū)⒁龑?dǎo)您完成各種簡單的設(shè)計選擇,提示您選擇一個看起來正確的選項,并解釋為什么一個是錯的,一個是正確的。您可以單擊按鈕直接比較圖像,以便于理解差異。這將測試你的眼睛微妙的設(shè)計。最后,看看你如何對抗其他球員!
Kern Type
字距是字母之間的間距,也是印刷師和設(shè)計師學(xué)習(xí)的重要技能。這個字距調(diào)整小游戲?qū)⒆屇阃蟿幼帜?,然后將它們與專業(yè)設(shè)計師的
解決方案進行比較。
Shape Type
形狀類型,另一個用于印刷師,測試您在設(shè)計中準確和精美地塑造字母的能力。您可以輕松地將您的工作與設(shè)計師的工作進行比較,并使用平滑的過渡動畫來顯示您可能出錯的位置。
The Bezier Game
如果制作矢量圖形,字體或CSS動畫,則可能遇到了Bezier曲線。Bezier游戲?qū)椭褂么斯ぞ?,通過各種形狀,線條和圓圈來填充曲線。最后,您應(yīng)該更好地了解Bezier曲線的工作原理。
Color
準備好了解你的色彩識別技巧?這會測試您區(qū)分色調(diào),飽和度,互補色,類似色,三色和四色的能力。
Pixactly
你本能地測量像素有多好?Pixactly通過提示您繪制指定高度的框來幫助您測量長度和寬度(以像素為單位)。嘉興網(wǎng)站開發(fā)認為使用HTML和CSS的任何人都會喜歡這個工具。
Hex Invaders
你知道你的十六進制代碼嗎?使用所有在線十六進制生成器工具,許多人忽略了學(xué)習(xí)他們的十六進制代碼,但它仍然是一個很好的技能。Hex Invaders通過讓您拍攝與屏幕上顯示的顏色代碼相對應(yīng)的外星人來教您十六進制顏色代碼。
Flexbox Froggy
是時候刷一些CSS了。使用justify-content屬性,您需要引導(dǎo)青蛙到他們的睡蓮,同時實時了解CSS。有了二十四個級別,您將完全理解這個CSS代碼。
Flexbox Defense
還有flexboxes的問題? Flexbox Defense是一款塔防游戲,您必須使用CSS定位塔。玩Flexbox Froggy之后,通過這個更難的游戲來增強你的技能。
Grid Garden
這是一個輕松的游戲,它將教你如何使用CSS Grid,特別是grid-column-start屬性。在這個非正統(tǒng)的園藝游戲中種植自己的胡蘿卜園,水草,殺死雜草,學(xué)習(xí)新的CSS技巧和竅門。
Flukeout
準備好了解CSS選擇器?使用代碼窗口選擇正確的對象,并學(xué)習(xí)如何在各種情況和獨特的展示位置中選擇它們。這個對于剛接觸CSS的人來說非常棒。
在線游戲?qū)W習(xí)設(shè)計
無論您是一位新手的設(shè)計師/開發(fā)人員,還是只是了解您所學(xué)到的知識,在線教育游戲都是鞏固您技能的好方法。為您的學(xué)習(xí)過程帶來一點樂趣總是好的。讓我們知道您最喜歡哪個游戲!
網(wǎng)頁名稱:網(wǎng)頁設(shè)計和開發(fā)游戲來測試你的技能
文章地址:http://www.rwnh.cn/news/205441.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標簽優(yōu)化、企業(yè)建站、網(wǎng)站營銷、網(wǎng)頁設(shè)計公司、做網(wǎng)站、App開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)