Affina le tue abilità con divertenti giochi online per designer

I designer di successo migliorano regolarmente le competenze e le competenze per rafforzare i fondamenti utilizzati in tutti gli strumenti, i progetti e le discipline. Tuttavia, trovare tempo extra per l'apprendimento durante la settimana lavorativa non è facile. Fortunatamente, il gioco online è un modo divertente ed educativo per i designer di UI/UX di affinare le proprie abilità e acquisirne di nuove. Attraverso esperienze di gioco online interattive e coinvolgenti (e spesso gratuite), puoi affinare abilità tecniche come allineamento, tipografia e teoria dei colori.

Oltre ad apprendere nuove tecniche di progettazione, ho scoperto che giocare ai giochi online mi mette di umore più leggero, aumenta la mia creatività e mi aiuta a fare un uso migliore dei principi di progettazione fondamentali. Ogni volta che ho tempo libero o devo affrontare un problema di progettazione ostinato, gioco a uno di questi giochi e ottengo una nuova prospettiva.

Migliora il tuo senso di allineamento

L'allineamento è un principio di progettazione fondamentale che guida la composizione visiva e supporta l'usabilità e la leggibilità.

È centrato È ottimo per allenare il tuo senso di allineamento e aiutarti a rilevare rapidamente gli errori di spaziatura. L'obiettivo è determinare se un punto è centrato all'interno di una forma. È un concetto semplice, ma il gioco è impegnativo perché i punti sono spesso posizionati in modo angoscioso vicino al centro. Il gioco crea consapevolezza compositiva costringendoti a considerare la geometria e trovare punti di riferimento in forme sovrapposte e adiacenti.

Espandi la tua conoscenza del design dei caratteri tipografici

Comprendere le sfumature dei caratteri tipografici può aiutare i designer a stabilire una gerarchia visiva, garantire che il testo sia leggibile e comunicare meglio il significato della copia.

Il gioco a cui ho girato i serif verifica la velocità con cui puoi riconoscere i caratteri serif. Per iniziare, ti vengono presentate due lettere, una delle quali è un font serif, e devi "sparare al serif" facendo clic su di essa prima che scada il tempo. Man mano che avanzi, ti vengono mostrate sempre più lettere contemporaneamente, rendendo più difficile trovare e sparare i diversi stili di grazie.

Questo gioco ti terrà sulle spine! Ci gioco ogni settimana e sono sempre sorpreso da quanto sia impegnativo dopo pochi round.

Typewar è un altro trainer di caratteri tipografici, uno che sfida la tua capacità di identificare diversi caratteri tipografici. In ogni round, ti viene mostrato un glifo e devi scegliere il nome corretto del carattere tipografico da un paio di opzioni. Guadagni o perdi punti per come rispondi alla domanda e la quantità di punti assegnati alla fine dipende da quanti altri giocatori hanno risposto correttamente alla stessa domanda. Il feedback istantaneo, le statistiche in tempo reale e l'esposizione a caratteri poco conosciuti ti motiveranno a continuare ad imparare.

Migliora il tuo occhio per la crenatura

Un modo per migliorare la leggibilità del testo digitale è garantire una crenatura efficace o la spaziatura tra i caratteri. Kerning spesso vola sotto il radar dei designer perché è predefinito nei file dei caratteri di ogni carattere. Ma è utile sapere come regolare la crenatura quando la relazione tra i caratteri sembra disattivata o se è necessario creare un logo o un carattere su misura per un cliente.

Kern Type ti aiuta a perfezionare le tue abilità di crenatura testando la tua capacità di spaziare correttamente le lettere all'interno delle parole. Per ogni parola che crei, ricevi un punteggio su 100 e la possibilità di alternare tra tre visualizzazioni: la tua spaziatura, la spaziatura ottimale e una combinazione di entrambi per il confronto.

Continuo a tornare su questa partita perché è difficile segnare 100, e mi ricorda che c'è sempre spazio per migliorare.

Aggiorna il tuo gioco di colori

Aggiornando le tue abilità di colore, puoi prendere decisioni più intelligenti e più significative in una vasta gamma di progetti e discipline di design. Il colore è un gioco che ti sfida a identificare tonalità e saturazione, nonché abbinamenti di colori complementari, analoghi, triadici e tetradici. L'interfaccia mostra una ruota dei colori interattiva con un colore evidenziato al centro. Devi determinare il colore (oi colori) all'interno della ruota dei colori in 10 secondi o meno, un compito che cresce in difficoltà mentre tenti di abbinare i colori per schemi di colori triadici e tetradici.

Affina la tua tecnica vettoriale

Strumenti basati su vettori come Figma, Sketch e Adobe Illustrator consentono ai designer di creare grafica digitale in scala senza perdere qualità, a differenza delle immagini pixel, che perdono risoluzione man mano che aumentano di dimensioni. Ma disegnare e manipolare forme e curve vettoriali può essere un processo complicato.

