Asah Keterampilan Anda Dengan Game Online Seru untuk Desainer

Desainer yang sukses secara rutin meningkatkan keterampilan dan keterampilan ulang untuk memperkuat dasar-dasar yang digunakan di berbagai alat, proyek, dan disiplin ilmu. Namun, mencari waktu ekstra untuk belajar selama hari kerja tidaklah mudah. Untungnya, game online adalah cara yang menyenangkan dan mendidik bagi desainer UI/UX untuk mengasah keterampilan mereka dan memperoleh keterampilan baru. Melalui pengalaman bermain game online yang interaktif dan imersif (dan seringkali gratis), Anda dapat mengasah keterampilan teknis seperti keselarasan, tipografi, dan teori warna.

Selain mempelajari teknik desain baru, saya menemukan bahwa bermain game online membuat suasana hati saya lebih ringan, meningkatkan kreativitas, dan membantu saya memanfaatkan prinsip desain inti dengan lebih baik. Setiap kali saya memiliki waktu luang atau saya menghadapi masalah desain yang membandel, saya memainkan salah satu game ini dan mendapatkan perspektif yang segar.

Tingkatkan Rasa Keselarasan Anda

Alignment adalah prinsip desain dasar yang memandu komposisi visual dan mendukung kegunaan dan keterbacaan.

Ini Terpusat Itu bagus untuk melatih rasa keselarasan Anda dan membantu Anda menangkap kesalahan spasi dengan cepat. Tujuannya adalah untuk menentukan apakah sebuah titik berpusat di dalam bentuk. Ini adalah konsep yang sederhana, tetapi permainannya menantang karena titik-titik sering ditempatkan sangat dekat dengan pusat. Permainan membangun kesadaran komposisi dengan memaksa Anda untuk mempertimbangkan geometri dan menemukan titik referensi dalam bentuk yang tumpang tindih dan berdekatan.

Perluas Pengetahuan Desain Jenis Huruf Anda

Memahami nuansa tipografi dapat membantu desainer membangun hierarki visual, memastikan teks dapat dibaca, dan mengomunikasikan makna salinan dengan lebih baik.

Gim yang saya bidik serif menguji seberapa cepat Anda dapat mengenali font serif. Untuk memulai, Anda disajikan dengan dua huruf, salah satunya adalah font serif, dan diminta untuk "menembak serif" dengan mengkliknya sebelum Anda kehabisan waktu. Saat Anda maju, Anda diperlihatkan lebih banyak huruf secara bersamaan, membuatnya lebih sulit untuk menemukan dan memotret gaya serif yang berbeda.

Game ini akan membuat Anda tetap waspada! Saya memainkannya setiap minggu, dan saya selalu terkejut dengan betapa menantangnya itu setelah beberapa putaran.

Typewar adalah pelatih tipografi lain, yang menantang kemampuan Anda untuk mengidentifikasi tipografi yang berbeda. Di setiap putaran, Anda diperlihatkan mesin terbang dan harus memilih nama jenis huruf yang benar dari sepasang opsi. Anda mendapatkan atau kehilangan poin untuk cara Anda menjawab pertanyaan, dan jumlah poin yang diberikan pada akhirnya tergantung pada berapa banyak pemain lain yang menjawab pertanyaan yang sama dengan benar. Umpan balik instan, statistik waktu nyata, dan paparan font yang kurang dikenal akan memotivasi Anda untuk terus belajar.

Tingkatkan Mata Anda untuk Kerning

Salah satu cara untuk meningkatkan keterbacaan teks digital adalah memastikan kerning yang efektif, atau jarak antar karakter. Kerning sering terbang di bawah radar desainer karena sudah ditentukan sebelumnya di setiap file font jenis huruf. Tetapi akan sangat membantu untuk mengetahui cara menyesuaikan kerning ketika hubungan antar karakter tampak tidak aktif, atau jika Anda perlu membuat jenis logo atau font yang dipesan lebih dahulu untuk klien.

Kern Type membantu Anda menyempurnakan keterampilan kerning Anda dengan menguji kemampuan Anda untuk spasi huruf di dalam kata dengan benar. Untuk setiap kata yang Anda kern, Anda menerima skor dari 100 dan opsi untuk beralih di antara tiga tampilan: spasi Anda, spasi optimal, dan kombinasi keduanya untuk perbandingan.

Saya terus kembali ke permainan ini karena sulit untuk mencetak 100, dan itu mengingatkan saya bahwa selalu ada ruang untuk ditingkatkan.

Tingkatkan Game Warna Anda

Dengan meningkatkan keterampilan warna Anda, Anda dapat membuat keputusan yang lebih cerdas dan lebih bermakna di seluruh spektrum proyek desain dan disiplin ilmu. Warna adalah permainan yang menantang Anda untuk mengidentifikasi rona dan saturasi, serta pasangan warna komplementer, analog, triadik, dan tetradik. Antarmuka menunjukkan roda warna interaktif dengan warna yang disorot di tengah. Anda harus menentukan warna (atau warna) di dalam roda warna dalam 10 detik atau kurang, tugas yang semakin sulit saat Anda mencoba mencocokkan warna untuk skema warna triadik dan tetradik.

Sempurnakan Teknik Vektor Anda

Alat berbasis vektor seperti Figma, Sketch, dan Adobe Illustrator memungkinkan desainer untuk membuat grafik digital yang berskala tanpa kehilangan kualitas—tidak seperti gambar piksel, yang kehilangan resolusi saat ukurannya bertambah. Tetapi menggambar dan memanipulasi bentuk dan kurva vektor bisa menjadi proses yang rumit.

