UI Zone ✨

2020-10-13 09:00:47 [Articolo] Progettare con colori accessibili
-- -- --
Torniamo a parlare di accessibilità e lo facciamo con un interessante articolo in cui poter scoprire come progettare le nostre interfacce tenendo sempre a mente la necessità di utilizzare un buon contrasto nella scelta dei nostri colori. Una veloce guida corredata da brevi, ma interessanti video! Buona visione!


Designing with Accessible Color Contrast on the Web
Aprire / Come

2020-10-12 09:47:17 [Risorsa] I (falsi) miti della UX
-- -- --
Iniziamo la settimana con una risorsa davvero molto interessante, ricca di spunti per approfondire. Si tratta di una collezione di miti sulla UX che tutti abbiamo sentito almeno una volta o, perchè no, al quale crediamo noi stessi. Un buon modo per mettersi alla prova! Buona lettura!


Build your product based on evidence, not false beliefs
Aprire / Come

2020-10-09 09:00:55 [Articolo] La griglia ad 8 punti
-- -- --
Chiudiamo la settimana con un po' di autoreferenzialità . Ho scritto sul mio blog un articolo dedicato alla griglia ad 8 punti, spinto dal desiderio di creare una risorsa sull'argomento che fosse in italiano. Si tratta di un approccio sempre più diffuso ma che non tutti ancora conoscono e spero quindi possiate apprezzare (lasciate un pollice in su qui sotto nel caso!). Se non la conoscete questo può essere un buon punto di partenza. Buona lettura!


La griglia ad 8 punti Aprire / Come

2020-10-08 09:01:01 [Articolo] La UI Design spiegata dal cinema
-- -- --
Oggi vi propongo un articolo molto interessante sulle basi della UI Design. A dimostrazione di come molte discipline inerenti la sfera della creatività, si rifacciano a principi simili, se non uguali, l'articolo di oggi vi porta alcuni esempi di composizione cinematografica che rispecchaino in tutto e per tutto molti dei principi base della UI, cosa che ho trovato molto affascinante! Buona lettura!


Learn fundamentals of UI design through cinema Aprire / Come

2020-10-07 09:00:39 [Articolo] Simulare la disabilità visiva
-- -- --
Parliamo ancora di disabilità e quindi di accessibilità, tema sempre più importante in un progetto di design. L'articolo di oggi, scritto da Addy Osmani enginering manager in Goolge, ci spiega come utilizzare un'interessante funzionalità aggiunta di recente ai Chrome DevTools, che permette di simulare diverse disabilità e di vedere il nostro sito web esattamente come farebbe una persona con difficoltà visive. Uno strumento davvero utile per sperimentare l'accessibilità nei nostri progetti. Buona sperimentazione!


Emulate vision deficiencies in DevTools Aprire / Come

2020-10-06 09:00:50 [Risorsa] Octicons - Un set di icone open source
-- -- --
Come molte altre aziende, sopratutto quelle di una certa dimensione, anche Github ha il proprio design system interno. Ovviamente si tratta di un repository Github in cui hanno inserito tutti i componenti e le style guide. Il bello di questo repository è che oltre ad essere open source, contiene anche un bel set icone liberamente utilizzabili per i vostri progetti, corredate di esempi e indicazioni d'uso. Non so a voi, ma a me le icone non bastano mai! Buon lavoro!


Octicons - Your project. Github's icons Aprire / Come

2020-10-05 09:00:31 [Risorsa] Una lista di strumenti e risorse sull'accessibilità
-- -- --
Ok, questa settimana iniziamo non con una singola risorsa o strumento, ma con una lista di risorse e strumenti! Il focus di questa lista è l'accessibilità e troverete moltissime risorse suddivise per argomenti. Quindi non vi resta che inserire il link tra i vostri prefereti e tornare a guardarlo ogni volta che ne avete bisogno! Buona navigazione!


a11yresources - A growing list of accessibility tools and resources Aprire / Come

2020-10-02 09:00:56 [Articolo] Anatomia di un'icona
-- -- --
Chiudiamo la settimana con un'interessante guida su uno degli elementi principali per la UI: le icone. In questo articolo approfondiamo le griglie, le guide e le best practice per creare icone consistenti e proporzionate. Una risorsa da salvare e da tenere come reference in caso di dubbi! Buona lettura!


Icon Grids & Keylines Demystified Aprire / Come

2020-10-01 09:00:53 [Articolo] User Flow per tutti
-- -- --
Confusi su cosa sia esattamente uno user flow? Non siete sicuri di come poterlo rappresentare al meglio? Spesso, sopratutto se si è alle prime armi, alcuni aspetti del lavoro del designer possono sembrare confusi e gli user flow non sono da meno. L'articolo di oggi è un'ottima guida per poter iniziare da subito a lavorare con uno degli strumenti fondamentali per un designer. Oppure può tornarvi utile per chiarire qualche dubbio! Buona lettura!


The How (and Why) of User Flows Aprire / Come

2020-09-30 09:01:08 [Strumento] Layout veloci con Layoutit!
-- -- --
Quanto volte ci troviamo con la necessità di realizzare velocemente un layout ma abbiamo poco tempo per scrivere codice, oppure ci serve un prototipo veloce che giri in un browser? Lo strumento di oggi ci viene in aiuto, dandoci la possibilità, mediante un'interfaccia grafica molto semplice, di creare i nostri layout al volo utilizzando i componenti di Bootstrap oppure i CSS Grid. Layout pronti in pochissimo tempo e senza paura! Buona sperimentazione!

p.s. per questo tool ringrazio Valentina Fiorendi. La potete trovare su Linkedin!


Layoutit! - Create your frontend code quickly with our simple tools Aprire / Come