To give you the best possible experience, this site uses cookies. Using your site means your agree to our use of cookies. We have published a new cookies policy, which you should need to find out more about the cookies we use. View Cookies Policy.
Cinghie serpentineCinghie serpentine
  • New
(0)
9,00 $
Mozzi delle ruoteMozzi delle ruote
  • New
(0)
18,90 $
Mixed items
Liquido dei freniLiquido dei freni
  • New
(0)
18,90 $
Mixed items
Olio motoreOlio motore
  • New
(0)
18,90 $
Mixed items
Tubi del riscaldatoreTubi del riscaldatore
  • New
(0)
11,90 $

Principi di progettazione dell'interfaccia utente

Principi di progettazione dell'interfaccia utente

Il design grafico (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 guidarli il loro lavoro quotidiano.

Un altro grande aggiornamento è che i designer di oggi hanno un posto al 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 sta creando qualcosa di memorabile e significativo.

– Dieter Rams di WggSxdpV

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

Oggi vorrei illustrarvi alcuni principi fondamentali ma fondamentali che vi assicurano di ottenere qualcosa di memorabile e significativo ogni volta che progettate prodotti digitali.

1. Gerarchia

Gerarchia, proprio come il suo significato tradizionale, è la disposizione degli elementi sullo schermo in ordine di importanza o peso. 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.

  • Stabilisce 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:

Dimensioni

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

All Feedback
  1. demo
    Reviewed on

    nice blog !

lascia un commento