La settimana scorsa abbiamo esaminato gli elementi monodimensionali e zero, cioè il punto e la linea. Questa settimana aggiungeremo un paio di dimensioni e parleremo di superfici e piani (2D) per poi passare ai volumi (3D). Per tutto il tempo considereremo le idee di massa visiva e peso.
Prima di arrivare a qualsiasi di questi elementi voglio iniziare con una discussione sulla forma.

Lasciatemi scusare in anticipo per aver rimbalzato avanti e indietro tra i nomi durante questo post. Forma, superficie, piano, forma, volume, massa, peso. Vengono scambiati spesso a seconda di dove li si legge. Speriamo che non diventi troppo confuso mentre leggete qui o meglio ancora che tutti questi termini della grammatica visiva diventino più chiari quando avrete finito questo post.

Che cos’è la forma?

La forma è qualsiasi elemento positivo che mettiamo su una pagina in opposizione agli elementi negativi che consideriamo spazio. La forma è il punto, la linea, il piano e il volume. Sono le forme e i punti e il testo e le texture e le immagini che usiamo nel nostro design. Se deve essere un elemento positivo, è la forma.

Includo la forma qui nella serie, poiché è spesso usata come sinonimo di forma o volume, per quegli elementi che sono sia bidimensionali che tridimensionali. Ho trovato spesso questa confusione quando ho letto articoli che parlavano di forma, poiché il significato più grande e inclusivo di forma è solitamente assente, lasciando credere che una forma sia una forma bidimensionale in un posto e un volume tridimensionale in un altro.

Inoltre, forma è qualsiasi elemento positivo nella vostra pagina. Tutto nel tuo design è forma o spazio, positivo o negativo, figura o terra.

Forma e spazio, figura e terra sono reciprocamente dipendenti l’uno dall’altro. Non si può cambiare uno senza cambiare l’altro. La relazione tra forma e spazio crea tensione, determina la quantità di attività visiva e movimento, e dà un senso di tridimensionalità in un disegno. Uno spettatore deve prima capire la relazione tra forma e spazio prima di capire qualsiasi oggetto individuale sulla pagina.

Tutte le forme portano un qualche tipo di significato, anche se nessuna forma è migliore di un’altra nel comunicare un significato. La tua scelta di quali forme usare, comunque, è una considerazione importante nel comunicare il giusto messaggio, il tuo messaggio.

Superfici, piani, forme

Più o meno come una linea può essere pensata come una serie di punti adiacenti, un piano o superficie può essere pensato come una serie di linee adiacenti. Stiamo semplicemente aggiungendo un’altra dimensione. Superfici e piani sono oggetti astratti. Ne parleremo più che altro come forme o come oggetti concreti.

Piani o superfici si comportano per lo più come punti. La differenza è che la dimensione della superficie è cresciuta abbastanza da diventare una caratteristica importante, così come il contorno che definisce il piano. Più grande è la dimensione del piano e più le caratteristiche simili ai punti diventano secondarie. Questa dimensione è relativa allo spazio e agli elementi circostanti.

I piani grandi possono ancora agire come punti se lo spazio intorno a loro è abbastanza grande e qualsiasi altro elemento nello spazio abbastanza piccolo. Man mano che le dimensioni relative cambiano, c’è un punto di cambiamento che si verifica quando il piano diventa abbastanza grande in modo che la sua forma influenzi lo spazio e le altre forme intorno ad esso.

Più attivo è il contorno di un piano, più dinamica apparirà la sua forma e meno punti sembreranno.

Mentre tecnicamente un oggetto bidimensionale non porta alcuna massa o volume, i nostri elementi bidimensionali portano peso e massa visiva. Questa massa e questo peso visivo sono determinati dalla dimensione e dalla semplicità o complessità del contorno della forma.

Le forme grandi e semplici hanno un peso visivo pesante e appaiono puntiformi. Superfici con contorni complessi e interazione con il loro spazio interno ed esterno (sia positivo che negativo) hanno meno peso e diventano più simili a linee.

Forme; geometriche e organiche

Quando vediamo il contorno esterno di una forma, il nostro cervello cerca di stabilire un significato con la forma e il contorno. Possiamo raggruppare queste forme sotto due tipi principali, geometriche e organiche. Un terzo tipo di forma, astratta, la considereremo come un sottotipo di forme organiche, anche se più spesso è considerata una delle tre classi di forme.

Quando una forma ha contorni regolarizzati, quando le misure interne ed esterne sono matematicamente simili in più direzioni, pensiamo alla forma come geometrica. Le forme angolari e con bordi duri sono generalmente viste come geometriche.

I 3 tipi principali di forme geometriche sono il cerchio, il poligono (quadrato e triangolo sono i più semplici) e la linea. Il quadrato è il più stabile e ha il maggior peso visivo. Il triangolo è il meno stabile e mostra un grande movimento. Il cerchio è stabile quasi quanto il quadrato e accenna al movimento rotatorio.

I cerchi o i punti possono essere interpretati come geometrici o organici.

Le forme che hanno contorni irregolari, complessi e altamente differenziati sono considerate organiche. Anche le forme morbide e strutturate sembrano essere forme organiche, poiché sono viste più come le cose che vediamo in natura. La variazione è una qualità inerente alle forme organiche.

Le forme astratte sono versioni semplificate o stilizzate delle forme organiche. Pensate alle icone.

La geometria esiste in natura, ma è spesso oscurata dalla percezione dell’irregolarità. Pensate a una foglia. È generalmente simmetrica e spesso vicina ad assumere una forma triangolare. Tuttavia noi percepiamo le irregolarità nei suoi contorni prima di vedere questa simmetria e questa quasi triangolarità.

