Casa Social media Come posizionare le immagini di sfondo per ottimizzare il profilo Twitter - dummies

Come posizionare le immagini di sfondo per ottimizzare il profilo Twitter - dummies

Sommario:

Video: come cambiare immagine di profilo su twitter da pc | come mettere una nuova foto su twitter 2024

Video: come cambiare immagine di profilo su twitter da pc | come mettere una nuova foto su twitter 2024
Anonim

Ci sono molti modi in cui puoi progettare e posizionare sfondi di Twitter per evitare i problemi causato da diversi display su diverse dimensioni dello schermo. Ecco quattro opzioni che possono aiutarti a evitare problemi di visualizzazione.

Ripeti un'immagine o usando una serie di immagini

Dapo Olaopa (@dpencilpusher), mostra i suoi talenti artistici facendo apparire il suo sfondo come una serie di scarabocchi dal suo taccuino. Questo effetto è accentuato dal suo uso di una pagina bianca e una matita nella sua intestazione di Twitter.

Credito: Dapo Olaopa L'autrice e fotografa Syl Arena (@syl_arena) ha creato una griglia di immagini minuscole. Usando una combinazione di ritratti, loghi aziendali e immagini buffe di cartoni animati, ha creato uno sfondo con una gamma di colori e stili. Sebbene il design sia un po 'occupato, funziona bene su qualsiasi dimensione dello schermo e fornisce ai follower una rapida panoramica dei suoi numerosi interessi.

Credito: Syl Arena

Assemblare le immagini in un collage

Un modo un po 'più sofisticato per comunicare al mondo chi sei, e di cosa si tratta, è creare un Twitter design di sfondo con foto, cianfrusaglie e altre cose che ti interessano.

Questi disegni sono spesso creati per apparire come un desktop o una bacheca con foto fissate o cose sparse sulla scrivania. Vedi un esempio creato dal professionista del marketing digitale Scott Clark (@scottclark). Clark ha creato messaggi criptici che sembrano scritti su una macchina da scrivere manuale vecchia scuola, oltre a mappe, immagini di animali esotici, una cartella in pelle stile Indiana Jones consumata e una mano robotica scheletrica mortale.

Fatto bene, i collage hanno una qualità affascinante e organica che fa sentire come se stessi scrutando la spalla dell'autore mentre lavora alla sua scrivania o nel suo laboratorio.

Scott Clark usa abilmente un gradiente lungo il lato destro del disegno che sfuma in un colore solido. L'effetto è che anche su un monitor molto grande, il design non si taglia bruscamente sul bordo dell'immagine, ma sfuma invece nel colore di sfondo solido, facendolo sembrare parte di uno sfondo più ampio.

Credito: Scott Clark

Il regista di social media Sean R. Nicholson (@SocMedSean) usa un collage che include un iPhone, un iPad, penne e altre cose che tiene in mano per fare il suo lavoro. Include promemoria scarabocchiati sulla sua mano sinistra che sembrano rappresentare una tipica lista di cose da fare. Ha conferito all'intero design un aspetto moderno utilizzando un'immagine di sfondo che sembra fatta di cemento granuloso.

Credito: Sean R. Nicholson

Non esiste una vera scorciatoia per creare un collage come questo. Per ritagliare ogni immagine e posizionarla come ha fatto Sean, è necessario un buon editor di immagini, come Photoshop.

Fai attenzione alla luminosità, al contrasto e al bilanciamento del colore in tutte le immagini che unisci nel tuo disegno. Se metti foto molto scure accanto a foto scattate sotto luci intense senza bilanciarle, l'effetto potrebbe essere stridente.

Usa un'immagine dominante

Uno degli approcci più semplici ed eleganti per creare uno sfondo Twitter è usare una grande immagine. Le fotografie di paesaggi, skyline o immagini astratte funzionano bene, e ripetere l'immagine sullo sfondo e l'intestazione è un trucco comune ed efficace.

