Layout

I layout Smart Chip utilizzano un sistema a griglia semplice ma flessibile che garantisce un aspetto pulito e coerente. Allo stesso tempo, ti offrono ampia libertà di adattamento a diverse dimensioni, formati e esigenze di progettazione.

Stili di impaginazione

Ci sono due tipi di layout: A tutto campo e Spazio bianco. Entrambi usano lo stesso sistema a griglia e le stesse regole.

A tutto campo Questi layout usano la nostra tavolozza di colori, immagini d'impatto e titoli in grande per attirare l'attenzione. Funzionano al meglio per la segnaletica o come elemento che cattura lo sguardo quando abbinati a layout con spazi bianchi.

Spazio bianco Questi layout lasciano più spazio al testo e possono contenere più informazioni rispetto a un layout a bordo pieno. Questo li rende più adatti a raccontare una storia.

Configurazione della griglia

Inizia dai margini. Il margine standard per i layout è 8% del lato più corto.

Dividi l'area interna in un Griglia 10×10.

Ecco fatto. Questo ti offre il sistema di griglia completo. Usa le linee della griglia per allineare e ridimensionare elementi come il logo, i titoli, i CTA, le immagini e altro ancora.

Come usare la griglia

Usa le linee della griglia come guida per allineare gli elementi. Il sistema è pensato per essere flessibile, quindi sentiti libero di combinare dimensioni e disposizioni a tuo piacimento per creare un layout che si adatti alle tue esigenze.

Titoli

I titoli possono essere grandi quanto vuoi, per sfruttare tutto lo spazio disponibile. Ma non è obbligatorio: a volte è meglio che siano più piccoli. Lascia un po’ di respiro al design.

Mantieni una distanza dalle immagini pari almeno al margine. Non sovrapporre i titoli alle immagini, tranne che nei layout a tutto campo.

Il testo può essere posizionato sotto una linea della griglia oppure allineato su di essa, a seconda di cosa funziona meglio per il tuo layout.

Immagini

Allinea anche le immagini alle linee della griglia. Le immagini possono fermarsi al margine per un look pulito e strutturato oppure estendersi fino al bordo. Per un effetto più dinamico e coinvolgente, puoi anche farle andare a tutto campo, con testo ed elementi sovrapposti.

Lo sfondo dietro l'immagine può essere bianco o nero. Il bianco è leggero e libero, mentre il nero è elegante e potente. Scegli lo stile che meglio si adatta al contesto e al contenuto.

Quando utilizzi il formato a tutto campo, assicurati che il testo rimanga ben leggibile. Se ti aiuta a migliorare la leggibilità, puoi aumentare leggermente lo spessore del carattere. Inoltre, evita di posizionare il testo su parti importanti dell’immagine (come i volti) o su aree molto affollate.

Le opzioni di margine per le immagini sono: a tutto margine (che si estende su tutti i lati), margine parziale (che si estende su tre lati) o nessun margine.

Evita di fare un’emorragia parziale solo su uno o due lati.

Immagine nell'immagine

Sovrapporre e disporre le immagini a strati è un ottimo modo per condividere più informazioni, dare più vivacità all’impaginazione e creare profondità visiva.

Lasciare che le immagini sovrapposte si discostino leggermente dalla griglia le rende ancora più dinamiche.

Punteggi

Il segno (Logo o icona) di solito si trova nell'angolo in alto a sinistra o in alto a destra, a ridosso del margine.

Il ridimensionamento varia a seconda che il layout sia orizzontale o verticale:

Nei layout orizzontali, ridimensiona il simbolo in modo che la parte “SC” abbia un’altezza compresa tra una e due unità di griglia.

Nei layout verticali, regola le dimensioni in modo che la larghezza sia compresa tra due e quattro unità di griglia.

Quando posizioni il simbolo, allinealo alla scritta “SC” invece che ai puntini. I puntini si sovrappongono leggermente alle linee guida.

Metti il marchio sopra l'immagine solo se rimane comunque facilmente leggibile. Scegli la versione (nera o bianca) che garantisce la migliore leggibilità.

Esempi

Eccezioni

Il sistema a griglia funziona bene per la maggior parte delle dimensioni. Ci sono però alcune situazioni particolari in cui è necessario discostarsi dalla griglia.

Immagini quadrate

La griglia non permette di inserire immagini perfettamente quadrate, ma in molti casi rendono benissimo. In questo caso va bene infrangere un po’ le regole: basta che l’immagine sia allineata con tre linee della griglia.

Formati ultra-ampi

Nei formati molto ampi, come ad esempio i banner, seguire le linee della griglia porta a ottenere un segno molto piccolo e un margine troppo stretto (esempio in alto).

In questi casi, possiamo usare la prima linea orizzontale della griglia come nuovo margine. Inoltre, possiamo ridimensionare il segno in modo che occupi tutta l'altezza fino al margine (esempio in basso).

Formati molto alti

Lo stesso vale per i formati molto alti. In questo esempio, ridimensionare il segno a quattro griglie lo renderebbe troppo piccolo (esempio a sinistra). Per ottenere una dimensione più armoniosa per il segno, in questo caso possiamo fare un’eccezione alla regola e ingrandirlo (esempio a destra).