Design del logo per siti web

Cosa considerare quando si progetta un logo per un sito web

Il design di un logo per un sito web segue regole completamente diverse rispetto a quelle della stampa o di altri tipi di comunicazione. I requisiti per i loghi e le insegne sono cresciuti. Ti mostriamo le linee guida e gli strumenti per creare il tuo logo web.

Design del logo per la stampa e il web

Esiste un confine molto permeabile tra il web design e il graphic design. Il design grafico si concentra spesso sulla stampa, con la progettazione di carta da lettere, manifesti, pubblicità e loghi. Nel web design, invece, si progettano siti web, newsletter, banner e, ovviamente, loghi.

Alcuni mescolano entrambe le aree di business, offrendo design per la stampa e per il web. Per il cliente finale non è chiaro chi può o forse non deve fare cosa. I graphic designer, che si trovano più a loro agio con la stampa, creano design per i siti web e portano i loghi della stampa sul web. Al contrario, è l'eccezione piuttosto che la regola che i web designer sviluppino interi prodotti di cancelleria aziendale.

Dovrebbe essere ovvio per chiunque abbia un "occhio grafico" o una professione di graphic design che un logo su un sito web ha requisiti diversi rispetto a un logo su carta intestata o su un edificio aziendale.

Con l'avvento degli smartphone e dell'internet mobile, i requisiti per i loghi e le insegne (piccoli elementi grafici che possono essere utilizzati come loghi) sul web sono cambiati ancora una volta e sono diventati più specifici, ma anche più severi. Alla fine, non è così complicato. Tuttavia, per sviluppare un buon logo per un sito web ci vogliono esperienza e abilità.

3 Linee guida per la creazione di un logo

Ci sono tre punti fondamentali da considerare quando si progetta un logo:

  • Formato orizzontale: il logo appare in alto a sinistra, come si aspettano gli utenti. A volte è consentito anche al centro del sito web. Ma per risparmiare spazio e attirare l'attenzione degli utenti sull'essenziale, è opportuno tenere conto delle abitudini generali di visualizzazione delle persone, con un logo in formato orizzontale in alto a sinistra della pagina.
  • Strutture chiare: è fondamentale considerare le dimensioni del logo su uno smartphone o un tablet. Ma anche molti desktop e laptop hanno una risoluzione molto alta, cioè molto spazio, oppure una diagonale dell'immagine piuttosto piccola. In entrambi i casi, il logo può apparire piuttosto piccolo. Tuttavia, deve funzionare bene anche in dimensioni ridotte.
  • Nessuna rivendicazione: Molti sentono l'inclinazione, a volte irresistibile, di inserire un claim sotto il logo. Testo nell'immagine. Non ha molto senso. Non solo è una questione di spazio, ma è anche quasi impossibile da leggere sugli smartphone. Oltre al fatto che in questo modo si esclude un testo prezioso dall'indicizzazione di Google (SEO).

Mi rendo conto che queste tre semplici "regole" per creare un buon logo sono aperte al dibattito. Perché ovviamente è possibile trovare alcuni controesempi o marchi che più o meno (vogliono) avere le proprie regole. Ma si tratta di marchi molto speciali e di successo, e anche in questo caso le eccezioni confermano la regola.

Ma cosa rende i loghi belli? Il modo migliore per scoprirlo è osservare i loghi e/o le insegne delle aziende di successo e di grandi dimensioni. I loghi più ingegnosi che conosco sono quelli di Daimler (la stella di Mercedes), Apple (con la mela), VW, BBC o la M di McDonalds. Ovviamente ci sono molti altri esempi. E la maggior parte di essi risale a un'epoca in cui non c'era internet. Tuttavia, i loghi si evolvono nel tempo, proprio come i marchi e le aziende.

logo weblogos design
Il design dei logo è più vario che mai.

L'ideale sarebbe avere dei loghi personalizzati per i vari formati di output. I loghi preferiti appena citati ne sono un esempio lampante. Funzionano ovunque e si adattano ai rispettivi supporti con i loro requisiti specifici. Logicamente, una carta intestata ha bisogno di qualcosa di diverso rispetto a un'insegna al neon su un edificio e un sito web ha esigenze diverse rispetto a un biglietto da visita.

Signet & word mark in rete

Questo post non è un workshop completo su come creare un logo perfetto. C'è certamente di più che leggere un post sul blog. Ma dovrebbe aiutarvi a capire meglio la questione del logo sul vostro sito web - e per questo a trovare soluzioni di maggior successo.