Il gioco booleano ti insegna le operazioni booleane che vengono utilizzate per costruire e modificare rapidamente forme 2D in strumenti di progettazione basati su vettori. Nel gioco, ti viene mostrata una forma da replicare. Dopo pochi secondi, la forma si trasforma in un contorno. Sulla sinistra dello schermo ci sono diverse forme che puoi trascinare nel contorno per riprodurre la forma finale. Nella parte inferiore dello schermo ci sono quattro operazioni booleane: unione, sottrazione, intersezione e differenza. Facendo clic sul pulsante Continua si attiva un'animazione passo passo che mostra come unire le forme utilizzando l'operazione booleana scelta. Quando viene scelta un'operazione errata, questa animazione ti aiuta a visualizzare i tuoi errori.

Shape Type è un altro gioco vettoriale da provare. In esso, al giocatore viene presentata una lettera che deve essere rimodellata nella sua forma corretta trascinando diversi punti di ancoraggio e ricevendo un punteggio di somiglianza su 100. Come il tipo di kernel, puoi anche alternare tra tre visualizzazioni per confrontare il tuo risultato con il forma originale. Oltre a perfezionare le tue capacità di disegno vettoriale, Shape Type è un ottimo modo per dare un'occhiata da vicino agli elementi anatomici di diversi caratteri tipografici.

Un ultimo gioco che ti aiuterà a migliorare le tue abilità vettoriali è The Bezier Game, che ti aiuta a creare una grafica più precisa usando lo strumento penna. I tutorial introduttivi spiegano come utilizzare i controlli, come alt e shift, per posizionare i punti di ancoraggio e manipolare le maniglie di Bezier. Il gioco ti insegna come disegnare forme geometriche semplici insieme a forme più complesse, come un cuore e un'auto, con il minor numero possibile di punti di ancoraggio o nodi. Per mantenere le cose interessanti, ottieni un certo numero di nodi per ogni livello e il gioco tiene un conteggio continuo dei nodi che non usi.

Mi piace questo gioco perché mi aiuta a visualizzare la relazione tra il posizionamento del punto di ancoraggio e angoli di impugnatura più precisi, portando a linee e curve più morbide.

Ripassa la codifica di base

Che si tratti di sviluppo professionale o collaborazione con sviluppatori, la comprensione delle basi di HTML e CSS rende un designer una risorsa considerevole per i team multidisciplinari. Inoltre, la conoscenza della programmazione front-end aiuta i progettisti a moderare le proprie idee con parametri realistici.

Flexbox Froggy scompone le basi della codifica passo dopo passo. Insegna CSS flexbox, un modello di layout Web CSS3 che semplifica il posizionamento dei componenti dell'interfaccia utente consentendo il controllo dell'allineamento, la spaziatura e il wrapping degli elementi sulle pagine Web con solo una o due righe di codice.

Nel gioco, aiuti una rana dispettosa e i suoi amici a saltare attraverso lo schermo scrivendo righe di codice CSS. Ad ogni livello, un mini tutorial sopra l'editor di codice descrive i diversi comandi che puoi usare. Mentre scrivi il codice sul lato sinistro dello schermo, le modifiche corrispondenti si verificano a destra. Se la rana raggiunge la ninfea, il codice è corretto.

Migliora la tua conoscenza UI/UX

I giochi online possono anche aiutare i designer a migliorare la loro conoscenza dell'interfaccia utente/UX e creare esperienze senza attriti che aumentano i tassi di conversione e il ROI.

Can't Unsee arricchisce le tue capacità complessive di UI/UX testando la tua conoscenza dei concetti di progettazione, come gerarchia, contrasto, allineamento, tipografia e stile dei componenti. Lo schermo mostra due componenti di progettazione e ti chiede di selezionare l'opzione più user-friendly. I componenti possono sembrare identici a un occhio inesperto, ma un designer esperto dovrebbe essere in grado di distinguerli notando piccole differenze tra gli elementi, come testo disallineato o spaziatura irregolare.

Ottieni il massimo dai giochi di design online

Sono spesso stupito dalla velocità con cui si evolve l'industria del design. A volte, la pressione per tenere il passo con nuovi strumenti e tecniche può sembrare opprimente e soffocare la mia creatività. Faccio il mio miglior lavoro di progettazione quando affronto i problemi con uno spirito infantile, motivo per cui mi piacciono così tanto questi giochi: mi permettono di imparare e di esercitarmi mantenendo un senso di gioco e meraviglia.

Che tu stia cercando di riqualificare, migliorare o apprendere una nuova tecnica UI/UX, i giochi di design online possono aiutarti a testare e far crescere le tue capacità artistiche e tecniche. Come disse una volta Pablo Picasso, "Faccio sempre ciò che non posso fare, in modo da poter imparare a farlo".