Come creare un header per Twitter Esempi di foto e best practice

Con oltre 302 milioni di utenti mensili e 500 milioni di tweet al giorno, è probabile che tu stia usando Twitter per promuovere te stesso, la tua marca o il tuo business. (E se non stai usando la piattaforma da 140 caratteri, cosa stai aspettando?)

La personalizzazione di Twitter è una parte importante della tua strategia sui social media. Come designer, la creazione di una grande foto di intestazione è una parte importante del puzzle. Qui daremo un'occhiata ai modi per creare una foto di intestazione e un profilo generale che si distingua tra i milioni di altre personalità Twitter là fuori e mostrare alcune pagine per l'ispirazione del design.

Iniziare

Il tuo profilo Twitter è composto da diversi pezzi che possono essere modificati tramite le impostazioni del tuo account. Proprio questo mese, Twitter ha iniziato a chiedere agli utenti date di nascita per fornire agli utenti un gioiello di design (palloncini sui loro profili) e contenuti e pubblicità mirati.

Il tuo profilo contiene molte altre informazioni che possono essere utilizzate per aiutarti come designer. Ecco una panoramica di ciascuno prima di concentrarsi sui suggerimenti per ottenere il massimo dal design dell'intestazione.

  • Immagine intestazione
  • Foto profilo
  • Statistiche: la barra direttamente a destra della foto del tuo profilo e sotto la foto dell'intestazione contiene il conteggio dei Tweet della tua vita, il numero di account che segui e che ti seguono, il numero di tweet preferiti e il numero di elenchi che conservi o sottoscrivi . Quando guardi le pagine di altri utenti c'è anche un? Follow / Following? pulsante e vedrai il pulsante di modifica dalla tua pagina.
  • Bio: fino a 160 caratteri di informazioni su chi sei, inclusi gli hashtag.
  • Posizione e altre informazioni sull'utente: si tratta di tutte le informazioni fornite dall'utente, ad esempio da dove vivi o tweet, un link al tuo sito web e da quanto tempo hai utilizzato Twitter.

Conoscere le specifiche

Le foto delle intestazioni di Twitter hanno orientamento orizzontale, come previsto, e dovrebbero essere caricate con una dimensione di 1.500 per 500 pixel. La foto di intestazione viene visualizzata in modo leggermente diverso se visualizzata su un desktop, o in anteprima o in una vista di riepilogo e nell'app mobile. Nelle immagini sopra puoi vedere la foto originale con le specifiche consigliate da Twitter, come viene visualizzata quando un utente accede alla pagina Twitter e alla visualizzazione riassuntiva di Twitter.

Ciò che cambia sulla foto dell'intestazione sono le dimensioni e il posizionamento dell'immagine del tuo profilo su di esso. Le immagini del profilo appaiono sempre sul lato sinistro dello schermo e coprono una porzione dell'immagine dell'intestazione. (È annidato all'interno di una scatola quadrata con bordi arrotondati e un tratto bianco.) Il posizionamento esatto della foto del profilo varia in base alle dimensioni dello schermo e si regola in modo che un po 'più della metà dell'immagine del profilo sia stratificata verticalmente sopra l'intestazione e c'è sempre qualche cuscino a sinistra.

Le immagini fisse devono essere caricate in formato jpg, gif o png. Mentre Twitter sta iniziando a supportare alcune immagini animate all'interno delle timeline, non supporta ancora l'animazione nell'immagine dell'intestazione.

Scegli un'immagine in grassetto

La tua foto di intestazione di Twitter fungerà da gateway per i nuovi utenti. L'unica volta che le persone vedono l'immagine è quando vanno alla pagina del tuo profilo reale, che non è tutto ciò che è comune per i follower attuali. Apparirà anche in un contesto più piccolo per le anteprime o se qualcuno fa clic per ottenere le informazioni di riepilogo.

Quindi la foto di intestazione deve davvero fare due cose:

  1. Attira l'attenzione di un altro utente di Twitter
  2. Lavora su piccole e grandi dimensioni con informazioni comprensibili

Il modo migliore per realizzare queste cose è selezionare un'immagine o un'illustrazione che utilizzi immagini e colori audaci. (Purtroppo, non raccomanderemmo di usare il pattern di sfondo blu presente nel profilo di Twitter.) Avete bisogno di un'immagine che catturi l'attenzione, che colleghi la connessione causale al vostro marchio e che chiedano di essere visti.

Inizia con un'immagine di alta qualità. Evita le foto d'archivio troppo comuni delle mani sulle tastiere dei laptop o dei selfie stupidi e cerca qualcosa che mostri davvero chi sei. (Hai una bella foto sul tuo sito Web? Usa anche una variante di esso per Twitter.

Aggiungi un piccolo tipo (o non)

Digitare è una cosa complicata quando si tratta di intestazioni di Twitter. Non solo hai più dimensioni per l'immagine che entrano in gioco, spesso rendendo il testo illeggibile, ma devi anche considerare il fastidioso movimento dell'immagine del profilo.

Ci sono alcune pagine di Twitter che sono riusciti a incorporare correttamente il testo nell'immagine del profilo, ma non è raccomandato. Ci sono molti altri posti all'interno delle informazioni del profilo per includere testo pertinente. (E perché dovresti digitare un URL in un'immagine quando quell'immagine non è un collegamento, comunque?)

Se vuoi usare il testo, considera la possibilità di inserire del testo nell'elemento dell'arte dominante. Dovrebbe essere grande e abbastanza audace da poter essere letto praticamente a qualsiasi dimensione e anche se alcune parti di forme di lettera sono oscurate. Se vai con questa opzione, testala pesantemente posizionando l'immagine dell'header e visualizzandola su molte diverse dimensioni dello schermo e su una varietà di dispositivi.

E quando sei nel dubbio? Dimentica il testo e rimani con una grande immagine.

Pensa allo spazio

A causa di alcune delle disavventure spaziali che abbiamo già menzionato, lasciare molto spazio all'immagine di intestazione per respirare è importante. Poi c'è tutto lo spazio non ostruito nella parte destra della cornice per pensare in modo creativo.

Puoi divertirti molto con un design asimmetrico in questo spazio per Twitter. Un design in stile asimmetrico ti consentirà una grande libertà creativa e potrebbe aiutare a evitare alcune preoccupazioni sulla visualizzazione completa dell'immagine.

L'immagine Twitter per Jacob Cass del blog Just Creative offre una sorpresa creativa utilizzando l'asimmetria per portarti all'immagine del profilo con il peso della foto di copertina sulla sinistra. (La maggior parte degli utenti, considerando uno stile fotografico fuori equilibrio, spinge il peso verso destra).

E quando non sei sicuro di cosa fare con lo spazio? Optare per un blocco di colore, come Nick La. Il trucco è aggiungere una combinazione di colori o una trama per non rimanere bloccati con il blu predefinito di Twitter.

Galleria di copertina di Twitter

Teale Shapcott

AIGA Design

Richard Lemon

Ezra Klein

Veerle Pieters

Aaron Walter

Kim Goodwin

Tim Hand

Karsten Rowe

Ellie Goulding

Conclusione

Una grande intestazione di Twitter è solo uno strumento in più nel tuo kit di branding personale o aziendale. Twitter è una piattaforma che può aiutarti a raggiungere più persone e ampliare la tua portata.

Come quello che vedete qui? Assicurati di dare un'occhiata ai nostri suggerimenti per la creazione di un'ottima immagine di copertina di Google+ con esempi e best practice. E Design Shack è su Twitter. Assicurati di darci un seguito e partecipare alla conversazione sul design.