Magari lavori da un po’ nel settore, o hai già visto tanti progetti grafici e letto tante cose sul graphic design, ma sai cosa sono i segni fondamentali?
Possiamo dire che i segni fondamentali sono un po’ la base della grafica, perché sono le forme elementari da cui derivano tutte le altre. La loro importanza non sta solo nel fatto che sono un po’ l’ a-b-c del lavoro del graphic designer, ma anche nel loro significato.
La semiotica, che è la scienza che si occupa di studiare il significato dei segni, ci insegna proprio che ad ogni forma noi tendiamo ad associare un senso, un’idea, un messaggio.
Anche il modo in cui percepiamo queste forme è importante. Ad esempio
quando si parla di gestalt o di sezione aurea o delle correzioni
ottiche.
Quindi se conosci il significato dei segni grafici fondamentali puoi utilizzarli per rendere il tuo progetto più convincente ed efficace.
Andiamo quindi subito a vedere quali sono, cosa significano e come puoi usare al meglio i segni grafici fondamentali.
I segni grafici fondamentali: quali sono
I segni fondamentali sono cinque:
- quadrato
- cerchio
- triangolo
- freccia
- croce
I primi tre sono forme piene, mentre le ultime due no.
Questo implica una grande differenza, nel modo in cui le percepiamo e quindi, di conseguenza, in cosa ci vediamo.
Per questo andiamo ad approfondire il significato e l’utilizzo di tutte e cinque.
Il quadrato
Il quadrato è composto da linee rette che si incontrano formando sempre un angolo di 90 gradi.
Questa sua uniformità e proporzione fa sì che da sempre il quadrato tra i segni grafici fondamentali sia quello legato al concetto di stabilità.
Cosa significa
L’idea di stabilità si traduce quindi, in senso figurato, nell’idea di autorità, affidabilità e sicurezza che questa forma comunica. Lo sappiamo da sempre: persino Dante diceva di essere “ben tetragono ai colpi di ventura”, usando il riferimento al cubo come sinonimo di “saldo, fermo, immobile”.
Come si usa
Questi significati che tendiamo ad attribuire al quadrato sono validi
in qualunque contesto. Possiamo quindi servirci del quadrato in
differenti ambiti del graphic design
Impaginazione
In un layout di pagina la forma quadrata, attribuita ad esempio ad un blocco di testo, serve ad ottenere un effetto di grande equilibrio e armonia. Può essere utile ad accostare più blocchi a cui vogliamo dare le stessa importanza.
Interfacce digitali
Utilizzare il quadrato, o meglio una forma derivata come il rettangolo, per gli elementi della UI di un sito può essere utile proprio per creare un senso di fiducia e trasmettere autorevolezza.
È quindi da consigliare quando ipotizziamo che l’utente abbia delle
riserve o dei dubbi rispetto all’interazione che gli suggeriamo.
Fotografie
Se dico “fotografie quadrate” a cosa pensi? Instagram, ci scommetto!
In effetti il successo di questo formato per un canale social è
proprio legato alle caratteristiche di questa forma. Che non è per nulla
nuova: pensa che già negli anni ’20 del Novecento esistevano macchine
fotografiche che scattavano foto quadrate.
Ma quindi perché questo formato funziona così bene? Perché è facile!
In un formato quadrato, infatti, è più semplice mettere in risalto
quello che vogliamo valorizzare, senza dover troppo scervellarsi sulla
composizione.
Un bel soggetto, al centro di un quadrato, avrà di sicuro una grande efficacia!
Font
Nella tipografia puoi scegliere caratteri dalle forme squadrate tutte le volte in cui vuoi suscitare fiducia, comunicare autorità.
Esempi famosi
Ci sono tanti loghi molto celebri che usano come segno fondamentale il quadrato: ad esempio American Express e Axa. Qui è evidente l’intenzione di dare al cliente un senso di sicurezza e di presentarsi come aziende stabili e autorevoli.
Ti viene in mente un altro logo tutto giocato sui quadrati? Ma certo, Windows!
Anche in questo caso si punta ad un pubblico che necessita di essere
rassicurato, e anche in questo caso la scelta del segno quadrato colloca
l’azienda in una posizione precisa rispetto al principale concorrente,
che punta tutto sull’audacia.
Ancora un paio di considerazioni. Meglio non abusare della forma
quadrata: può creare un senso di eccessiva rigidità e uniformità.
E se invece volessi rendere il quadrato più dinamico? Facile, ti basta ruotarlo di 45° e farlo poggiare sul vertice!
Triangolo
Bruno Munari nella prima pagina del libro pubblicato nel 1976 e dedicato al triangolo scrive:
«Mentre un triangolo rettangolo può avere lati diversi e quindi forme
diverse, il triangolo equilatero è da solo, immobile nella sua
struttura di tre lati uguali e di tre angoli uguali, la forma più
stabile»
Cosa significa
In effetti la forma triangolare ha questa caratteristica: esprime concetti diversi a seconda dell’orientamento. Può indicare direzione e dinamicità, così come stabilità.
Come si usa
Quando parliamo di interfacce digitali il triangolo con la base posta a destra o sinistra viene interpretato come una freccia. Per questo è associato ai tasti di riproduzione dei file audio e video
Con questa funzione ritroviamo il triangolo inserito in loghi che di
sicuro ti trovi tutti i giorni sotto gli occhi: quelli di Youtube e
Google Play.
Progetti grafici
All’interno di progetti grafici articolati, come potrebbe essere un’identità visiva di un brand,
il ricorso alle forme triangolari, specie quelle con la base in
verticale, ti può essere molto utile se vuoi rappresentare la velocità,
l’azione intesa intesa come movimento.
Vuoi un esempio davvero figo? L’identità di Nike Track+Field progettata dallo studio.Build.
Impaginazione
Se invece ti occupi di impaginare prodotti come poster o cartellonistica ricorda che il triangolo, oltre che movimento, può indicare anche cambiamento.
Introduce quindi una fortissima idea di dinamismo, ancora più accentuata se la figura sta poggiata su un vertice, con la base in alto.
Esempi famosi
Parecchi loghi di brand che conosci di sicuro molto bene hanno scelto tra i segni grafici fondamentali il triangolo come figura di base.
La maggioranza però sceglie di far poggiare la base in basso, in orizzontale. Così disposto il triangolo richiama in maniera fortissima la montagna.
Quindi stabilità e durevolezza, ma allo stesso modo resistenza e capacità di raggiungere obiettivi ambiziosi.
Per questo è molto amato dai brand di articoli sportivi, come Adidas e Reebook, o da aziende che operano nel settore degli sport estremi.
Una curiosità: il primo marchio registrato mai emesso dal governo britannico, nel 1876, è proprio un triangolo. In particolare il triangolo rosso che ancora oggi identifica il birrificio Bass.
Cerchio
Adrien Frutiger nel suo Segni e Simboli scriveva:
Nel cerchio, l’osservatore incontra la linea dell’eterno ricorso, che
non comincia né finisce e gira intorno a un centro invisibile ma ben
definito. Simile all’idea del corso del tempo, che non viene da nessun
luogo e che non ha fine.
Cosa significa
Tra i segni grafici fondamentali il cerchio è quello che si associa più facilmente al concetto di bellezza e perfezione.
È anche un segno molto versatile, che può assumere significati diversi a seconda del contesto e dell’esperienza.
Come si usa
Proprio perché si tratta di un segno in cui vediamo infiniti
significati puoi utilizzarlo per ottenere effetti anche molto diversi,
vediamo come
Impaginazione
In un layout le forme circolari danno un aspetto meno rigido e formale soprattutto se confrontate con altri segni grafici fondamentali come il quadrato o il triangolo.
Interfacce digitali
Per quanto riguarda gli elementi UI e le interfacce
digitali in generale puoi utilizzare in modo efficace il cerchio e le
forme circolari se quello che vuoi far percepire agli utenti è la semplicità del prodotto o servizio in questione.
Illustrazione e loghi
Al contrario del quadrato, che trasmette stabilità, il cerchio si presta molto bene a comunicare lo scorrere del tempo, il dinamismo e il movimento. In quest’ultimo caso soprattutto se fai ricorso a una forma derivata, come l’ellisse, e la collochi inclinata.
Esempi famosi
I brand che hanno scelto per la loro immagine il cerchio
tra i segni grafici fondamentali sono davvero, davvero tanti. Alcuni
però te li voglio citare perché ti danno bene l’idea di quanto sia
versatile questa forma.
Se le due “c” incrociate di Chanel di sicuro sono un riferimento alla perfezione estetica, e la stessa cosa possiamo dire di BMW, quando parliamo di Nivea di certo in quel caso pensiamo alla protezione.
In ambito digitale, poi, non possiamo certo dimenticarci di Big G! Se Windows punta su un quadrato rassicurante la G di Google è tonda per comunicare semplicità di utilizzo e uno stile decisamente meno formale.
Anche (anzi soprattutto) nel caso del cerchio attenzione al contesto: se da una parte può comunicare protezione e inclusione dall’altro può comunicare isolamento.
La freccia
Con la freccia introduciamo il primo dei due segni grafici fondamentali a non essere una forma chiusa.
Quando due linee oblique si incontrano per formare un angolo,
l’immagine di un movimento o di una direzione viene in qualche modo
prodotta.
Adrien Frutiger, Segni e Simboli
Bastano quindi due linee per evocare una freccia. Inoltre più
l’angolo della freccia è acuto, più il movimento percepito ci sembra
veloce
Cosa significa
Per questi motivi la freccia sicuramente tra i segni grafici fondamentali è quella che più degli altri suggerisce direzione, dinamismo e movimento.
Ma proprio perché la associamo ad un oggetto con uno scopo ben preciso la freccia può suggerire anche altri concetti, come allarme o aggressività.
Come si usa
Nella grandissima maggioranza dei casi la freccia, soprattutto se disegnata con l’asta orizzontale, indica direzione.
Interfacce web
In tutti gli elementi di interfaccia utente, e negli elementi del design in generale, la freccia ha il compito di
- guidare lo sguardo
- sottolineare uno spostamento
- evidenziare un’azione.
Hai presente Google Translate? Nel disegnare l’interfaccia, ad esempio, si è scelto di utilizzare due frecce in direzioni opposte per identificare lo switch tra la lingua del testo e quella della traduzione che si desidera.
Elementi grafici
La freccia, abbiamo visto, ha un significato molto forte.
Se stai lavorando su un progetto e vuoi inserire un segno dinamico, di azione, ma senza evocare allarme, allora puoi scegliere di curvare la freccia, per dare un senso di maggior serenità. Quasi un sorriso …
Esatto!!! di sicuro non ti è sfuggito il mio riferimento.
Il logo di Amazon è un esempio perfetto di questo utilizzo della freccia.
Oltre a rappresentare la direzione come simbolo centrale del servizio
fornito dal brand, il segno si ammorbidisce e curva fino a suggerire un
piccolo sorriso.
Attenzione anche all’orientamento: mentre una
freccia rivolta verso l’alto può farti comodo tutte le volte che vuoi
trasmettere l’idea di crescita e successo, quella rivolta verso il basso
può indicare negatività ma anche staticità, posizione.
Infine una freccia rivolta verso sinistra, dal momento che noi
leggiamo e impaginiamo con un andamento da sinistra verso destra, può
significare stop o ritorno.
Esempi famosi
Beh, forse quello più famoso te l’ho già citato prima.
Molto curioso il logo di FedEx: anche qui parliamo di spedizioni. Nel caso di questo brand, però, la freccia è inserita in modo più discreto. È formata infatti dallo spazio negativo tra le lettere E e X. Te n’eri mai accorto?
Un’altra freccia che dovresti aver notato, magari da qualche parte sul tuo laptop, è quella di AMD,
il brand noto soprattutto per i processori. In questo caso una freccia
“massiccia” ma positiva unisce i significati di velocità, dinamismo,
successo, senza rinunciare a una rassicurante solidità
Come abbiamo già accennato attenzione alle frecce: se non vuoi
suscitare allarme o evocare aggressività cerca di ammorbidire la forma
La croce
La croce potrebbe essere chiamata il segno dei segni. Il punto di
incrocio tra due linee ha qualcosa di astratto e di invisibile ma così
definito che se ne fa un costante uso da sempre per indicare l’esatta
posizione di un punto
Adrien Frutiger, Segni e Simboli
La croce è, appunto, un incontro tra due linee, che
però non avviene al vertice, come invece accade per la freccia. A
seconda di come il segno è ruotato, del punto in cui le due linee si
incontrano e degli angoli che formano cambiano profondamente sia
l’aspetto che il significato.
Cosa significa
In realtà la croce, un po’ come tutti i segni grafici fondamentali, porta con sé un mondo di interpretazioni e significati.
Potremmo parlare della croce come simbolo religioso o come simbolo
dell’araldica o mostrare esempi di decine, centinaia di loghi, icone e/o
illustrazioni.
Per quanto riguarda il graphic design possiamo individuare due grandi categorie di significati.
Quando gli angoli non sono retti e l’incrocio avviene non a metà delle linee di solito la croce prende un significato più concreto. Può infatti suggerire una barriera, una figura umana con le braccia alzate o addirittura un bicchiere.
Quando invece l’incrocio avviene ad angolo retto possiamo avere, a seconda della rotazione, una figura ad X oppure un +. In questi casi di solito il significato è di divieto / errore per la X, mentre per il + il significato è quello matematico.
Come si usa
Tra i segni grafici fondamentali la croce è forse uno di quelli che ha la maggior forza, viene da dire il maggior peso.
Se da una parte è molto efficace dall’altra occorre utilizzarla con
equilibrio e cercare in qualche modo di smorzarne il protagonismo … a
meno che non sia proprio quello che stai cercando!
Interfacce web
Nelle interazioni digitali la croce è molto frequente: è il segno che ci indica di chiudere qualcosa, di solito una finestra, ma anche quello che ci segnala un errore.
Proprio perché siamo così abituati ad utilizzarla per questi scopi è bene cercare di limitare un uso troppo creativo di questo segno, per non creare confusione.
Impaginati
La croce è una forma che si presta molto facilmente alla modularità. Può essere utilizzata quindi come base per creare degli interessanti pattern.
Dal momento che può significare anche “incrocio” nel senso di “incontro”
si può utilizzare in modo efficace questo segno fondamentale tutte le
volte che vogliamo rappresentare l’idea di incontro tra persone o tra
concetti.
Esempi famosi
Abbiamo accennato al fatto che la croce sia un segno utilizzato per
simboleggiare incontro: proprio con questo valore la croce è il segno
grafico alla base del logo di Slack. Tra l’altro la brand image di Slack è da sempre una delle più interessanti e in qualche modo discusse.
E per lo streaming? Ovviamente Disney plus,
che sceglie la croce in verticale, a formare il simbolo matematico del
“+”. Questo utilizzo è molto comune per tutti quei brand che vogliono
mantenere un’immagine che ha una storia, un valore di per sé, ma allo
stesso tempo segnalare la presenza di un servizio o una proposta
aggiuntiva.