I principi del design e la loro importanza

Ascolta la versione audio di questo articolo

Una delle parti più difficili del parlare dei principi del design è capire quanti principi ci sono effettivamente (ce ne sono cinque? Sette? 10?). E una volta capito, quale di questi presunti fondamenti del design dovrebbe essere incluso?

Cerca "principi di design" e Google restituirà risultati per articoli che includono da cinque a più di una dozzina di singoli principi. Anche gli articoli che concordano sul numero non sono necessariamente d'accordo su quali dovrebbero essere inclusi in quel numero.

In realtà, ci sono circa una dozzina di principi di base del design che i designer principianti ed esperti dovrebbero tenere a mente quando lavorano ai loro progetti. Inoltre, ci sono un'altra dozzina circa di principi di progettazione "secondari" che a volte sono inclusi come basi (ad esempio, i Principi della Gestalt, la tipografia, il colore e l'inquadratura). I principali principi di progettazione sono spiegati e illustrati di seguito.

Principi di progettazione di base

Come già accennato, non c'è un vero consenso nella comunità del design su quali siano effettivamente i principi fondamentali del design. Detto questo, i seguenti dodici principi sono quelli citati più spesso in articoli e libri sull'argomento.

Contrasto

Uno dei reclami più comuni che i designer hanno sul feedback dei clienti spesso ruota attorno ai clienti che affermano che un design deve "saltare" di più. Anche se suona come un termine completamente arbitrario, ciò che il cliente generalmente intende è che il design ha bisogno di più contrasto.

Il contrasto si riferisce al modo in cui i diversi elementi sono in un progetto, in particolare gli elementi adiacenti. Queste differenze fanno risaltare vari elementi. Il contrasto è anche un aspetto molto importante nella creazione di design accessibili. Un contrasto insufficiente può rendere particolarmente difficile la lettura del contenuto del testo, soprattutto per le persone con disabilità visive.

Equilibrio

Ogni elemento di un design - tipografia, colori, immagini, forme, motivi, ecc. - ha un peso visivo. Alcuni elementi sono pesanti e attirano l'attenzione, mentre altri elementi sono più leggeri. Il modo in cui questi elementi sono disposti su una pagina dovrebbe creare una sensazione di equilibrio.

Esistono due tipi fondamentali di equilibrio: simmetrico e asimmetrico. I disegni simmetrici dispongono elementi di uguale peso su entrambi i lati di una linea centrale immaginaria. L'equilibrio asimmetrico utilizza elementi di peso diverso, spesso disposti in relazione a una linea che non è centrata all'interno del progetto generale.

Enfasi

L'enfasi si occupa delle parti di un design che dovrebbero distinguersi. Nella maggior parte dei casi, questo significa le informazioni più importanti che il design intende trasmettere.

L'enfasi può essere utilizzata anche per ridurre l'impatto di determinate informazioni. Ciò è più evidente nei casi in cui la "stampa fine" viene utilizzata per informazioni ausiliarie in un progetto. La minuscola tipografia nascosta in fondo a una pagina ha un peso molto inferiore rispetto a quasi ogni altra cosa in un design, ed è quindi sottovalutata.

Proporzione

La proporzione è uno dei principi di progettazione più facili da capire. In poche parole, è la dimensione degli elementi in relazione l'uno con l'altro. La proporzione segnala cosa è importante in un progetto e cosa non lo è. Gli elementi più grandi sono più importanti, gli elementi più piccoli meno.

Gerarchia

La gerarchia è un altro principio di progettazione che si riferisce direttamente al modo in cui i contenuti possono essere elaborati dalle persone che utilizzano un sito web. Si riferisce all'importanza degli elementi all'interno di un progetto. Gli elementi (o contenuti) più importanti dovrebbero sembrare i più importanti.

La gerarchia è illustrata più facilmente attraverso l'uso di titoli e intestazioni in un disegno. Il titolo di una pagina dovrebbe avere la massima importanza, e quindi dovrebbe essere immediatamente riconoscibile come l'elemento più importante di una pagina. I titoli ei sottotitoli devono essere formattati in modo da mostrare la loro importanza in relazione l'uno con l'altro, nonché in relazione al titolo e al corpo della copia.

