Come creare flusso e ritmo attraverso la composizione


11

La composizione è un ottimo strumento per creare un flusso o un ritmo visivo per guidare l'occhio degli spettatori e guidarli attraverso i tuoi contenuti. Pensare al modo in cui desideri che i tuoi utenti interagiscano con i tuoi contenuti è importante: probabilmente vorrai che gli utenti leggano il testo che li convince ad acquistare il tuo prodotto prima di vedere, ad esempio, il pulsante "Acquista ora".

Alcuni elementi ovvi che aiutano a creare un flusso visivo includono frecce, linee e prospettiva. Peso, posizionamento, spaziatura e colore possono anche essere usati per creare un flusso visivo e un ritmo.

Quali considerazioni dovrebbero essere fatte e quali tecniche specifiche possono essere utilizzate quando si crea un flusso visivo e un ritmo nel design?


Qualche esempio:

Dita Di Polpa

m1-Design

Festival del New Deal

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine




1
Non ho visto la prima domanda, ma quella domanda è perché questa domanda è come .
Cai

Risposte:


7

La risposta a questa domanda potrebbe essere una tesi di laurea, quindi per favore considera la mia risposta come un'opinione più che una risposta tecnica.

I disegni, quando si tratta di pubblicità, poster, copertine di libri, ecc., Sono messaggi diretti racchiusi in una composizione di design. Gli elementi comuni tra tutte le composizioni sono la tipografia, il linguaggio visivo, il linguaggio delle Scritture e la sua direzione. Quando si parla di linguaggio tipografico, stiamo parlando tacitamente di "direzioni" e le indicazioni ci danno "momenti". Assumiamo in qualsiasi disegno tipografico che l'occhio si sposterà da sinistra a destra e dall'alto verso il basso. Questo è il momento oculare di base per qualsiasi composizione tipografica visiva e alcuni lo chiamano "modello di lettura".

Quindi già abbiamo un inizio nella nostra composizione basata su "Pattern di lettura" in cui gli spettatori lo seguono naturalmente. Il testo e alcuni elementi grafici ci porteranno a partire dall'alto / a sinistra e alla fine in basso a destra. Più avanti in questa risposta la chiamerò la regola TL / RB o il modello di lettura di base, come se stessi leggendo le colonne di un giornale. Questa è la direzione di base.

Le composizioni con alcuni stili, colori e qualsiasi elemento di design visivo possono infrangere la regola, come pesi dei caratteri, colori, stile, usando frecce, proporzioni ecc. Tutte le possibili composizioni che hai citato sono infruttuose, ma ognuna parte dalla regola. Ciò che intendo è quando intendiamo infrangere la regola TL / RB (modello di lettura di base) con alcuni stili, in realtà stiamo creando piccole "frasi" all'interno dell'intero messaggio che vogliamo consegnare allo spettatore. In altre parole, iniziamo la nostra composizione da qualsiasi posizione nel design e diamo allo spettatore il proprio viaggio ed esperienza nel comprendere l'intero messaggio in base alla nostra composizione e basato sulla "cultura" dello spettatore.

Quando decidiamo di attirare l'attenzione dell'utente e reindirizzarlo come desideriamo attraverso il nostro design, stiamo effettivamente componendo un linguaggio visivo che parla alla coscienza dello spettatore e dando loro il tempo sufficiente per assorbire il resto del nostro messaggio usando il TL / base di base e predefinito Regola RB e basata sulla loro cultura.

È difficile dire dove l'utente inizierà il suo viaggio nel mio design, ma posso guidarlo con alcuni stili accattivanti. Questo non è facile perché gli sto parlando con un linguaggio visivo e suppongo che possa capire cosa voglio dire con il mio design, quale messaggio è, dove iniziare e dove finire e come capire il mio design. Questa lingua non è un linguaggio scritturale diretto, nel senso che non è un linguaggio comune che potrebbe essere compreso direttamente. Ecco perché la chiamiamo "filosofia del design". Potrebbe riflettere un linguaggio visivo comune oppure no, a seconda della cultura del designer e dello spettatore.