Le forme geometriche possono essere disposte organicamente e le forme organiche possono essere disposte geometricamente. Entrambe creano tensione tra le forme e la loro struttura. Quando vogliamo trasmettere un messaggio organico, dovremmo enfatizzare le qualità organiche della forma e usare più irregolarità e varietà.

Volumi e massa

I volumi sono spazio vuoto definito da superfici, linee e punti. Quando riempiamo lo spazio o diamo la percezione che lo spazio all’interno di un volume sia stato riempito in qualche misura, il volume contiene massa.

Se vi ricordate dalle lezioni di fisica, densità = massa / volume. In un disegno bidimensionale possiamo offrire solo la percezione di massa, densità e volume. Quando diamo a una superficie o a un piano l’illusione di essere tridimensionale abbiamo un volume.

Possiamo farlo aggiungendo pattern e texture alla superficie o cambiando il colore o il valore sulla superficie per imitare l’effetto di luce e ombra. Possiamo anche usare la prospettiva all’interno di una forma per creare l’illusione che la forma sia un volume.

Siccome viviamo in un mondo tridimensionale, quando aggiungiamo qualità volumetriche al nostro formato bidimensionale aggiungiamo un senso di realismo a un disegno. Per alcuni esempi date un’occhiata a uno dei seguenti post e considerate come i design mostrati fanno uso della profondità e degli elementi 3D per aggiungere un senso di realismo.

• Belli esempi di elementi 3D nel Web Design
• Galleria di elementi 3D nel Web Design

I volumi avanzano rispetto a un piano e hanno anche una massa e un peso visivo maggiori rispetto ai piani o alle superfici. Se sovrapponiamo un piano sopra un volume, si crea tensione tra il primo piano e lo sfondo, poiché le aspettative normali sono che il volume avanzi e il piano si ritiri.

Massa e peso visivo

Massa e peso sono qualità fisiche che non esistono realmente in un formato bidimensionale. Nel design si parla di massa e peso visivi o ottici.

Nel mondo fisico gli oggetti con grande massa attraggono e tirano altri oggetti verso di loro. Nel mondo del design visivo anche gli elementi con grande massa attraggono. La percezione della massa in un elemento è quanto fortemente l’elemento attira l’occhio verso di sé.

Come per il volume, la massa è solo qualcosa che possiamo accennare o rappresentare nel formato bidimensionale con cui lavoriamo. Noi aggiungiamo massa e peso visivo a un elemento, attraverso la dimensione e il colore o il valore. Possiamo anche giocare con la forma dell’elemento.

Attraverso il nostro uso della massa o del peso controlliamo l’equilibrio e il movimento in un disegno.

Possiamo aggiungere massa a una serie di piani angolari ruotandoli e lasciando che si sovrappongano. L’area sovrapposta diventa più scura e viene vista come contenente la massa di più piani. La rotazione crea anche il movimento.

Aggiungere un modello coerente su una superficie porta alla percezione che ci sia meno massa in quel piano. Il piano diventa anche più piatto rispetto a un piano solido adiacente. Il piano solido sembra avanzare in primo piano a causa della percezione che abbia più peso.

Apparentemente più piatto, il nostro piano testurizzato appare anche più attivo del piano solido adiacente e se sovrapponiamo il piano testurizzato al piano solido, creiamo di nuovo tensione tra primo piano e sfondo.

Questo cambia se il motivo o la trama emula gli effetti di luce e ombra, nel qual caso la superficie o il piano diventa un volume con maggiore massa e peso e naturalmente appare meno piatto. I volumi sono tridimensionali e la dimensione extra porta con sé la percezione della massa e del peso. Una sfera pesa sempre di più di un cerchio.

Sommario

Le forme sono qualsiasi elemento positivo che metti all’interno dello spazio negativo del tuo disegno. Tutte le forme comunicano e dovreste scegliere le vostre forme in base al messaggio che volete comunicare al vostro pubblico. La relazione tra forma e spazio dovrebbe essere una delle considerazioni più importanti in qualsiasi design.

Piani o superfici sono forme astratte bidimensionali. Le forme sono l’equivalente concreto. Un piano può apparire puntiforme o lineare a seconda del suo contorno e della sua dimensione relativa alla dimensione dello spazio e degli altri elementi intorno ad esso.

I volumi sono forme tridimensionali. Possono essere rappresentati solo su un formato bidimensionale, ma così facendo danno un maggiore senso di realismo a un disegno. I volumi sono creati imitando gli effetti di luce e ombra su una superficie o un piano.

Tutte le forme hanno una massa visiva o un peso determinato dalla dimensione e dal colore e dal contorno della forma. I volumi hanno più peso di default delle superfici, ma il peso di entrambe può essere aumentato o diminuito alterando le caratteristiche di una delle due forme.

Se ripensate al mio post sulla grammatica visiva, abbiamo parlato di oggetti e strutture. Questo post e quello precedente di questa serie su punti, puntini e linee hanno trattato gli oggetti della grammatica visiva.

La prossima volta continueremo la serie passando a una discussione sulle strutture. Strutturando uno o tutti gli oggetti che abbiamo visto possiamo formare modelli e texture.

La serie degli elementi del design

• Introduzione: Elementi e principi del design
• Punti, punti e linee
• Forma: Superfici e piani, volume e massa
• Strutture, modelli e strutture
• Dimensione, scala e proporzione
• Pensieri sullo spazio bianco
• Come usare lo spazio nel design
• Teoria del colore
• Il significato del colore

Scarica un campione gratuito dal mio libro, Design Fundamentals.