Ripetizione

La ripetizione è un ottimo modo per rafforzare un'idea. È anche un ottimo modo per unificare un design che riunisce molti elementi diversi. La ripetizione può essere eseguita in diversi modi: ripetendo gli stessi colori, caratteri tipografici, forme o altri elementi di un disegno.

Questo articolo, ad esempio, utilizza la ripetizione nel formato delle intestazioni. Ciascun principio di progettazione è formattato come gli altri in questa sezione, segnalando ai lettori che hanno tutti la stessa importanza e che sono tutti correlati. Intestazioni coerenti uniscono questi elementi nella pagina.

Ritmo

Gli spazi tra elementi ripetuti possono causare la formazione di un senso del ritmo, simile al modo in cui lo spazio tra le note in una composizione musicale crea un ritmo. Esistono cinque tipi fondamentali di ritmo visivo che i designer possono creare: casuale, regolare, alternato, fluido e progressivo.

I ritmi casuali non hanno uno schema distinguibile. I ritmi regolari seguono la stessa spaziatura tra ogni elemento senza variazioni. I ritmi alternati seguono uno schema prestabilito che si ripete, ma c'è una variazione tra gli elementi effettivi (come uno schema 1-2-3-1-2-3). I ritmi fluenti seguono curve e curve, simili al modo in cui le dune di sabbia ondeggiano o scorrono le onde. I ritmi progressivi cambiano man mano che procedono, con ogni modifica che si aggiunge alle iterazioni precedenti.

I ritmi possono essere usati per creare una serie di sentimenti. Possono creare eccitazione (in particolare ritmi fluidi e progressivi) o creare rassicurazione e coerenza. Tutto dipende dal modo in cui vengono implementati.

Modello

I modelli non sono altro che una ripetizione di più elementi di design che lavorano insieme. I modelli di carta da parati sono l'esempio più onnipresente di modelli con cui praticamente tutti hanno familiarità.

Nella progettazione, tuttavia, i modelli possono anche fare riferimento a standard stabiliti per la modalità di progettazione di determinati elementi. Ad esempio, la navigazione in alto è un modello di progettazione con cui ha interagito la maggior parte degli utenti di Internet.

Spazio bianco

Lo spazio bianco, noto anche come "spazio negativo", è l'area di un design che non include alcun elemento di design. Lo spazio è, effettivamente, vuoto.

Molti designer principianti sentono il bisogno di imballare ogni pixel con un qualche tipo di "design" e trascurano il valore dello spazio bianco. Ma lo spazio bianco ha molti scopi importanti in un design, primo fra tutti quello di dare respiro agli elementi della stanza di design. Lo spazio negativo può anche aiutare a evidenziare contenuti specifici o parti specifiche di un progetto.

Può anche rendere più facili da discernere gli elementi di un design. Questo è il motivo per cui la tipografia è più leggibile quando vengono utilizzate lettere maiuscole e minuscole poiché lo spazio negativo è più vario attorno alle lettere minuscole, il che consente alle persone di interpretarle più rapidamente.

In alcuni casi, lo spazio negativo viene utilizzato per creare immagini secondarie che potrebbero non essere immediatamente evidenti allo spettatore. Questa può essere una parte preziosa del branding che può deliziare i clienti. Prendi la freccia nascosta nel logo FedEx, solo per un esempio.

Movimento