Non sto parlando agli utenti attraverso la mia progettazione solo con il mio linguaggio visivo, ma sto parlando un linguaggio visivo che l'utente può essere compreso anche secondo la cultura dell'utente. Il mio design e la sua cultura devono incontrarsi nella prima impressione.

Questo è il mio concetto e potrei parlare di più, ma come ho detto potrebbe essere una tesi di laurea.


puoi controllare questa risposta per ulteriori informazioni su ux.stackexchange.com/questions/81189/…
hsawires

6

Il modello 'F'

C'è il noto effetto del modello "F" , in cui i lettori eseguiranno la scansione della pagina dall'alto verso il basso e da sinistra a destra, prestando più attenzione a sinistra che a destra, all'incirca nella forma di una "F". Ciò è supportato dalla ricerca e da numerosi studi scientifici.

Ciò vale principalmente per le pagine pesanti di testo, con elementi grafici minimi. Non appena si rimuovono grossi pezzi di testo corporeo e si aggiungono elementi focali, il motivo scompare. È comunque qualcosa da tenere a mente.

Tecniche per la creazione di flusso

Il flusso e il movimento nel tuo design sono qualcosa da tenere a mente durante l'intero processo. Per prima cosa devi capire cosa stai cercando di ottenere: tieni sempre in mente un percorso chiaro di movimento attraverso il progetto e inizia raggruppando gli elementi correlati e creando una gerarchia visiva distinta di informazioni. È quindi possibile utilizzare segnali visivi per dirigere il flusso attraverso il design. Alcuni elementi che sono comunemente usati come segnali visivi includono linee, forme, frecce, scala, prospettiva e immagini.

Linee e forme

Le linee possono essere utilizzate per dirigere il movimento in vari modi. Le linee perpendicolari alla direzione del movimento fungeranno da barriera, cambiando la direzione o arrestando il movimento tutti insieme. Linee e forme direzionali o gestuali possono creare movimento e flusso.

Confronta questi layout con un diverso uso delle linee:

Linee

Forme più complesse possono anche essere utilizzate per dirigere il flusso:

forme

Le frecce implicano il movimento e i tuoi occhi seguiranno naturalmente la direzione della freccia, quindi ha senso puntare le frecce dove vuoi che qualcuno guardi. Confronta queste frecce, puntando lontano da allora verso il contenuto:

Freccia che punta lontano

Freccia che punta a

Peso visivo e gerarchia

Gli elementi più grandi attireranno naturalmente lo sguardo. L'uso di dimensioni e dimensioni è una parte importante della creazione di una gerarchia visiva che guiderà l'occhio attraverso il design. Raggruppare gli elementi correlati e creare un peso visivo percepito utilizzando caratteri, pesi e colori contrastanti aiuta a dare la priorità alle informazioni più importanti.

inserisci qui la descrizione dell'immagine

Prospettiva

Una prospettiva percepita, attraverso l'uso di linee e scale diagonali o una prospettiva letterale attraverso l'uso delle immagini è un'altra tecnica.

inserisci qui la descrizione dell'immagine

Gli occhi

Il cervello umano è fatto per riconoscere i volti. Una tecnica efficace consiste nell'utilizzare la fotografia o l'illustrazione di un soggetto con la sua linea di mira diretta verso il punto focale.

inserisci qui la descrizione dell'immagine


I suoi occhi non sembrano concentrarsi sul tuo testo ma più vicino?
joojaa,

1
È stato un esempio molto rapido e la prima foto che ho trovato ...
Cai,

Ha dato a questo la generosità per un motivo: "Per prima cosa devi capire cosa stai cercando di ottenere". L'obiettivo è come definire il flusso. Quando la gente dice "Cosa stai cercando di ottenere" pensando che sia troppo ampio ... no, ci sei, ecco, questa è la risposta!
Ryan

Grazie @Ryan le tue tecniche sono fantastiche, ma inutili senza sapere per cosa le stai usando!
Cai,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.