Game Boolean mengajarkan Anda tentang operasi Boolean yang digunakan untuk membangun dan memodifikasi bentuk 2D dengan cepat dalam alat desain berbasis vektor. Dalam permainan, Anda diperlihatkan bentuk untuk ditiru. Setelah beberapa detik, bentuknya berubah menjadi garis luar. Di sebelah kiri layar ada beberapa bentuk yang dapat Anda seret ke dalam kerangka untuk mereproduksi bentuk akhir. Di bagian bawah layar terdapat empat operasi Boolean: union, subtract, intersect, dan difference. Mengklik tombol Lanjutkan memicu animasi langkah demi langkah yang menunjukkan cara menggabungkan bentuk menggunakan operasi Boolean yang dipilih. Ketika operasi yang salah dipilih, animasi ini membantu Anda memvisualisasikan kesalahan Anda.

Shape Type adalah permainan vektor lain untuk dicoba. Di dalamnya, pemain disajikan dengan huruf yang perlu dibentuk kembali menjadi bentuk yang benar dengan menyeret titik jangkar yang berbeda dan diberi skor kesamaan dari 100. Seperti Jenis Kern, Anda juga dapat beralih di antara tiga tampilan untuk membandingkan hasil Anda dengan bentuk asli. Selain menyempurnakan kemampuan menggambar vektor Anda, Shape Type adalah cara yang bagus untuk melihat dari dekat elemen anatomi tipografi yang berbeda.

Satu game terakhir yang akan membantu Anda meningkatkan keterampilan vektor Anda adalah The Bezier Game, yang membantu Anda membuat grafik yang lebih presisi menggunakan pen tool. Tutorial pengantar menjelaskan cara menggunakan kontrol, seperti alt dan shift, untuk memposisikan titik jangkar dan memanipulasi pegangan Bezier. Gim ini mengajarkan Anda cara menggambar bentuk geometris sederhana bersama dengan bentuk yang lebih kompleks, seperti hati dan mobil, dengan titik jangkar, atau simpul sesedikit mungkin. Untuk menjaga hal-hal menarik, Anda mendapatkan sejumlah node untuk setiap level, dan permainan terus menghitung jumlah node yang tidak Anda gunakan.

Saya menyukai permainan ini karena membantu saya memvisualisasikan hubungan antara penempatan titik jangkar dan sudut pegangan bezier, yang mengarah ke garis dan kurva yang lebih halus.

Memoles Pengkodean Dasar

Baik untuk pengembangan karir atau kolaborasi dengan pengembang, memahami dasar-dasar HTML dan CSS menjadikan seorang desainer aset yang cukup besar bagi tim multidisiplin. Selain itu, pengetahuan pemrograman front-end membantu desainer menyesuaikan ide-ide mereka dengan parameter realistis.

Flexbox Froggy menguraikan dasar-dasar pengkodean langkah demi langkah. Ini mengajarkan CSS flexbox, model tata letak web CSS3 yang membuat pemosisian komponen UI lebih mudah dengan mengaktifkan kontrol perataan, spasi, dan elemen pembungkus pada halaman web hanya dengan satu atau dua baris kode.

Dalam permainan, Anda membantu katak nakal dan teman-temannya melompat melintasi layar dengan menulis baris kode CSS. Di setiap level, tutorial mini di atas editor kode menjelaskan berbagai perintah yang dapat Anda gunakan. Saat Anda menulis kode di sisi kiri layar, perubahan yang sesuai terjadi di sebelah kanan. Jika katak mencapai lilypad, kodenya benar.

Tingkatkan Pengetahuan UI/UX Anda

Game online juga dapat membantu desainer meningkatkan pengetahuan UI/UX mereka dan menciptakan pengalaman tanpa gesekan yang meningkatkan rasio konversi dan ROI.

Can't Unsee memperkaya keseluruhan kemampuan UI/UX Anda dengan menguji pengetahuan Anda tentang konsep desain, seperti hierarki, kontras, perataan, tipografi, dan gaya komponen. Layar menunjukkan dua komponen desain dan meminta Anda untuk memilih opsi yang lebih ramah pengguna. Komponen mungkin terlihat identik dengan mata yang tidak terlatih, tetapi perancang ahli harus dapat membedakannya dengan memperhatikan perbedaan kecil antara elemen, seperti teks yang tidak sejajar atau padding yang tidak rata.

Maksimalkan Game Desain Online

Saya sering kagum dengan betapa cepatnya industri desain berkembang. Terkadang, tekanan untuk mengikuti alat dan teknik baru bisa terasa berlebihan dan menghambat kreativitas saya. Saya melakukan pekerjaan desain terbaik saya ketika saya mendekati masalah dengan semangat kekanak-kanakan, itulah sebabnya saya sangat menikmati permainan ini: Mereka memungkinkan saya untuk belajar dan berlatih sambil mempertahankan rasa bermain dan bertanya-tanya.

Baik Anda ingin melatih ulang, meningkatkan keterampilan, atau mempelajari teknik UI/UX baru, game desain online dapat membantu Anda menguji dan mengembangkan kemampuan artistik dan teknis Anda. Seperti yang pernah dikatakan Pablo Picasso, "Saya selalu melakukan apa yang tidak dapat saya lakukan, agar saya dapat belajar bagaimana melakukannya."