Progettare con punti focali semplici e forti

Nel design, tendiamo a pensare alla semplicità in termini di tendenze recenti verso il minimalismo. Un design semplice con questa definizione è uno con molti spazi bianchi letterali e molto poco sulla pagina al di fuori di ciò che è assolutamente necessario.

Tuttavia, invece di seguire ciecamente questa tendenza, è importante capire le idee che ci stanno dietro in modo che non ci ritroviamo intrappolati in una scatola minimalista con ovvi layout basati sulla griglia, sfondi bianchi e tipografia in stile giornale (non che questo sia male , non è bello essere bloccato in questa idea). Quando si considerano i principi del design al lavoro nel minimalismo, si può uscire con successo dalla scatola e creare progetti puliti che non sono vincolati da uno stile visivo ovvio e rigoroso.

A chi importa dei punti focali?

Qual è lo scopo dei punti focali e perché dovresti aver cura di loro? La risposta sta nel controllare come le persone vedono il tuo design. Questo è di fondamentale importanza perché non importa chi sia il tuo target di riferimento, avrà una durata limitata dell'attenzione.

Essere in grado di catturare l'attenzione dello spettatore e mantenerlo, anche se solo per un secondo o due, è la chiave per un design efficace. Con un design efficace intendo un design che fa più che un bell'aspetto, che raggiunge un determinato obiettivo. Questo può essere qualsiasi cosa, dal far sì che qualcuno noti una vendita a Wal-Mart per sensibilizzare sul nome di un candidato politico.

Uno degli aspetti principali di un design minimalista è la riduzione delle distrazioni superflue, che a loro volta evidenzia gli elementi importanti nella pagina. È possibile utilizzare questa stessa tecnica per semplificare i progetti riducendo il numero di punti focali senza portarli all'estremo di ridurre drasticamente le opzioni di progettazione.

Solo la teoria è un po 'astratta e inutile, quindi vediamo come applicarla lavorando con un paio di progetti reali. L'obiettivo sarà quello di creare chiari punti focali che semplificano il messaggio visivo e attirano con successo lo spettatore.

Esempio 1: trovare il fiore perfetto

Iniziamo prendendo un design tipico e vedendo se possiamo migliorarlo. Di seguito è un esempio che ho creato che utilizza uno sfondo fotografico attraente. Nel complesso, è un bell'aspetto. I fiori comunicano efficacemente il messaggio e ci sono molti spazi bianchi nel cielo per rendere il testo facilmente leggibile.

Tuttavia, nonostante sia attraente, il design non ti attira e ti trattiene. Uno dei motivi principali di ciò è che non hai davvero punti di forza. Il titolo è carino, ma probabilmente non è abbastanza per afferrare e mantenere la tua attenzione da solo.

Come ho detto sopra, il campo dei fiori è attraente, ma è anche un po 'troppo impegnato per fornire il messaggio forte che stiamo tentando di creare. Proviamo a semplificare questo design un po 'catturando una foto diversa.

Qui abbiamo ruotato il nostro orientamento, che è completamente fattibile se stai progettando un biglietto da visita, un volantino o qualcos'altro in stampa. La semplice natura della messaggistica ha reso un layout verticale solo come un adattamento migliore, in quanto possiamo massimizzare la dimensione degli oggetti.

Il cambiamento principale però è ovviamente nella selezione delle foto. Questa volta abbiamo selezionato una foto con un singolo punto focale forte. Il risultato è qualcosa di bello che non possiamo fare a meno di voler fissare. Il contrasto tra il fiore sullo sfondo, la profondità di campo e la mancanza di altre distrazioni contribuiscono alla natura irresistibile dell'opera d'arte.

Esempio 2: concerto gratuito

Diciamo che creerai alcuni elementi grafici per un concerto rock gratuito. Mentre stai cercando alcune buone immagini da usare, potresti essere tentato di afferrare (o scattare) una foto come quella qui sotto:

Con una mano, questo è un ottimo inizio. Hai già fortemente comunicato l'idea della musica attraverso le immagini. Tuttavia, la foto ha tre oggetti che lo spettatore deve prendere e interpretare. Quando si combina questo con una sorta di messaggistica si finirà con qualcosa che è inutilmente complesso e, di conseguenza, non allettante per i tuoi spettatori.

Se guardiamo questa foto e proviamo a decidere quale oggetto comunica chiaramente il concetto di musica rock alla maggior parte dei telespettatori, ci concentreremo senza dubbio sulla testa della chitarra. Possiamo quindi utilizzarlo come fonte di ispirazione per la nostra ricerca di foto. Siamo passati da un concetto generale per la fotografia che vogliamo utilizzare (un concerto rock) a qualcosa di molto più specifico e concreto (la testa di una chitarra).

Usando questo come nostro punto di partenza potremmo finire con qualcosa di simile al design qui sotto:

Si noti che abbiamo fatto esattamente la stessa cosa che abbiamo fatto con la configurazione dei fiori sopra. Abbiamo ridotto la complessità visiva tagliando gli oggetti non necessari fuori dalla scena. A differenza del concetto di fiore, tuttavia, prenderemo questa idea molto più in là per vedere come applicare questa tecnica in una situazione più realistica.

Le probabilità sono che non passi troppo tempo a creare progetti semplici come quello sopra. Invece di un titolo, hai un'intera pagina piena di contenuti che devono essere disposti in modo logico.

La buona notizia è che le stesse tecniche funzionano altrettanto bene in questo contesto. La chiave è separare il tuo design in aree visivamente distinte. Poiché le intestazioni sono tradizionalmente il luogo in cui catturi l'attenzione di uno spettatore, questo è un luogo naturale in cui inserire un forte punto focale.

Prendiamo il nostro design per chitarra e lo espandiamo in un volantino o una pagina web in piena regola.

Come puoi vedere, usando questa configurazione possiamo stipare tutto il contenuto di cui abbiamo bisogno nella parte inferiore del design. Si noti che il design non si sente davvero minimalista nel senso che abbiamo imparato a conoscere lo stile, ma usa il cuore della teoria per creare un layout forte.

Esempi in Web Design

Ora che abbiamo discusso abbastanza teoria per guidarti a creare fantastici progetti con chiari punti focali, chiudiamo con alcuni esempi reali del mondo del web design. Presta particolare attenzione a come ogni layout attira la tua attenzione e dove si trovano i punti focali.

Mente creative

Supersteil

Hunderprodukte

Fili stampati

Modalità Dio

Pensieri di chiusura

Per riassumere, una grafica complicata può spesso sminuire la messaggistica visiva e il fascino di un design. Studiando i principi utilizzati nel design minimalista possiamo estrarre una tecnica utile per ridurre l'ingombro visivo e infine arrivare ad un prodotto finito attraente che utilizza punti focali chiari e forti per trasmettere un messaggio e attirare l'attenzione.

Lascia un commento qui sotto e facci sapere se hai trovato le informazioni sopra utili. Assicurati inoltre di condividere le tecniche che usi per semplificare i tuoi progetti rendendoli più attraenti.