Il logo del tuo marchio deve vivere in mille luoghi diversi, da una piccola favicon sul tuo sito web a un enorme cartellone pubblicitario su un’autostrada trafficata. Anche all’interno del tuo sito web, ci sono diverse posizioni per il tuo logo e in diversi orientamenti e dimensioni. E ogni volta che usi il tuo logo – o una variazione di if-deve essere coerente, nitido e riconoscibile.

Quando conosci le diverse dimensioni e dimensioni del logo di cui avrai bisogno fin dall’inizio, sarà molto più facile aggiungerlo al tuo sito Web e ai tuoi social media, ai prodotti di stampa e a tutti gli altri collaterali del marchio.

Iscriviti al nostro canale Youtube

Variazioni logo

Per la maggior parte, i loghi hanno tre elementi: il nome della società, un’icona e uno slogan. Oppure, si può pensare a un logo come avente due componenti principali: l’immagine o il simbolo e la tipografia o wordmark. In definitiva, puoi utilizzare questi elementi insieme o separatamente, ma non importa come sono disposti, dovrebbero riflettere il tuo marchio.

Un logo può avere diverse varianti quando si tratta di design, dimensioni, orientamento, forma e dimensione. Il contesto in cui utilizzi il logo – per i nostri scopi, dove va sul tuo sito web – determina la versione del logo che scegli. E ogni volta che si adatta il tuo logo a uno sfondo o una dimensione diversa, l’obiettivo è che mantenga la sua integrità.

Ecco il logo comune le variazioni che si dovrebbe prendere in considerazione la creazione per l’uso sul vostro sito web e altrove:

• Orizzontale, quadrato e verticale
• Nero, bianco, pieno di colore e colore inverse
• Regolare sfondo e sfondo trasparente
• logo Completo, solo l’icona e testo limitato o singola lettera/monogramma

Tutti i vari loghi, creare, insieme con i dettagli di cui deve essere utilizzato, dovrebbe essere incluso nella vostra marca kit, troppo. E se non stai creando le tue variazioni del logo da solo, sappi che l’agenzia o il designer che le sta creando dovrebbero inviare tutte le variazioni insieme al logo principale originale.

Tipi di file logo

Il tipo di file influisce sull’aspetto del logo man mano che viene ingrandito e ingrandito. Se si crea il logo utilizzando un tipo di file non scalabile, apparirà sfocato e pixelato man mano che diventa più grande. Non vuoi questo-vuoi che il tuo logo appaia dettagliato e perfetto, che sia piccolo o enorme.

Affinché il tuo logo sia scalabile senza perdere qualità, dovrebbe essere in formato vettoriale, preferibilmente come file PNG. Un PNG è un file compresso senza perdita di dati, il che significa che la dimensione del file è piuttosto piccola, ma la qualità del design viene mantenuta. È inoltre possibile utilizzare uno sfondo trasparente con un file PNG, che è eccellente per i siti Web e altri spazi digitali. Quando si visualizza un logo online, il file PNG deve essere inferiore a 200 KB in modo che il tempo di caricamento sia veloce.

Potresti avere più familiarità con i file JPG, ma non vuoi usare un JPG per il tuo logo. Questo tipo di file è compresso con perdita di dati, non compresso senza perdita di dati. Mentre occupa meno spazio di un PNG perché la dimensione del file è un po ‘ più piccola, la qualità è peggiore e il tuo logo potrebbe sembrare pixelato, specialmente quando provi a ridimensionarlo.

Scegliendo una dimensione del logo per il tuo sito web

Il tuo logo andrà in due punti principali sul tuo sito web: la favicon e la barra di navigazione. Andiamo oltre le dimensioni specifiche per quei luoghi.

Dimensione del logo Favicon

In un piccolo spazio come la favicon, dovresti usare il tuo logo solo icona poiché l’area sarà troppo piccola perché qualsiasi testo sia leggibile. Oppure, se il tuo logo è una parola, puoi usare la prima lettera della parola o una versione del monogramma se ci sono due o più parole. Nell’esempio seguente, vedrai il logo di una lettera di Amazon utilizzato in vari luoghi, tra cui alcune delle loro carte regalo:

Fonte: Amazon

P.S. La favicon è la piccola icona che compare accanto al titolo della pagina web nella barra di ricerca, ed è anche ciò che apparirà in un elenco di segnalibri o preferiti.

Standard favicon dimensioni sono come segue:

• 16 x 16 pixel (più comune)
• 32 x 32 pixel
• 48 x 48 pixel

Barra di Navigazione Dimensione del Logo

La barra di navigazione o nell’intestazione del tuo sito web sarà a casa per il vostro logo – probabilmente la piena, standard. In genere, il logo si trova sul lato sinistro della barra di navigazione.

Mentre l’esatto dimensionamento dipenderà dal vostro sito web specifico generatore, è probabile che le dimensioni saranno circa come segue:

• Full banner 468 x 60 pixel
• layout Orizzontale: 250 x 150 pixel; 350 x 75 pixel; o 400 x 100 pixel
• layout Verticale: 160 x 160 pixel

Quelle non sono le dimensioni dell’attuale intestazione header sarà più grande – ma sono le dimensioni da considerare quando si progetta il tuo logo per adattarsi a questi tipi di sito web intestazioni.

Altri luoghi Userai il tuo logo

Se hai intenzione di creare variazioni del tuo logo per il tuo sito web, è anche un buon momento per creare le versioni di cui avrai bisogno anche per altri luoghi. Ad esempio:

• Gli annunci e i banner digitali richiedono un logo.
• Sui social media, avrai bisogno del tuo logo in sfondi, banner, foto di copertina, immagini del profilo, post e miniature.
• Per i marchi con un negozio online che vende materiali fisici, potresti aver bisogno del tuo logo stampato su magneti, tazze o t-shirt.
• Se vendi o invii materiali fisici, metterai il tuo logo sul materiale di spedizione, come scatole, buste e forse anche nastro da imballaggio.

Strumenti come Canva hanno modelli pronti per l’uso con le dimensioni ideali per la grafica in varie località, come la tua foto di copertina di Facebook o un post di Storie su Instagram. Puoi inserire il tuo logo nel modello e quindi scaricare il design finale da utilizzare ovunque tu ne abbia bisogno.

Considerazioni finali Sulla dimensione del logo per il tuo sito Web

Quando si tratta del tuo logo, delle sue variazioni e di dove li metti sul tuo sito web, ricorda che questo è creativo e incentrato sul design-non ci sono regole dure e veloci che devi seguire. E poiché non è una scienza perfetta, puoi usare il tuo occhio artistico e il miglior giudizio per decidere cosa usare dove. Il tuo logo comunica molto sulla tua azienda ed è uno dei tuoi elementi di branding che influenzerà la percezione del pubblico. Dovrebbe apparire chiaro e di alta qualità, indipendentemente da dove viene utilizzato.

Il tuo logo è pronto? Ecco come aggiungere un’immagine logo personalizzato in Divi. Potrebbe piacerti anche il nostro articolo con modi semplici e creativi per visualizzare il tuo logo in Divi.

Immagine in primo piano tramite Mas Blend/. com