Solo un rapido riassunto: Cos'è un logo? Wikipedia dice:

"Un logo è un segno grafico che rappresenta un soggetto specifico. Può trattarsi di un'azienda, di un'organizzazione, di un privato o di un prodotto".

Fin qui tutto bene. Un logo può essere un marchio verbale, come Coca Cola, Google o Acer. Può essere una firma, come nel caso di Playboy, Shell e Mercedes. Nella maggior parte dei casi, tuttavia, i loghi sono costituiti da una parola e da un segno distintivo. Negli esempi di firma sopra riportati, c'è sempre una variante con e senza il marchio.

Questo vale anche per McDonalds, ad esempio, con la caratteristica M che tutti conoscono. Il logo McDonalds è disponibile con il nome e con il claim (lo adoro), ma la M è sempre presente. Sul sito web di McDonalds, per i motivi sopra citati, hanno risolto il problema in modo tale da trovare questa M solo in alto a sinistra nella navigazione - e la navigazione si sposta quando si scorre. Solo la M è ancora presente ad un certo punto. Lo trovo intelligente e poco ingombrante, perché la cosa più importante è sempre visibile: il sigillo, la "M".

Guardiamo il logo del sito web del WWF, per fare un esempio più politicamente corretto. Il famoso panda, che potrebbe anche stare in piedi da solo, è posizionato sopra le lettere WWF, l'abbreviazione del World Wildlife Fund. Trovo che il sito web sia abbastanza riuscito (TYPO3, tra l'altro), ma non riescono a definire la navigazione principale. Questo problema è stato risolto in modo intelligente. Occupa un po' di spazio, ma contiene tutto l'essenziale.

Grazie alla tecnologia Mega menù, il secondo livello di navigazione mostra tutto ciò che c'è da vedere sul sito. Se apri il mega menù con il mouse, rimane visibile solo il panda. Si tratta di un logo verticale, ma la sua realizzazione è impeccabile. Anche questo logo risale a un'epoca in cui non esistevano i siti web. Sono sicuro che oggi il WWF avrebbe creato un logo diverso, in formato orizzontale.

"*" indica i campi obbligatori

Desidero iscrivermi alla newsletter per essere informato sui nuovi articoli del blog, sugli ebook, sulle funzionalità e sulle novità di WordPress. Posso ritirare il mio consenso in qualsiasi momento. Si prega di prendere nota della nostra Politica sulla Privacy.
Questo campo è per la convalida e non deve essere modificato.

Esempi di siti web con WordPress

Un altro sito web affascinante che ci serve da esempio è VOGUE America. Trovo che l'implementazione sia coerente e adeguata al marchio. Ma piuttosto debole nella navigazione fissa dopo lo scorrimento. Questo perché il grande logo al centro scompare e appare in Klein in alto a sinistra, dove ci aspettiamo che sia. Si tratta di una sfida generale con i marchi di parole che devono essere ridimensionati sul sito web. I bordi si "sfilacciano" e diventano sfocati.

Lo stesso fenomeno si osserva su SPIEGEL Online (SPON). La scusa per entrambi è che i loghi sono stati creati prima dell'era di Internet. Lo stesso accade con VOGUE alla rivista americana TIME, che funziona su WordPress.

Ha un aspetto un po' diverso all'open NASA, anch'esso alimentato da WordPress e anche con un logo. Tuttavia, circondato da un bell'elemento grafico. Questo logo - questa volta all'interno di una navigazione fissa - è abbastanza grande da mostrare l'elemento di un'orbita ancora riconoscibile. Lo trovo riuscito, anche se si può vedere lo sfrangiamento delle lettere anche qui. Ecco perché non sono un fan dei marchi di parole puri, preferisco le insegne con abbreviazioni.

BBC AMERICA è anche un sito WordPress. Ha fatto un ottimo lavoro con il design e il logo. Sì, sono un fan della BBC. Ma trovo anche che il logo sia ingegnoso e memorabile, in quanto esempio riuscito di design di logo in formato orizzontale. A proposito, anche questo sito fa a meno di una navigazione fissa dopo lo scorrimento: qui il contenuto è in primo piano.

Crea (fai creare) un buon logo per il web

Così ora potete vedere molto chiaramente che i loghi non sono una stregoneria e a volte sono molto semplici. Derivano il loro genio dalla semplicità e dalla coerenza per riflettere un marchio indipendente. Un buon logo è quindi molto facile da fare, ma non facile da pensare o da trovare.

