Responsive Logo Design - La guida definitiva per il 2018

Un logo è un simbolo fisico di un'azienda. È l'immagine che ti viene in mente quando pensi a un marchio o a un prodotto specifico, come la mela mezza morsicata per Apple e lo swoosh per Nike. Ma con le nuove tendenze dietro l'angolo, è cambiato anche ciò che serve per un logo per avere successo ed efficacia. Ora devono essere pulite, minimaliste e semplici. Ma, soprattutto, devono adattarsi a progetti web reattivi.

È il 2018 — Se non disponi di un design del logo reattivo, potresti anche essere condannato. E non lo dico per essere drammatico. Voglio dire, hai mai aperto un sito web sul tuo telefono e l'intero design UX sembrava stravagante? O forse hai aperto una mail e il logo era tutto sproporzionato? Questo perché alcune aziende non utilizzano loghi e web design reattivi.

I loghi sono stati creati prima dell'era dei computer e degli smartphone, prima che i web design reattivi diventassero un pilastro del web design. Ma è fondamentale che il tuo logo possa vivere e adattarsi in un web design reattivo, altrimenti sembrerà disordinato e obsoleto.

E i marchi sono stati dimenticati per molto meno.

Quindi è importante capire che cos'è in realtà un design del logo reattivo e cosa serve per crearne uno. È più che assicurarsi che il tuo logo possa crescere e rimpicciolirsi senza grossi malfunzionamenti. Devi assicurarti che, indipendentemente dal mezzo con cui guardi il logo, che si distingua, e non perché sia ​​sproporzionato, pixelato o schiacciato.

Ecco alcuni suggerimenti chiave da tenere a mente quando crei o modifichi il logo della tua azienda, perché i design del logo reattivi sono presenti e non vuoi essere escluso.

Semplicità

Quando si tratta di loghi, la pulizia è importante. I loghi dovrebbero essere accattivanti e riconoscibili, ma non per la loro oltraggio (o odio). Le persone non hanno tempo per sezionare un logo che è confuso o disordinato. Semplicemente non gli importa abbastanza. Ecco perché optare per un design del logo semplice, pulito ed elegante è il punto in cui dovrebbero essere diretti i tuoi brainstorming sul logo. Vuoi che le persone vedano il tuo logo, lo riconoscano immediatamente e in seguito si formino le loro opinioni.

Non vuoi che strizzino gli occhi o si grattano la testa.

Soprattutto se si considera la necessità di adattamento nei modelli di design reattivo, non è possibile avere un logo che racconta una storia lunga e complicata. Semplicemente non si trasferirà bene. Deve essere chiaro e sottile in modo da non complicare eccessivamente le cose. Il tuo logo deve espandersi e rimpicciolirsi: troppa copia, troppi design stravaganti e colori sgargianti non si muovono bene.

Non è necessario che il tuo pubblico lavori per questo: funzionano abbastanza così com'è.

Dì addio a vivaci schiocchi di colore, ombre esagerate, bagliori e bagliori e dai il benvenuto a linee pulite, luce, colori naturali e bagliori moderni. Garantire che il tuo logo sia semplice aumenterà la sua flessibilità quando viene visualizzato su dispositivi mobili, tablet e schermi di laptop.

Modernità

Questo ci porta a un'altra best practice da seguire quando si tratta di design di loghi reattivi nel 2018. Siamo nell'era moderna e i nostri loghi devono rappresentarlo.

Le immagini buone e reattive e i design del logo sono eleganti. Sono forti. Sono puliti. Non sono eccessivamente complicati. Sono al passo con la nuova era. Ciò significa che molte aziende dovranno continuamente adattare e modificare i loro progetti per rimanere rilevanti e interessanti.

Scegli meno colori e caratteri semplici. Gioca con forme semplici e stai lontano da cose troppo astratte. Naturalmente, incorpora il tuo stile e basa il tuo logo sul tuo marchio, ma non lasciarti trasportare troppo.

minimalismo

Less is more - nel web design, nel design della stampa, nell'arredamento degli appartamenti - e soprattutto nei loghi. Il minimalismo è dentro, rendendo un design del logo minimalista un must per il tuo marchio o azienda. Va bene ridimensionare i dettagli, il tuo pubblico noterà a malapena la differenza.

Piccole modifiche e modifiche per declutterare e ridimensionare un design potrebbero effettivamente migliorare la tua visibilità. E quale momento migliore per diventare minimalisti se non adesso? Quando tutto, dalla confezione del trucco ai mobili, viene reso minimalista, un logo che non è minimalista potrebbe sembrare obsoleto.

