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