Prima di poter padroneggiare il design, devi prima padroneggiare i fondamenti

La scorsa settimana, uno dei miei lettori ha fatto una domanda: come posso diventare un visual designer migliore?

Mentre pensavo a come rispondere a questa domanda, la mia mente ha vagato per la mia esperienza con l'apprendimento del cinese mandarino. Di recente, ho deciso di insegnare a me stesso il mandarino. Quando si tratta di imparare una nuova lingua, devi prima iniziare con i fondamenti. Nomi, pronomi e verbi formano la base per trasmettere idee più complesse.

La lingua è un modo in cui le persone comunicano concetti tra loro. Il design visivo è un linguaggio visivo. E l'apprendimento del visual design non è diverso dall'apprendimento di una nuova lingua.

Non nascono buoni progetti visivi. Sono fatti. La chiave per diventare un miglior visual designer è il rigore. Migliorerai come visual designer solo se fai uno sforzo consapevole.

Ecco alcuni concetti fondamentali che dovresti padroneggiare in modo da poter portare il tuo design visivo al livello successivo.

Fondamentale # 1: torna alle basi con il tipo

Puoi dire molto su un designer guardando la loro tipografia. Questo perché il tipo è una base fondamentale per il design.

Digita come immagine

Puoi creare interi disegni con il solo tipo. Puoi anche basare i disegni sul tipo, prendendo sottili code dai caratteri che scegli. Per migliorare la tipografia nei tuoi progetti, prima di tutto apprendi le basi.

Sviluppa un vocabolario per descrivere il tipo. Scopri quali termini come monitoraggio, crenatura e significato principale. L'articolo Un glossario splendidamente illustrato di termini tipografici che dovresti conoscere è una grande risorsa visiva per l'apprendimento di questi termini.

Quindi, se desideri una comprensione completa di come applicare la tipografia al Web, leggi Tipografia Web: gli elementi dello stile tipografico applicati al Web.

L'associazione dei caratteri può creare o interrompere un disegno

Infine, scopri come accoppiare i caratteri insieme. Una grande risorsa per questo è FontWolf e FontPair. Essere in grado di abbinare i caratteri cambierà radicalmente la dinamica del tuo design.

Per un'esplorazione più approfondita della tipografia, puoi leggere il mio articolo: La tipografia può rendere il tuo design ... O romperlo.

Fondamentale # 2: usa lo spazio per creare equilibrio

La spaziatura aiuta a stabilire il movimento verticale e orizzontale nei tuoi progetti. È fondamentale per creare una gerarchia visiva e formare un'associazione tra elementi.

Crea equilibrio e armonia visiva

Puoi sempre guardare siti come Behance e Dribbble per trarre ispirazione su come spaziare elementi. Ma è importante sviluppare la tua intuizione per l'utilizzo dello spazio per creare equilibrio e armonia visiva.

Quando studi la tipografia, potresti aver notato l'importanza della spaziatura nel tipo. Regolare la crenatura e la direzione dei caratteri è un ottimo esercizio per sviluppare l'occhio per la spaziatura. Per questo motivo, ti consiglio di provare KernType, un gioco in cui confronti la tua soluzione di crenatura con la soluzione di un tipografo.

Semplificazione del pluripremiato poster di Craig Welsh

Un altro esercizio che ti aiuterà a sviluppare il tuo occhio è il seguente: Prendi un disegno esistente, disegna un asse xey, semplifica il disegno in forme base, analizza il modo in cui il disegno è bilanciato, quindi riorganizza gli elementi. Presta molta attenzione a come lo spazio negativo influisce sull'equilibrio degli elementi.

Fondamentale n. 3: utilizzare le dimensioni per stabilire la gerarchia visiva

Quando si tratta di creare una gerarchia visiva, il dimensionamento non è secondo a nessuno. Utilizzando le dimensioni per comunicare relazioni visive tra gli elementi, è possibile stabilire un flusso.

Il dimensionamento è uno dei motivi per cui le griglie sono utili

Il dimensionamento è uno dei motivi per cui le griglie sono utili. Puoi usare le griglie per aiutarti a dimensionare gli elementi usando i rapporti per comunicare l'importanza.

Dopo aver determinato una dimensione per un elemento, mantenerlo lo stesso in tutte le istanze di esso. Nel design, la coerenza è il re.

Usa le dimensioni per stabilire la gerarchia visiva

Ecco un esercizio che ti aiuterà a sviluppare il tuo occhio per il dimensionamento.

La chiave sta chiedendo feedback.

Disegna o wireframe una pagina di destinazione. Quindi chiedi a un amico di guardare il tuo design. Fai in modo che cerchino gli elementi che spiccano di più. Successivamente, fagli numerare gli elementi cerchiati in base al peso visivo. I risultati sono quelli che ti aspettavi?

Quando fai questo esercizio, tieni a mente le seguenti domande:

  • Qual è l'obiettivo di conversione della landing page? Come puoi ottimizzare per raggiungere il tuo obiettivo?
  • Qual è la relazione tra diversi elementi? Quali elementi vuoi sottolineare?
  • Il tuo layout guida con successo l'occhio di un utente attraverso la pagina?

Fondamentale n. 4: usa il colore per trasmettere significato

Il colore ha molti ruoli. Trasmette significato, crea risonanza emotiva e porta unità ai progetti.

Il colore aiuta a trasmettere significato nel design

Per un profondo tuffo nel colore, puoi leggere il mio articolo Designing in Color. Ecco alcuni punti chiave dell'articolo.

  • Identifica lo scopo del tuo disegno prima di scegliere una tavolozza di colori. Un buon design allinea la sua tavolozza di colori al suo scopo.
  • Identifica il tuo pubblico. Le persone percepiscono i colori in modo diverso. I colori hanno effetti diversi sulle persone in base alle loro preferenze personali, educazione culturale ed esperienze.
  • Quando si sceglie una tavolozza di colori, la semplicità è la chiave. Scegli un colore di sfondo neutro. Quindi scegli un colore di accento primario e secondario. Infine, in base agli altri colori, scegli un colore di errore e di successo per i tuoi diversi stati dell'interfaccia utente.

Una volta che hai una buona conoscenza delle basi della teoria del colore, il colore si riduce alla sperimentazione e all'iterazione. Prova attivamente a uscire dalla tua zona di comfort e prova nuove tavolozze di colori.

Film e spettacoli sono un'ottima fonte di ispirazione per i colori

Ecco un esercizio che aiuterà a sviluppare il tuo occhio per il colore.

Trascorri del tempo a compilare tavolozze di colori per le cose intorno a te come fotografie, riviste e i tuoi spettacoli preferiti. Quindi prendi un disegno esistente e applica ad esso nuove tavolozze di colori.

Prendi nota di come cambia l'umore e il tono del design. Cambia anche il significato?

Tratta il tuo lavoro come un mestiere, in quanto c'è sempre qualcosa che puoi migliorare. Affidati a te stesso per essere la motivazione per diventare un designer migliore.

Quali sono le tue strategie per migliorare come designer? Lasciami una nota o mandami un tweet su Twitter.

Se ti è piaciuto questo articolo, potresti anche apprezzare CSS in Javascript con Aphrodite, una biblioteca di Khan Academy.

Puoi trovarmi su Medium dove pubblico ogni settimana. Oppure puoi seguirmi su Twitter, dove inserisco divagazioni insensate su design, sviluppo front-end e realtà virtuale.

Post scriptum Se ti è piaciuto questo articolo, significherebbe molto se fai clic su e lo condividi con gli amici.