Si vede come Kare Anderson (@KareAnderson), un autore, speaker e consulente che vive in Sausalito, ha usato una foto del Golden Gate Bridge per il suo background e l'intestazione nella sua pagina Twitter.

Credito: Kare Anderson

La ripetizione di un'immagine come Kare nel suo profilo Twitter rafforza l'effetto visivo e aiuta i visitatori a riconoscere l'immagine di sfondo, anche se non si adatta a monitor più piccoli.

Credito: Kare Anderson

L'utilizzo di testo allineato verticalmente è un altro modo per garantire che il tuo messaggio venga trasmesso su schermi piccoli e grandi.

Centra l'immagine di sfondo

Molti dei problemi che ti abbiamo mostrato con le immagini di sfondo di Twitter tagliate fuori o tagliate stranamente a risoluzioni schermo alte o basse, possono essere risolte centrando lo sfondo invece di allinearlo a sinistra.

Twitter inizialmente offriva solo l'allineamento a sinistra per le immagini di sfondo. Ora puoi centrare l'immagine facendo clic e trascinando l'immagine nella posizione scelta.

Credito: Erika Barker

La centratura dello sfondo fa una grande differenza perché il centro dell'area di disegno, dove appaiono la timeline, la foto del profilo e l'intestazione, è sempre centrato, indipendentemente da quanto grande o piccolo è lo schermo.

Centrare lo sfondo significa che lo sfondo rimane nella stessa posizione rispetto all'area centrale di un profilo Twitter, indipendentemente dallo schermo grande o piccolo. Ciò risolve molti problemi che si verificano quando lo sfondo rimane allineato a sinistra, ma l'area centrale centrata copre diverse parti dello sfondo, a seconda delle dimensioni dello schermo.

Il fotografo Erika Barker (@erikabarker) crea un'illusione intelligente utilizzando una sezione dell'immagine di sfondo nell'area dell'intestazione. L'effetto sembra che l'intestazione e lo sfondo siano tutti un'immagine, anche se sono stati ritagliati e caricati separatamente.

Credito: Erika Barker

Tuttavia, questo tipo di design integrato funziona solo se lo sfondo e l'immagine dell'header rimangono alla stessa distanza l'uno dall'altro, indipendentemente dalle dimensioni dello schermo - e che non funzionerebbe se lo sfondo fosse non centrato

Nella prima immagine, si vede come appare la pagina di Erika su un monitor con la risoluzione impostata su 1920 x 1080. Nella seconda immagine, si vede lo stesso design che appare su un monitor con la risoluzione impostata su 1024 x 768.Nonostante la significativa differenza nel settore immobiliare, il design funziona in entrambe le taglie perché lo sfondo centrato e l'intestazione centrata si allineano perfettamente sugli schermi piccoli e grandi.

Se crei un disegno che integri l'intestazione e le immagini di sfondo, tieni presente che l'immagine di sfondo non viene visualizzata sui dispositivi mobili, quindi l'immagine dell'intestazione deve anche funzionare da sola.

Come posizionare le immagini di sfondo per ottimizzare il profilo Twitter - dummies

Scelta dell'editore

Come utilizzare la notazione oggetto script Java nelle app iOS - dummies

Come utilizzare la notazione oggetto script Java nelle app iOS - dummies

Notazione oggetto javaScript (JSON) è diventato lo standard di fatto in termini di rappresentazione dei dati nelle app iOS. È possibile utilizzare JSON per trasferire dati sul Web e come formato per il salvataggio e il recupero di dati di lunga durata. JSON è al contempo leggibile e facile da capire per le macchine. I dati in JSON possono essere inclusi in uno ...

Come usare Frammenti per programmare la tua app Android - dummies

Come usare Frammenti per programmare la tua app Android - dummies

L'interfaccia utente nel L'esempio di app per Android qui utilizzato ha tre pannelli: un elenco di elementi, un pannello di dettagli che descrive l'elemento selezionato nell'elenco e un pannello di dettagli in profondità. Su un piccolo schermo dello smartphone, ogni pannello potrebbe essere un'attività separata. Ma uno schermo tablet in modalità orizzontale ha spazio per ...