Adattabilità

Il cambiamento è inevitabile ed è importante capire che il tuo logo cambierà, anche se pensi che sia perfetto così com'è. Ecco perché è necessario creare un logo in preparazione all'inevitabile cambiamento e adattabilità.

Un design eccessivamente complicato sarà più difficile da trasformare e semplificare nel corso degli anni - invece, perderai l'integrità del logo originale in primo luogo. Se modifichi completamente il tuo logo, perdi quel riconoscimento del marchio che il logo dovrebbe fornire.

E soprattutto nei progetti di siti Web reattivi, avere un logo facile da modificare è utile per far vedere il tuo logo a più persone. Se il tuo logo non può adattarsi, nemmeno la tua azienda nel suo insieme potrà farlo.

Vuoi altri suggerimenti per la progettazione del logo? Iscriviti alla nostra newsletter!

Cos'altro puoi fare per ottimizzare i design del logo reattivo nei design web reattivi?

A seconda delle dimensioni dello schermo, il tuo logo potrebbe dover trasformarsi in qualcosa di completamente nuovo.

Beh, non del tutto. Ma a seconda di dove viene visualizzato, il tuo logo potrebbe dover abbandonare alcune delle sue caratteristiche.

In alcuni casi, se il tuo logo include parole o frasi o simboli aggiuntivi, dovranno essere lasciati indietro quanto più piccola diventa l'immagine.

A seconda che tu stia leggendo su uno smartphone o un tablet, il tuo logo potrebbe dover abbandonare il marchio, riallinearsi in modo che sia impilato anziché essere in una riga, perdere uno slogan o tutto quanto sopra.

Ciò non significa che il tuo logo perderà ogni riconoscibilità. Sarà ancora il tuo logo, ma solo le sue ossa nude: l'immagine o il simbolo che tutti si riferiscono al tuo marchio o prodotto.

Domino's fa questo. Il loro logo principale assomiglia a questo:

Quando ridotto, appare così:

Sai ancora che l'ultima immagine si riferisce a Domino, si adatta più facilmente agli schermi più piccoli.

Marchi che hanno capito bene

Molti marchi hanno già iniziato a modificare i loro loghi per adattarli ai web design reattivi. Hanno ridotto, semplificato, sono diventati minimalisti e hanno fatto funzionare i loro loghi per loro e per gli utenti.

Twitter è solo una società che ha cambiato il suo logo nel corso degli anni: ogni nuova iterazione è migliore della precedente.

Nei suoi primi anni, Twitter aveva un design del logo molto semplice nel loro caratteristico colore blu. Tutto ciò che era, era il nome "twitter" tutto minuscolo.

È semplice, riconoscibile e facile da capire. Ma quando si tratta di rimpicciolirsi, puoi solo fare una parola così piccola prima che sia illeggibile. Il loro prossimo design del logo ha introdotto l'uccello di Twitter che tutti conosciamo e amiamo, ma anche allora sembrava che ci fossero troppe cose da fare.

Di recente, Twitter è diventato molto minimale con il suo logo, trattenendo quella firma Twitter blu, ma usando solo l'uccello come logo iconico.

Ora questo è un design del logo reattivo!

Ma Twitter non è l'unica azienda che ha giocato con i loghi. Un'altra azienda che ha fatto un ottimo lavoro di adattamento è Spotify.

Spotify ha iniziato con un logo che era originale, unico e diretto. Per alcuni, era un po' giovanile con le scelte di carattere e colore, ma per loro ha funzionato per anni.

Ma considerando che vivono quasi esclusivamente su dispositivi mobili, avevano bisogno di un design del logo reattivo più adatto ai dispositivi mobili.

La loro iterazione più recente è molto più semplice e flessibile. Ha causato un certo clamore quando hanno cambiato il colore, ma il Lead Product Designer Tobias van Schneider sapeva che aveva bisogno di saltare sul carro moderno come afferma in un post sul blog:

Per quanto ci fossimo abituati al vecchio verde "broccoli", sentivamo che la squallida tavolozza del marchio era alla disperata ricerca di un aggiornamento. Era giunto il momento di rinfrescarlo un po' e assicurarci che si abbinasse bene alla nostra nuova e vibrante tavolozza di colori. Il nuovo verde ha un po' più di "pop" e si sente a casa nella nostra nuova tavolozza di colori che è cresciuta fino a quasi tre dozzine di colori. Non solo ha un aspetto più fresco e moderno, ma è anche più gradevole alla vista, soprattutto quando lo si applica a schermo intero.