Il movimento si riferisce al modo in cui l'occhio viaggia su un disegno. L'elemento più importante dovrebbe portare al successivo più importante e così via. Questo viene fatto attraverso il posizionamento (l'occhio cade naturalmente prima su alcune aree di un design), l'enfasi e altri elementi di design già menzionati.

Varietà

La varietà nel design viene utilizzata per creare interesse visivo. Senza varietà, un design può diventare molto rapidamente monotono, facendo perdere interesse all'utente. La varietà può essere creata in vari modi, attraverso colori, tipografia, immagini, forme e praticamente qualsiasi altro elemento di design.

Tuttavia, la varietà per il bene della varietà non ha senso. La varietà dovrebbe rafforzare gli altri elementi di un design ed essere utilizzata insieme ad essi per creare un risultato più interessante ed esteticamente gradevole che migliori l'esperienza dell'utente.

Unità

Tutti hanno visto un sito Web o un altro design là fuori che sembrava semplicemente gettare elementi su una pagina senza riguardo per come funzionavano insieme. Gli annunci sui giornali che utilizzano dieci caratteri diversi vengono in mente quasi immediatamente.

L'unità si riferisce al modo in cui gli elementi di un design lavorano insieme. Gli elementi visivi dovrebbero avere relazioni chiare tra loro in un progetto. Unity aiuta anche a garantire che i concetti vengano comunicati in modo chiaro e coerente. Anche i progetti con una buona unità sembrano essere più organizzati e di maggiore qualità e autorità rispetto ai progetti con una scarsa unità.

Altri principi di progettazione

Altri principi di design sono toccati anche in vari articoli sull'argomento. Questi includono tipografia, colore, principi della Gestalt, griglia e allineamento, inquadratura e forma. Alcuni si adattano decisamente alla definizione di "principi", mentre altri sono più simili a elementi di design.

La tipografia si riferisce al modo in cui il testo è organizzato in un disegno. Ciò include i caratteri utilizzati, la loro spaziatura, dimensione e peso e il modo in cui i diversi elementi di testo si relazionano tra loro. Un buon design tipografico è fortemente influenzato da tutti gli altri principi di design menzionati in precedenza in questo articolo.

L'uso del colore nel design è una delle parti psicologicamente più importanti di un design e ha un'enorme influenza sull'esperienza dell'utente. La psicologia e la teoria del colore influenzano pesantemente alcuni degli altri principi menzionati in precedenza.

I principi della Gestalt includono somiglianza, continuazione, chiusura, prossimità, figura/suolo e simmetria e ordine (chiamati anche pragnanz). Alcuni di questi principi sono strettamente correlati ai principi sopra menzionati.

Griglia e allineamento sono strettamente correlati all'equilibrio e si riferiscono al modo in cui gli elementi sono disposti in relazione a una griglia invisibile sulla pagina.

L'inquadratura si riferisce al modo in cui il soggetto principale di un disegno viene posizionato in relazione ad altri elementi della pagina. Si sente spesso fare riferimento alla cinematografia o alla fotografia, con il modo in cui l'obiettivo principale di un'immagine è posizionato all'interno dell'immagine complessiva. Ma il principio si trasferisce nel design.

La forma è anche una parte importante di qualsiasi design, sia in termini di forme specifiche utilizzate come elementi all'interno del design, sia in termini di forma complessiva del design stesso. Forme diverse possono evocare sentimenti diversi, ad esempio i cerchi sono organici e fluidi, mentre i quadrati sono più rigidi e formali ei triangoli danno un senso di energia o movimento.

Questi "principi" o elementi di progettazione sono aspetti importanti di una buona progettazione e dovrebbero essere considerati insieme agli altri principi di base per creare le migliori esperienze utente.

Conclusione

Ciò che costituisce i principi “fondamentali” del design è certamente in discussione. Ma la comprensione e l'attuazione dei principi trattati sopra è vitale per il successo di qualsiasi progetto di design.

I progettisti dovrebbero mirare a capire come ciascuno di questi principi di progettazione influisca effettivamente sul loro lavoro. Studiare come altri designer hanno implementato queste idee per strutturare i propri progetti è anche uno strumento incredibilmente prezioso per imparare a creare progetti migliori.

È del tutto possibile creare un buon design senza una comprensione approfondita di questi elementi e principi del design. Tuttavia, in genere è fatto dall'"intuizione del designer" e potrebbe richiedere molti tentativi ed errori per creare qualcosa che abbia effettivamente un bell'aspetto e crei un'esperienza utente ottimale. I designer potrebbero risparmiare molto tempo ed energia mettendo in pratica i principi che abbiamo discusso fino a quando non diventano una seconda natura.

Ulteriori letture sul blog di Toptal Design:

• Principi di progettazione: introduzione alla gerarchia
• Potenzia la tua UX con questi principi di progettazione dell'interazione di successo
• Esplorare i principi della Gestalt del design
• Design persuasivo: utilizzare efficacemente la psicologia avanzata
• The Ultimate UX Hook: design anticipatorio, persuasivo ed emotivo in UX