Hai notato come piccoli loghi sembrano essere sempre più popolari sui siti web? Per un po ', sembrava che l'obiettivo del design fosse "renderlo più grande". Ciò è cambiato, in termini di dimensioni e posizionamento del logo.
La più grande tendenza nel design del sito web in questo momento è l'uso del piccolo logo angolare. Stiamo andando ad abbattere la tendenza e guardare alcuni grandi esempi. Forse troverai l'ispirazione per rimpicciolire il logo nel tuo prossimo progetto. O forse decidi di tenerlo grande e audace!
Identifica la tendenza
Sebbene non esista una regola distinta secondo cui un logo deve essere nell'angolo in alto a sinistra di un sito Web, tale posizione è comune ai fini della leggibilità e dell'identificazione. Gli utenti sono abituati a cercare informazioni sul marchio e forniscono un buon punto di riferimento per la navigazione per aiutare gli utenti a tornare alla pagina iniziale quando sono bloccati.
Quindi non sorprende che i piccoli loghi siano posizionati più spesso in questa parte del design. Mentre l'uso di piccoli loghi non è limitato a questo posizionamento, segue gli schemi utente accettati. Questo è importante perché quando provi qualcosa di diverso, vuoi che gli utenti lo capiscano senza difficoltà. In questo caso, il cambiamento è la dimensione del logo, riducendolo ad un? Piccolo? la dimensione potrebbe renderlo meno di un visual dominante. Mantenendolo nella stessa posizione, l'utente può ancora trovarlo ed eseguire le azioni previste senza pensare a questo cambiamento.
Questa è una di quelle tendenze che è facile da individuare. Cerca un logo super-piccolo (spesso meno di 300 pixel a risoluzione desktop standard) in un posizionamento che si aggrappa alla parte superiore e sinistra della tela.
Trend Break Down
Mentre la tendenza è radicata nelle dimensioni e nella disposizione dei loghi, non è l'unica cosa che sembra essere un filo comune. I designer utilizzano forme, iconografia, tipografia e colori simili.
La tendenza è completata e sta prendendo in prestito concetti da molti altri stili popolari, in particolare il minimalismo, i colori vivaci e l'iconografia. Questo fa parte di ciò che fa funzionare questa tendenza; si integra con altri schemi di progettazione quasi senza soluzione di continuità.
Piazze
Il semplice logo quadrato è facile da usare e fornisce un buon punto di ancoraggio per il branding. Molti di questi loghi quadrati presentano un paio di parole (logotipo) o un po 'di immagini in un riquadro colorato.
Il nero è un'opzione popolare, come nel caso di Brave People (sopra), ma le scelte di colore possono essere dettate dallo sfondo del design e dai colori del marchio. Non c'è niente da dire che un logo quadrato debba avere un aspetto brutto, ma questa è un'opzione piuttosto comune.
I quadrati sono popolari perché la forma riutilizzabile in un certo numero di luoghi, inclusi i social media e per la conversione come icona di un'app.
Icon Logos
Mentre progettiamo più cose per i piccoli schermi, c'è una tendenza a semplificare e semplificare. Lo stesso vale per questa tendenza, in cui un'icona semplice può fungere da piccolo logo angolare.
Il trucco per fare questo lavoro è che l'immagine deve essere? Iconica? e abbastanza semplice da essere facilmente leggibile e comprensibile a dimensioni ridottissime. Non tutte le icone funzioneranno o si sentiranno appropriate a dimensioni più piccole.
Poiché questo può essere piuttosto complicato, la maggior parte dei progettisti che scelgono di seguire questa strada utilizzano icone nere monocromatiche con poche righe semplici. Mentre alcune di queste icone raffigurano determinate immagini, come il Train Robber (sopra), molte altre usano forme geometriche. Con un logo icona, molte delle decisioni tornano alla tua identità di marca. Hai un'icona con cui gli utenti si identificano? Funziona in questo contesto?
logotipi
Quando si tratta di piccoli loghi, i logotipi potrebbero essere una delle migliori alternative per la maggior parte dei progetti di siti web. Per i marchi con un logotipo, la soluzione è già integrata. Il logotipo è stato probabilmente progettato con l'idea che doveva funzionare a tutte le dimensioni in mente.
Il vero trucco per i logotipi nell'angolo superiore del design per garantire che non si perdano. I logotipi che utilizzano stili di tipo super-sottili o che includono parole super brevi potrebbero aver bisogno di più peso rispetto a quelli con parole più lunghe o con caratteri tipografici più spessi. Il posizionamento deve essere determinato dal peso visivo, non solo da una linea guida dei pixel.
È anche importante considerare lo sfondo in cui vivrà il logotipo. Assicurati che il logo rimanga visibile su tutte le pagine. Cerca di evitare sfondi con altri elementi di tipo o modelli eccezionalmente occupati per la massima leggibilità.
? App? Stili di icona
Lo stile dell'icona dell'app funziona magnificamente anche sui siti Web e fornisce un elemento di design multiuso. Il posizionamento e il design sono spesso simili all'idea che sta dietro il logo quadrato, ma le icone in stile app spesso vengono allontanate dai bordi della tela, potrebbero includere più colori e sono spesso considerate un logo secondario.
Questo stile può essere molto divertente da giocare, ma è importante assicurarsi che la propria identità non vada perduta se si utilizza un marchio meno comune. Valuta la possibilità di incorporare il nome del marchio e il logo principale in altri luoghi per mantenere la connessione visiva che gli utenti si aspettano.
I siti web basati su app spesso usano questo stile perché l'icona dell'app è il loro marchio e il riconoscimento dell'utente. Per rendere l'esperienza un po 'diversa per gli utenti che accedono al sito web piuttosto che all'app, aggiungi un tocco di movimento o animazione al passaggio del mouse al logo per sorprenderti e divertirti.
Riduci
A seconda del logo, potrebbe non essere necessario alcun lavoro aggiuntivo o riprogettazione per utilizzare questa tendenza. Basta prendere il logo, restringerlo e farlo scattare nell'angolo in alto. Sembra abbastanza facile, giusto?
Ecco il trucco: il tuo logo deve già includere tutti i componenti di leggibilità in piccole dimensioni. Per la maggior parte delle marche, questo significa che il logo deve stare da solo in un elemento di tipo navigazione senza un sacco di colori o altre immagini.
One Happy Camper (sopra) lo fa piuttosto bene.Il logo è ridimensionato a "piccole dimensioni dell'angolo"? e contenuto in una barra di navigazione bianca. Il colore del logo principale trasporta l'area del contenuto principale del sito web, attirando efficacemente l'attenzione dal logo al messaggio e viceversa.
Colori
I piccoli loghi d'angolo tendono a presentare molto bianco e nero. Ma questo non deve essere il caso. È tutto basato sul posizionamento.
I colori brillanti e audaci sono ancora grandi grazie alle influenze del design piatto e dei materiali. Queste scelte di colore possono funzionare anche nel piccolo spazio. Il trucco per colorare è semplificare altri elementi, quindi c'è molto contrasto. Piccoli elementi possono perdersi facilmente se c'è troppo movimento in uno spazio in competizione.
D'altra parte, la natura rigida di un logo in bianco e nero o nero o bianco può fornire il giusto contrasto per distinguerlo da uno sfondo occupato. Per i disegni in cui il logo appare sopra un'immagine o un video di un eroe, questa è spesso l'opzione migliore in termini di leggibilità.
Logo-Navigation Balance
Piccoli loghi possono presentare sfide uniche quando si pianifica la navigazione. Anche la navigazione deve essere piccola? Come si può creare equilibrio senza travolgere gli elementi o sembrare sbilanciati?
Ci sono un paio di soluzioni.
- Crea un elemento di navigazione bilanciamento, ad esempio un piccolo logo quadrato e un'icona di navigazione per hamburger complementare con un menu nascosto.
- Crea un contenitore per il logo e la navigazione in modo che lavorino insieme.
Entrambe le opzioni possono funzionare altrettanto bene. Finché gli utenti possono accedere alle informazioni con facilità, il design funzionerà. Pensa ai tuoi utenti e alle loro abitudini prima di fare questa scelta.
Conclusione
Tiny è la nuova grande cosa. Una saggia stilista ha detto una volta che se riesci a far funzionare qualcosa in piccole dimensioni, funzionerà ovunque. Forse questa è la sfida per i designer: crea qualcosa che funzioni magnificamente a livello micro.
Ciò che è particolarmente bello nei piccoli loghi d'angolo come tendenza è che è utilizzabile. Non è necessario sottoporsi a una riprogettazione per utilizzare questo concetto e aggiungere una funzionalità di tendenza con un piccolo ritocco di design.