Spotify è andato con un verde più brillante e un design più semplice e pulito per questo. Si adatta facilmente a seconda delle dimensioni dello schermo e funziona. Senza vedere la parola “Spotify” sai subito cosa rappresenta il simbolo di Spotify. E questo è il punto.

Un altro cambio di logo di successo va a Mastercard, il cui logo è cambiato solo leggermente, ma ha un impatto duraturo.

Questo era il loro vecchio logo.

Come puoi vedere, questo logo iconico è decisamente accattivante, ma obsoleto. Il modo in cui i colori si alternano nel mezzo è un po' stridente per gli occhi, e il nome all'interno del logo, sebbene facile da leggere, non è esattamente piacevole da guardare. Ma da un miglio di distanza, sai che questo è il logo di Mastercard.

Tuttavia, negli ultimi anni sono passati a un design più semplice che scorre insieme in modo più naturale e fluido.

Il suo nuovo logo sposta il nome dell'azienda sotto il design e cambia il carattere in qualcosa di più pulito e più facile da leggere. Hanno anche aggiunto un terzo colore nel mezzo che bilancia davvero tutti gli aspetti del design del logo stesso.

È anche un ottimo aggiornamento perché il wordmark può essere facilmente eliminato per schermi di dimensioni più piccole. E non c'è dubbio nella mente di nessuno a quale marchio appartenga questo logo.

Puoi davvero imparare da questi design di loghi di successo quando si tratta del tuo logo o di una riprogettazione del logo su cui stanno lavorando i tuoi grafici.

I brand devono iniziare a capitalizzare su simboli piccoli, puliti e riconoscibili. In questo modo non si basano solo sul loro nome per attirare l'attenzione e non devono preoccuparsi di come si adatteranno ai progetti di siti Web reattivi.

Dai un'occhiata ad altre riprogettazioni del logo che lo hanno ucciso.

Marchi che hanno sbagliato

Ingombrante, sbilanciato e astratto: il logo delle Olimpiadi di Londra 2012 non è il materiale di cui sono fatti i loghi reattivi. È dappertutto e sbilanciato e, a prima vista, non ti dà davvero un'idea di cosa sia il logo. Cosa c'è di più? La scritta all'interno del design assicura che non sia possibile leggere ciò che dice quando diventa troppo piccolo.

Anche British Telecom ha recentemente subito un restyling del logo. Al posto del vecchio logo, il nuovo logo, che è il quinto logo in oltre 30 anni, include le lettere BT davanti a sfere di colore diverso. Mentre British Telecom ottiene punti per la semplicità, l'arcobaleno di colori non è affatto moderno o minimalista. Non solo, ma il simbolo in sé non si presta subito a British Telecom. Se non conoscessi già il marchio, non avresti idea di quale compagnia fosse.

Sembra un logo uscito dagli anni '90.

Cosa puoi fare andando avanti

È il 2018 e se il tuo sito Web o logo non è responsive, hai già perso la palla. In un mondo che si evolve tecnologicamente ogni secondo di ogni giorno, il tuo marchio non può permettersi di essere lasciato nella polvere. Ecco perché è necessario conoscere e comprendere alcune best practice di progettazione chiave che aiuteranno la tua attività ad avere successo, sia che tu abbia bisogno di aiuto per migliorare il tuo processo di progettazione, passare da grafico a web designer o se ti serve una lezione sui diversi tipi di design .

Il tuo logo è la cosa più visibile del tuo marchio. Ha bisogno di distinguersi. Deve essere riconoscibile. E soprattutto, deve adattarsi a un web design reattivo. Se il tuo logo non può adattarsi ed evolversi, il tuo marchio stesso non sarà in grado di evolversi.

I design del logo responsive devono essere:

• Semplice
• Moderno
• minimalista
• Adattabile

Non c'è spazio per errori quando si tratta di design del logo. Se ne hai uno cattivo, lo sapranno tutti. E per ottimizzare le tue immagini reattive e i design del logo, è importante sapere come puoi assicurarti che il tuo logo si adatti. Per assicurarti che il tuo logo sia ottimizzato per tutte le dimensioni dello schermo puoi:

• Lascia cadere il marchio
• Elimina slogan e frasi
• Riallinea o centra il design del tuo logo
• Opta per un singolo simbolo

I design del logo responsive sono il futuro: non restare nel passato.

Quali sono alcuni design del logo che ti piacciono? Diccelo sui social!

Vuoi più approfondimenti sulle tendenze del design? Iscriviti alla nostra newsletter!