Logo web design

Cosa si dovrebbe considerare quando si progetta un logo per un sito web

Il design del logo per i siti web segue regole completamente diverse da quelle della stampa o di altre comunicazioni. I requisiti per i loghi e le insegne sono cresciuti. Ti mostriamo le linee guida e gli strumenti per creare il tuo logo web.

Logo design per stampa e web

C'è un confine molto permeabile tra il web design e il graphic design. I designer grafici spesso si concentrano sulla stampa, progettando la cancelleria aziendale, i manifesti, le pubblicità e i loghi. I web designer, invece, creano siti web, newsletter, banner e, naturalmente, loghi.

Alcuni mescolano entrambe le aree di business, offrono design per la stampa e il web. Non è chiaro al cliente finale chi può fare cosa e forse chi non dovrebbe fare cosa. Poi i designer grafici che sono più a loro agio nella stampa creano design per i siti web - e mettono i loghi di stampa sul web. Al contrario, è piuttosto l'eccezione che i web designer sviluppino tutta la cancelleria aziendale.

Dovrebbe essere ovvio per chiunque abbia un "occhio grafico" o una professione di grafico che un logo su un sito web ha requisiti diversi da uno sulla carta intestata o su un edificio aziendale.

Con l'avvento degli smartphone e dell'internet mobile, i requisiti per i loghi e le insegne (queste sono piccole grafiche che possono essere usate per i loghi) sul web sono ancora una volta cambiati e sono diventati più specifici - ma anche più severi. Alla fine, non è così complicato. Eppure ci vuole una certa esperienza e aplomb per sviluppare un buon logo per un sito web.

3 Linee guida per creare un logo

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

  • Formato orizzontale: il logo appare in alto a sinistra, questo è quello che gli utenti si aspettano. A volte è anche permesso nel mezzo del sito web. Ma per risparmiare spazio prezioso e attirare l'attenzione degli utenti sull'essenziale, ha senso prendere in considerazione le abitudini generali di visualizzazione delle persone - con un logo in formato orizzontale nella parte superiore del lato sinistro.
  • Strutture chiare: è essenziale considerare la dimensione del logo su uno smartphone o un tablet. Ma molti desktop e laptop hanno anche una risoluzione molto alta, cioè molto spazio, o una diagonale dell'immagine piuttosto piccola. In entrambi i casi, il logo può apparire piuttosto piccolo. Tuttavia, deve ancora funzionare bene in piccole dimensioni.
  • Nessun reclamo: Molti clienti, ma anche i designer, sentono l'inclinazione a volte irresistibile di mettere un claim sotto il logo. Testo nella foto, in altre parole. Questo ha poco senso. Non è solo una questione di spazio, ma anche difficilmente leggibile sugli smartphone. Per non parlare del fatto che 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 si possono trovare dei contro-esempi o delle marche che più o meno (vogliono) avere le proprie regole. Ma questi sono poi marchi molto speciali e di successo - e anche qui le eccezioni dimostrano la regola.

Ma cosa rende i loghi cool? Il modo migliore per scoprirlo è guardare i loghi e/o le insegne di 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. Naturalmente, ci sono molti altri esempi. E la maggior parte di loro risale a un tempo in cui non c'era internet. Tuttavia, i loghi si evolvono nel tempo, proprio come i marchi e le aziende.

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

Idealmente, ci sono loghi che si adattano ai diversi formati di uscita. Anche i loghi preferiti appena menzionati sono fulgidi esempi di questo. Funzionano ovunque e si adattano ai rispettivi media con i loro requisiti specifici. Logico: una carta intestata ha bisogno di qualcosa di diverso da un'insegna al neon su una casa, e un sito web ha condizioni diverse da 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. Questo può essere un'azienda, un'organizzazione, un individuo o un prodotto".

Finora tutto bene. Un logo può essere un marchio di parole, come Coca Cola, Google o Acer. Può essere un sigillo, come nel caso di Playboy, Shell e Mercedes. Per lo più, tuttavia, i loghi sono costituiti da un marchio di parole e un segno. Negli esempi di firme di cui sopra, c'è sempre una variante con e senza il marchio della parola.

Questo vale anche per McDonalds, per esempio, con la caratteristica M che tutti conoscono. Il logo McDonalds è disponibile con il nome e con il claim (mi piace), ma la M è sempre lì. Sul sito di McDonalds, per le ragioni menzionate sopra, hanno risolto in modo tale che si trova solo questo M in alto a sinistra della navigazione - e la navigazione si sposta quando si scorre. Solo che la M è ancora lì ad un certo punto. Lo trovo intelligente e poco ingombrante, perché la cosa più importante è sempre visibile: il sigillo, la "M".

Guardiamo il logo sul sito del WWF, per prendere un esempio dal regno più politicamente corretto. Il famoso panda, che potrebbe anche stare in piedi da solo, è posto sopra le lettere WWF, l'abbreviazione del World Wildlife Fund. Penso che il sito sia abbastanza riuscito (TYPO3, tra l'altro), ma si astengono dall'inchiodare la navigazione principale. Questo è risolto in modo intelligente. Occupa un po' di spazio, ma contiene tutto l'essenziale.

Grazie alla tecnologia Mega Menu, il secondo livello della navigazione mostra tutto quello che c'è da vedere sul sito web. Se si apre il mega menu con il mouseover, solo il panda rimane visibile. È un logo verticale, ma la sua realizzazione è impeccabile. Anche questo logo viene da un'epoca in cui non c'erano siti web. Sono sicuro che il WWF farebbe creare un altro logo oggi - uno in formato orizzontale.