Come utilizzare Xcode Instruments per raccogliere dati per le app iOS - dummies

Come utilizzare Xcode Instruments per raccogliere dati per le app iOS - dummies

Xcode fornisce uno strumento per sviluppatori che consente la traccia dinamica e la profilazione del codice iOS per aiutarti a comprendere il comportamento congiunto sia del codice dell'app che del sistema operativo. Si chiama Instruments. Per utilizzare questo strumento, segui questi passaggi: Scegli Xcode → Apri strumento di sviluppo → Strumenti. Viene visualizzata la finestra Strumenti che mostra una raccolta di modelli. Tu ...

Scelta dell'editore

Filosofia Argomenti da studiare per il Miller Analogies Test (MAT) - dummies

Filosofia Argomenti da studiare per il Miller Analogies Test (MAT) - dummies

You non dovremo sfuggire a qualsiasi confuso testo di filosofia per fare bene con la filosofia sul MAT. Per eccellere nelle analogie MAT sulla filosofia, tutto ciò che devi sapere sono i principali filosofi della storia, i loro lavori e alcuni termini di base della filosofia. Termini filosofici che appaiono nel test MAT Spazzolate le vostre conoscenze ...

Come applicare la conoscenza della certificazione PHR / SPHR sul lavoro - dummy

Come applicare la conoscenza della certificazione PHR / SPHR sul lavoro - dummy

Dopo aver Con successo ottenuto la certificazione PHR / SPHR, il tuo ruolo sul lavoro sta per cambiare. Non è solo perché ora hai le iniziali accanto al tuo nome. Il processo di preparazione ti ha insegnato nuove cose e, come professionista consumato, inizierai a cercare cambiamenti nel tuo gruppo di lavoro. Queste modifiche si applicano in ...

Passando la Parte I del GED - dummies

Passando la Parte I del GED - dummies

Parte I delle Arti del linguaggio, Writing Test ti chiede di leggere e quindi rivedere e modificare i documenti che possono includere informazioni sulle procedure e materiale sul posto di lavoro. Questo test non è malvagio. Solo perché non hai preso la grammatica per anni non significa che non lo sai. Probabilmente sai più di quanto pensi. Le domande sono tutte ...

Scelta dell'editore

Come allineare il contenuto della tabella in colonne e righe in Dreamweaver - dummies

Come allineare il contenuto della tabella in colonne e righe in Dreamweaver - dummies

Pulire l'allineamento degli elementi in colonne e righe rende il tuo tavolo pulito e facile da leggere. Raggiungere quell'aspetto in Dreamweaver può essere complicato perché non si ha il massimo controllo in HTML di un programma come Excel, in cui è possibile allineare i numeri al punto decimale, ad esempio. In un ...

Come allineare elementi con float in Dreamweaver - dummies

Come allineare elementi con float in Dreamweaver - dummies

I designer spesso allineano un'immagine, un tag, o un altro elemento a sinistra oa destra di una pagina Web in Dreamweaver e quindi avvolgere qualsiasi testo o altro contenuto intorno a quell'elemento. L'immagine è allineata a destra della colonna in modo che il testo si sposti accanto a essa a sinistra. In ...

Come verificare la compatibilità CSS in Adobe Dreamweaver CS6 - dummies

Come verificare la compatibilità CSS in Adobe Dreamweaver CS6 - dummies

È Importante assicurarsi che Adobe Il sito Web di Dreamweaver CS6 viene visualizzato correttamente e in modo coerente su tutti i browser più diffusi, come Internet Explorer, Firefox, Chrome e Safari. Sebbene la maggior parte dei browser moderni abbia adottato un supporto abbastanza uniforme per le proprietà CSS2 (e alcuni CSS3), i progettisti dovrebbero comunque testare le loro pagine in una varietà di browser e browser ...