Oyunlaşdırma — çətin fənləri öyrənməyi əyləncəli və həyəcanlı prosesə çevirən ağıllı və dəbli konsepsiyadır.
Dizayner işi geniş bilik, mükəmməl bacarıq və səbr tələb edir. Bütün sadalanan üstün cəhətlərə sahibsiniz? Bunu bu araşdırmada tapacağınız maraqlı oyunların köməyi ilə yoxlamaq olduqca asandır. Onlar dizayn və veb tərtibatı ilə bu və ya digər şəkildə əlaqəli olan bütün insanlar üçün çox sadə, faydalı və ən əsası — inanılmaz dərəcədə həyəcanlıdır.
Biz vaxtını faydalı keçirmək və bacarıqlarını artırmaq istəyən canı sıxılan dizaynerlər üçün top oyunlar seçmişik :)
Tipoqrafiya həvəskarları üçün oyun. Oyun tamamilə klaviaturadan idarə olunur və mətn sətrindəki nizamlanmaxətalarına qarşı gözün həssaslığını artırır.
Müxtəlif şriftlərdə kerninq (hərflər arası məsafənin seçməli dəyişməsi) haqqında bilik və kompozisiya bacarıqlarını inkişaf etdirmək üçün oyun. Bu, hərf loqotipləri, identifikasiya və şriftlərin yaradılması üçün baxışı təlim etməyə kömək edir.
Rəng çarxının sürətli öyrənilməsi üçün oyun. Bu oyun, gözü altı rejimdə rəngləri ayırd etməsi üçün təlim edir: çalar, doyma, tamamlayıcı rənglər, analoji rənglər, triadik və tetradik birləşmələr.
4. The Bézier Game (method.ac)
The Bézier Game Oyunu, dizaynerlərin Adobe Photoshop və ya Illustrator proqramlarında istifadə etdiyi kimi, əsl “qələm” (pen tool) aləti ilə işləməyi simulyasiya edir. Oyun sadə fiqurlar ilə başlayır, lakin tədricən fiqurlar mürəkkəbləşir və oyun sizdən fiqurları yaratmaq üçün minimum sayda kəsişmə nöqtəsindən istifadə etməyi təklif edir.
Tipoqrafiya ilə məşğul olan insanlar üçün daha bir oyun. Burada sizə kiminsə zədələdiyi hərfləri düzəltmək üçün vektor əyrilərindən istifadə etmək lazım olacaq. Oyun prosesində sizə təbii olaraq hər hərfin görkəmli bir sənət əsəri olduğu aydın olacaq.
6. The Boolean Game (method.ac)
Əgər Union, Subtract, Intersect və Difference anlayışlarının nə olduğu barədə məlumatınız yoxdursa, bu oyun tez bir zamanda bunu düzəltməyə kömək edə bilər. Məğz olaraq bu məntiq oyunudur. Onun köməyilə siz həndəsi fiqurlardan istifadə edərək qrafika və ikonlar yaratmağa məşq edə bilərsiniz. Üstəlik, müxtəlif obyektlərin hansı fiqurlardan ibarət olduğu daha aydın olur.
7. tothepoint • I shot the serif
Sizə sürətli olmaq və düzgün hədəfə — serif simvollarına atəş etmək lazımdır. Siz özünüzə uyğun çətinlik səviyyənizi seçə və mobil cihazdan və ya brauzer vasitəsilə oynamağa qərar verə bilərsiniz.
Sizə seçmək üçün 30 kart və açarlar təqdim olunacaq, bu o deməkdir ki, verilən şriftə uyğun gəldikcə bəzən daha çoxunu seçə bilərsiniz. Müxtəlif şriftlər haqqında biliklərə əsaslanan sadə, lakin maraqlı bir oyundur.
9. Typewar
Şrift yaddaşınızı yoxlamaq üçün sürətli bir oyundur: hər düzgün cavab üçün xal toplayaraq iki variant arasında seçim etməyiniz lazımdır.
10. rgbchallenge
Ətrafımızdakı bütün rəng müxtəlifliyi, xüsusi rəng göstərmə sistemlərindən istifadə etməklə ötürülə bilər, bunlardan biri də RGB-dir. Bu zaman, hər bir çalara öz rəqəm kombinasiyası uyğun gəlir. Əlbəttə ki, onların hamısını yadda saxlamaq mümkün deyil, lakin peşəkarlar onları təxminən necə idarə edəcəklərini bilirlər. Bu oyun sizə bu bacarığı əldə etməyə kömək edəcəkdir.
11. CSS Diner - Where we feast on CSS Selectors! (flukeout.github.io)
CSS selektorları öyrənmək və bacarıqlarınızı təkmilləşdirmək üçün bir oyun.
12. Flexbox Froggy - A game for learning CSS flexbox
CSS öyrənməyə başlamağınıza kömək edəcək bir istinad oyunu. Bu oyunda 24 səviyyə var. Hər səviyyə — bir mini-dərsdir, burada oyunçudan alət göstərişlərindəki CSS xassələrindən istifadə edərək, müvafiq rəngli su zanbaqlarının üzərinə qurbağaları yerləşdirməsi təklif olunur.
13. DESIGNERCIZE
Bu sevimli retro konsola bənzəyən təsadüfi design-challenge-lər generatorudur.
14. ⚔️ Figma Ninja - Speed up your Figma skills | Figma Community
Figma-da qısa yolları (shortcuts) öyrənmək üçün bir oyundur. Figmaya sürətli şəkildə yiyələnməyin və alətin bütün funksiyalarından normal istifadə etməyin əyləncəli yoludur.
15. Odd one out
Rənglərin tanınması oyunu.
16. Triangle — a web typography learning game | Better Web Type
Bu oyun veb tipoqrafiyanı öyrətmək üçün nəzərdə tutulmuşdur. Oyunçuya oxuna bilən bir paraqraf yaratmaq üçün parametrlərdən yalnız birinin (sətir uzunluğu, sətir aralığı və ya şrift ölçüsü) dəyişdirilə biləcəyi mətn təqdim olunur.
17. Hex Invaders
Ekranın yuxarı hissəsində mərkəzdə aldığınız onaltılıq kodu yadplanetlilərin rəngi ilə uyğunlaşdıraraq yadplanetlilərə atəş açın.
18. Can't Unsee (cantunsee.space)
Yeni başlayan UI dizayneri üçün diqqət təlimi oyunu.
19. It's Centred That | Test Your Designer Eye (supremo.co.uk)
[image]
Nöqtənin fiqurun mərkəzində yerləşib yerləşmədiyinə cavab vermək lazımdır.
20. What the Hex? (yizzle.com)
Onaltılıq (hex) rəng kodunun tanınması.
21. Pixel Game: A Pixels Test to Quiz Your Knowledge | Pixactly
50 piksel nə qədərdir? Bəs 10, bu çoxdur yoxsa az? Bu oyunu bitirdikdən sonra bir daha belə suallarınız yaranmayacaq. Artıq siz heç bir köməkçi alət olmadan tam olaraq göstərilən ölçüdə piksel fiqurlarını kəsə biləcəksiniz