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 dei vecchi tempi, ricordate i vostri giorni con CoralDraw? Quanto pensi che ci siamo evoluti negli ultimi anni?

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

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

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

Anche se 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 del design dell'interfaccia utente.

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 gli elementi di design in modo efficace. È naturale che gli elementi che hanno più 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 pesi visivi diversi a ciascuno degli elementi
• Finalmente crea modelli di movimento degli occhi

Ad esempio, il titolo di un blog richiederebbe più attenzione del corpo del testo. Allo stesso modo, nel design dell'interfaccia, un invito all'azione (CTA) potrebbe richiedere un'importanza speciale rispetto ad altri. Ogni volta che cerchiamo di dare un senso visivamente 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 opposti di colore chiaro e scuro o di piccole e grandi dimensioni: è più di questo. Il contrasto 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 un 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. Mira a creare la giusta quantità di contrasto giocando con:

Taglia

• Colore
• Peso
• Stili
• Caratteri
• tra
• serif
• Riempimento senza grazie

3. Vicinanza

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 il 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 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 nel design dell'interfaccia è la tipografia. Agli utenti non piace leggere lunghe porzioni di testo. È difficile per loro identificare informazioni importanti. Quindi i designer dovrebbero scomporre grandi blocchi di body copy in pezzi più piccoli 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 es.

4. Equilibrio

Una composizione equilibrata risulta 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 ilequilibrio fisico dei prodotti reali per mantenere gli utenti impegnati con il 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 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 anche alle interfacce digitali.