Il Graphic Design (come disciplina) si è evoluto negli ultimi 2 decenni più di ogni altra cosa. C'è stato un tempo in cui i designer erano considerati solo esecutori. Designer d'altri tempi, ricordi i tuoi giorni in CoralDraw? Quanto pensi che ci siamo evoluti negli ultimi anni?

Oggi, i designer sfoggiano un nuovo prefisso elegante (come IxD, UI, Motion Design), utilizzano strumenti all'avanguardia (pensa a Sketch, Figma, Invision) e hanno le migliori risorse online (pensa a Dribbble, Muzli) per guidarli nel loro lavoro quotidiano.

Un altro grande aggiornamento è che i designer di oggi hanno un posto sul tavolo. Perché, si potrebbe pensare. Il motivo è che oggi utilizziamo sempre più prodotti digitali e ci muoviamo verso un ecosistema completamente digitale. Gli UI Designer sono gli abilitatori di quelle interfacce magiche, quasi realistiche con cui interagiamo ogni giorno. Mentre i designer godono di una maggiore autorità, hanno anche una maggiore responsabilità sulle loro spalle. Per creare esperienze senza soluzione di continuità e abilitare connessioni emotive tra umani e tecnologia.

Un buon design è rendere qualcosa di intelligibile e memorabile. Un grande design sta rendendo qualcosa di memorabile e significativo.

– Dieter Rams

Mentre vorremmo continuare a scoprire e imparare nuovi trucchi e tendenze man mano che cresciamo professionalmente, è altrettanto importante rimanere fedeli ai concetti di base e senza tempo che guidano l'essenza della progettazione dell'interfaccia utente.

Oggi vorrei guidarti attraverso alcuni principi di base ma chiave che ti assicurano di ottenere qualcosa di memorabile e significativo ogni volta che progetti prodotti digitali.

1. Gerarchia

La gerarchia, proprio come il suo significato tradizionale, è la disposizione degli elementi in ordine di importanza o peso sullo schermo. La gerarchia visiva spiega come possiamo organizzare i contenuti e gli elementi di design in modo efficace. È naturale che gli elementi con un peso visivo maggiore tendano ad attirare l'attenzione degli utenti. Questo comportamento dovrebbe essere considerato durante la progettazione di un layout.

Stabilire relazioni visive tra gli elementi del layout

Quindi aggiungi diversi pesi visivi a ciascuno degli elementi

Infine, crea modelli di movimento degli occhi

Ad esempio, il titolo di un blog richiederebbe più attenzione del corpo del testo. Allo stesso modo, nella progettazione dell'interfaccia, un invito all'azione (CTA) potrebbe richiedere un'importanza speciale rispetto ad altri. Ogni volta che cerchiamo di dare un senso alle informazioni visivamente, osserviamo prima somiglianze e differenze in ciò che stiamo vedendo. Queste relazioni ci permettono di distinguere gli oggetti.

2. Contrasto

Il contrasto è un altro principio importante che ci aiuta a progettare interfacce migliori. Non si tratta solo di opposti di colore chiaro e scuro o di piccole e grandi dimensioni: è più di questo. Contrast ci aiuta a organizzare i nostri contenuti in un modo migliore, inoltre aiuta gli utenti a concentrarsi su determinati elementi. Oltre a enfatizzare gli elementi, crea anche un equilibrio visivo e interesse per il design. Tuttavia, un contrasto eccessivo può creare confusione per gli utenti. Potrebbe creare molti punti focali a causa dei quali gli utenti potrebbero avere difficoltà a intraprendere le azioni previste. Cerca di creare la giusta quantità di contrasto giocando con:

Misurare

Colore

Peso

Stili

Caratteri

tra

serif

sans serif Fill

3. Vicinanza

Questo principio descrive che gli elementi visivi sono percepiti come correlati se sono visivamente simili. In questo modo, elementi visivamente simili sono visti principalmente come un gruppo e non come elementi individuali. Quindi possiamo utilizzare il principio di prossimità nella progettazione dell'interfaccia utente per raggruppare informazioni simili correlate tra loro. ad esempio, scriviamo un sottotesto sotto un titolo per supportarlo. Il principio di prossimità aiuta i progettisti a rendere l'interfaccia facile da scansionare e da afferrare da parte degli utenti. È un fatto provato che la vicinanza prevale su altri strumenti come colori, forme o stili.

Una delle aree in cui la prossimità gioca un ruolo importante nella progettazione dell'interfaccia è la tipografia. Agli utenti non piace leggere lunghi blocchi di testo. È difficile per loro identificare informazioni importanti. Quindi i progettisti dovrebbero scomporre grandi blocchi di copia del corpo in parti più piccole in modo che gli utenti possano facilmente afferrare e digerire le informazioni. Al contrario, gli articoli che appartengono a gruppi diversi devono essere collocati abbastanza lontano da evitare qualsiasi influenza negativa. per esempio.

4. Equilibrio

Una composizione equilibrata è stabile e piacevole alla vista, mentre un design sbilanciato può creare instabilità e distrazione. L'equilibrio visivo consiste nell'avere elementi sia negativi che positivi in ​​proporzioni uguali nel design. Una composizione equilibrata può avere alcune aree che attirano l'attenzione degli utenti, ma non deve scontrarsi con la visibilità di altri elementi. Ricorda che l'equilibrio visivo dovrebbe imitare l'equilibrio fisico dei prodotti della vita reale per mantenere gli utenti coinvolti con il design. I designer possono bilanciare una composizione giocando con il peso visivo degli elementi. Il peso visivo può essere deciso da quanto un elemento risalta. Esistono più parametri che influiscono sul peso visivo di un elemento, ad esempio dimensioni, colore, contrasto e densità.

Il cervello umano tende a interpretare le cose più grandi per avere più peso. La stessa psicologia si applica in digi