Microcontrasto

Jan 21 2023
Nell'arte e nel design, i livelli di dettaglio sono strettamente correlati alla quantità di interesse visivo in un pezzo. Dettagli ricchi possono aiutarci a trasformare qualcosa di blando e banale in qualcosa di sorprendente, e un modo per aggiungere dettagli è attraverso quello che io chiamo microcontrasto, che è il contrasto all'interno degli elementi esistenti del tuo design.

Nell'arte e nel design, i livelli di dettaglio sono strettamente correlati alla quantità di interesse visivo in un pezzo. I dettagli ricchi possono aiutarci a trasformare qualcosa di blando e banale in qualcosa di sorprendente, e un modo per aggiungere dettagli è attraverso quello che io chiamo microcontrasto , che è il contrasto all'interno degli elementi esistenti del tuo design.

Abbattilo e rendilo eccentrico

Se la tua opera d'arte o il tuo design mancano di entusiasmo, forse è dovuto all'assenza di microcontrasto. Seleziona un elemento importante nel tuo pezzo e vedi se riesci a scomporlo. Diciamo che l'elemento è una parola. Quindi possiamo scomporlo in lettere. Successivamente, aggiungi alcune stranezze alla prima o all'ultima lettera, o qualsiasi altra lettera che ritieni opportuna, per renderla più interessante. Queste stranezze aggiungeranno contrasto e variazione e faranno risaltare la lettera, attirando così gli occhi dello spettatore. Per la nostra lettera selezionata, possiamo renderla più grande, più audace o modificarne la forma per aggiungere sorpresa. Gli occhi degli spettatori rimarranno sul pezzo più a lungo perché ci sono più informazioni a cui prestare attenzione.

Microcontrasto in caratteri a mano

L'idea del microcontrasto può essere vista spesso nella scrittura a mano. Dai un'occhiata al seguente pezzo di Chandra Larsson . Nota come le iniziali B, R e L hanno tutte code esagerate che le rendono uniche e speciali. Queste code si espandono anche in lettere vicine per integrarsi strettamente con esse e collegare l'intero pezzo. Stanno creando microcontrasti a livello di parola tra le lettere. Senza di loro, quest'opera d'arte sarebbe molto meno interessante.

Un pezzo di handlettering di Chandra Larsson. Attestazione: https://www.behance.net/gallery/9491765/The-Seventh-Letter-Summer-2013

Microcontrasto nella barra delle applicazioni di Windows

Un altro buon esempio che illustra l'uso del microcontrasto è il design della barra delle applicazioni in Windows Vista e XP.

In Windows Vista, il microcontrasto viene creato tramite dimensioni e forma. Il pulsante Start è più grande degli altri elementi e sporge dalla barra delle applicazioni. La sua forma circolare lo distingue dalla forma piatta e rettangolare del bar, creando molto interesse visivo.

In Windows XP, il microcontrasto viene creato attraverso il colore e la forma. Il pulsante Start verde lo contrasta con la barra delle attività blu e il suo contorno curvo sulla destra lo rende speciale rispetto alla barra delle attività piatta e diritta.

Sebbene questi design possano sembrare un po' fuori moda al giorno d'oggi poiché le interfacce utente moderne tendono ad essere piatte senza troppe trame, il principio rimane lo stesso: se vogliamo più interesse visivo, introduciamo il contrasto in varie forme al livello appropriato.

La barra delle applicazioni in Windows Vista. Credito: https://forums.elementalgame.com/374057/windows-7-superbar-stomps-the-old-taskbar-part-1
La barra delle applicazioni in Windows XP. Credito: https://www.youtube.com/watch?v=DZf1Kk6mqIs

Pensieri finali

Anni fa, abbiamo discusso su come sfruttare il contrasto per creare piacevoli combinazioni di caratteri tipografici . Il microcontrasto è l'estensione di quell'idea al visual design in generale. Imparare a trarne vantaggio può aiutarci ad aumentare la quantità di dettagli e l'interesse visivo nel nostro lavoro di progettazione e renderci un designer migliore.