Grafico o meno: puoi creare un buon logo con il tuo occhio esperto di grafica e alcune semplici regole. Naturalmente, il modo più semplice è assumere qualcuno che si occupi di grafica. È il metodo più sicuro e garantisce la massima qualità - le eccezioni confermano la regola. Ma è anche l'opzione più costosa.

In rete, abbiamo indovinato, ci sono portali che esternalizzano questi servizi all'estero. In questo modo puoi acquistare un buon design grafico in paesi con salari orari più bassi e alta qualità. Ad esempio, dall'Ucraina, dall'India, dall'Indonesia, dal Sud America, ma anche dagli Stati Uniti, ecc. Gli svantaggi sono rappresentati dalla situazione legale in caso di controversie. Gli svantaggi sono la situazione legale in caso di controversie, la comunicazione e quindi a volte anche il coordinamento.

Dato che ho un occhio di riguardo per la grafica e voglio fare il più possibile da sola, ho scelto una strada diversa per il mio logo su PUBLISHING ON THE NET. Ho cercato e trovato un'insegna su Envato. Pensavo di riuscire a creare un logo per l'azienda. Perché il bracciale che mi piaceva aveva il contenuto sbagliato. Un logo deve assolutamente adattarsi al tema e al carattere della tua azienda.

Così ho trovato un segno @ che volevo utilizzare, ma con una "P" nel cerchio @. All'inizio ho provato a farlo da solo, ma ho poca esperienza con i vettori in Illustrator. Così, senza ulteriori indugi, ho chiesto allo sviluppatore della scritta tramite Envato se poteva farlo per me e a quale prezzo. Era possibile e il costo era assolutamente ragionevole. Ora ho questa "P" con la scritta in formato orizzontale:

Esempio di logo online
Il logo di PUBLIZIEREN IM NETZ

Logo design: Strumenti di ricerca

Questo è esattamente il modo in cui procedo per i miei clienti. Se vogliono un logo, suggerisco loro di scegliere innanzitutto un logo che corrisponda all'idea e al nome della loro attività. Non utilizzo solo Envato o Envato Elements. Cerco i loghi anche su Google, Iconfinder, iStockPhoto e altri fornitori di grafica di piccole dimensioni. Poi li presento, ne scegliamo uno o due insieme e creo un logo in formato orizzontale.

Fai attenzione al copyright, il tuo logo non deve essere troppo simile a uno già esistente. Anche se compri dei firmacopie, devi controllare (o far controllare) la licenza: La licenza è valida per i tuoi scopi professionali senza restrizioni temporali o geografiche? E anche per usarlo come logo?

I buoni loghi sono semplici ed esprimono il più possibile l'idea aziendale. Funzionano sul sito web perché sono in formato orizzontale. Possono essere visualizzati in bianco e nero. E possono essere visualizzati su una carta intestata o su un biglietto da visita - leggermente modificati e adattati, magari con un claim sotto.

Sommario: Progettazione di loghi per siti web

Creare un buon logo è relativamente facile. Hai bisogno di un concetto chiaro e di un'idea eccellente. Puoi trarre ispirazione da altri marchi e siti web di successo. Anche parlare con altri può aiutarti a trovare un'idea semplice e brillante. Ma siamo onesti: non è necessario che sia brillante, può essere sufficiente un'idea adeguata, ma anche buona. Puoi cercare loghi o insegne su piattaforme grafiche.

Naturalmente, i segni più o meno astratti dovrebbero avere qualcosa a che fare con la professione che rappresentano. Ma ci possono essere anche combinazioni divertenti. Oppure le derivazioni coerenti, ad esempio quando pensiamo alla famosa mela di Apple. Chi avrebbe mai pensato di prendere una mela con un morso mancante. Ma questo piccolo e divertente "perturbatore" è ciò che rende questo logo così ingegnoso.

Spero che ora tu abbia qualche spunto per creare un prossimo fantastico logo per il World Wide Web. Ti auguro buona fortuna e buon divertimento.

Le tue domande sul design del logo

Hai domande sul design di un logo per siti web? Sentiti libero di utilizzare la funzione di commento. Vuoi essere informato sui nuovi articoli sul web design e su WordPress? Allora seguici su Twitter, Facebook o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più i nostri contenuti. Grazie!

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati da *.