"*" indica i campi obbligatori

Consenso*
Questo campo è per la convalida e non deve essere modificato.

Esempi con logo in formato orizzontale

Raidboxes è un interessante esempio di design del logo. Un segno di parola, in formato orizzontale ovviamente - altrimenti non si potrebbe leggere. Definisco questo logo un successo. Perché ha un alto valore di riconoscimento, che è l'essenza di un buon logo. Inoltre, funziona anche in formato ridotto sui dispositivi mobili. Questo vale per molti siti dell'internet moderno, come Google, Facebook, Amazon, Microsoft, YouTube e molti altri.

Raidboxes logo logo design
Il logo di Raidboxes: Logo design

Possiamo dire lo stesso del WordPress.org dire. Ci sono delle specifiche per la presentazione del logo WordPress che sono visibili a tutti: una guida di stile. Il logo ha la W come sigillo e il marchio di parole in formato orizzontale, ma anche sul bordo. Sul sito web, il logo verticale è ovviamente omesso. Per buone ragioni, il logo con il sigillo non è solo mostrato in orizzontale, ma anche relativamente grande sopra la navigazione. Anche qui, il menu non è fisso, il che non toglie nulla all'usabilità del sito.

Il nostro Raidboxes rilancio

Nuovo logo, nuovo sito web, nuovi colori - stesso nome. Festeggiamo il nostro rilancio su Raidboxes ! Insieme alla nostra agenzia partner 360Vier, abbiamo ripensato la nostra identità aziendale e dato una nuova mano di vernice al nostro sito web.

Esempi di siti web con WordPress

Un altro affascinante sito web che ci serve da esempio è VOGUE America. Trovo l'implementazione coerente e appropriata 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. Questa è 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 può essere osservato a SPIEGEL Online (SPON). Per entrambi, la scusa può essere che i loghi sono stati creati prima dell'era di internet. Vediamo la stessa cosa che succede con VOGUE alla rivista americana TIME, che gira 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 lavoro brillante con il design e il logo. Sì, sono un fan della BBC. Ma trovo anche il logo ingegnoso e memorabile - come un esempio di successo di design del logo in formato orizzontale. A proposito, questo sito fa anche a meno di una navigazione fissa dopo lo scorrimento - qui il contenuto è in primo piano.

Creare (aver creato) 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.

Design grafico o no: puoi creare un buon logo per te e per i tuoi clienti con il tuo occhio graficamente allenato e alcune semplici regole. Naturalmente, il modo più semplice sarebbe quello di assumere un designer grafico. Questo è il modo più sicuro e garantito di massima qualità - le eccezioni dimostrano 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 comprare un buon design grafico in paesi con salari orari più bassi e alta qualità. Per esempio, dall'Ucraina, dall'India, dall'Indonesia, dal Sud America, ma anche dagli Stati Uniti, ecc. Gli svantaggi sono la situazione legale in caso di controversie. Gli svantaggi sono la situazione giuridica in caso di controversie, la comunicazione e quindi a volte anche la coordinazione.

Dato che io stesso ho un occhio grafico e voglio fare il più possibile da solo, ho preso una strada diversa con il mio logo su PUBLISHING ON THE NET. Ho cercato e trovato un sigillo su Envato. Ho pensato che sarei riuscito a costruire un logo per esso. Perché il sigillo che mi piaceva aveva il contenuto sbagliato. Un logo deve assolutamente adattarsi al soggetto e al carattere della tua azienda.

Così ho trovato un segno @ che volevo usare, ma con una "P" nel cerchio @. All'inizio ho provato a farlo da solo - ma ho troppo poca esperienza con i vettori in Illustrator. Così, senza ulteriori indugi, ho chiesto allo sviluppatore del cartello via Envato se poteva farlo per me - e a che prezzo. Era possibile e il costo era assolutamente ragionevole. Ora ho questa "P" con il marchio della parola 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 il design del logo è desiderato, suggerisco prima di tutto di scegliere un segno che si adatti all'idea di business e al nome. Non uso solo Envato o Envato Elements. Cerco anche loghi su Google, o su Iconfinder, iStockPhoto e altri fornitori di piccola grafica. Poi li mostro al cliente, ne scelgo uno o due insieme a lui e costruisco un logo in formato orizzontale.

Fai attenzione alla legge sul copyright, il tuo logo non deve essere troppo vicino a nessun logo esistente. Anche se comprate dei cartelli, dovete controllare (o far controllare) la licenza: è valida per il vostro scopo professionale senza restrizioni temporali e spaziali? E anche per l'uso come logo?

I buoni loghi sono semplici ed esprimono l'idea di business il più possibile. 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 un biglietto da visita - leggermente modificati e adattati, forse con un claim sotto.

Sommario: Design di logo per siti web

Creare un buon logo è relativamente facile. hai bisogno di un concetto chiaro e di un'idea eccellente. Puoi prendere ispirazione da altri marchi e siti web di successo. Parlare con i tuoi colleghi e amici può anche aiutarti a trovare un'idea semplice e brillante. Ma siamo onesti: non deve essere brillante, adeguato può essere sufficiente, buono sarebbe già più che sufficiente. Puoi cercare loghi o sigle su piattaforme grafiche.

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

Spero che ora abbiate qualche indizio per creare un prossimo grande logo per il World Wide Web. Vi auguro buona fortuna e buon divertimento.

Le tue domande sul design del logo

Hai delle domande sul design di loghi per siti web? Sentitevi liberi di usare la funzione di commento. Vuoi essere informato sui nuovi articoli sul web design e 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ù il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato.