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 (si pensi a Sketch, Figma, Invision) e dispongono delle migliori risorse online (si pensi a Dribbble, Muzli) per guidare loro 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. Sebbene i designer godano di una maggiore autorità, hanno anche una maggiore responsabilità sulle spalle. Creare esperienze senza soluzione di continuità e consentire connessioni emotive tra gli esseri umani e la tecnologia.

Un buon design è rendere qualcosa di comprensibile e memorabile. Il grande design è creare qualcosa di memorabile e significativo.

Anche se vorremmo continuare a scoprire e apprendere nuovi trucchi e tendenze man mano che cresciamo professionalmente, è altrettanto importante rimanere fedeli ai concetti di base e senza tempo che guidano l'essenza dell'UI Design.

Oggi vorrei illustrarti alcuni principi fondamentali ma fondamentali 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 progettare gli elementi in modo efficace. È naturale che elementi con maggior peso visivo tendano a catturare l'attenzione degli utenti. Questo comportamento dovrebbe essere considerato quando si progetta 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 visivo alle informazioni, 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 contrasti di colori chiari e scuri o di dimensioni piccole e grandi: è molto di più. Il contrasto ci aiuta a organizzare meglio i nostri contenuti, inoltre aiuta gli utenti a concentrarsi su determinati elementi. Oltre a sottolineare gli elementi crea anche un equilibrio visivo e interesse per il design. Tuttavia, un contrasto eccessivo può confondere 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:

Dimensione

• Colore
• Peso
• Stili
• Caratteri
• tra
• serif
• Riempimento sans serif

3. Prossimità

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

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

4. Equilibrio

Una composizione equilibrata sembra 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 nel design. I designer possono bilanciare una composizione giocando con il peso visivo degli elementi. Il peso visivo può essere deciso da quanto risalta un elemento. Esistono più parametri che influenzano il peso visivo di un elemento, ad esempio dimensioni, colore, contrasto e densità.

Il cervello umano tende a interpretare cose più grandi per avere più peso. La stessa psicologia si applica anche alle interfacce digitali.