Table des matières:
- Répétez une image ou utilisez une série d'images
- Assembler des images dans un collage
- Utiliser une image dominante
- Centrer l'image d'arrière-plan
Vidéo: Vidéo - Comment utiliser un fond noir 2024
Il y a plusieurs façons de concevoir et de positionner les arrière-plans Twitter pour éviter les problèmes causés par différents affichages sur différentes tailles d'écran. Voici quatre options qui peuvent vous aider à éviter les problèmes d'affichage.
Répétez une image ou utilisez une série d'images
Dapo Olaopa (@dpencilpusher), montre ses talents artistiques en faisant de son arrière-plan une série de griffonnages tirés de son carnet. Cet effet est accentué par son utilisation d'une page blanche et d'un crayon dans son en-tête Twitter.
Crédit: Dapo Olaopa L'auteur et photographe Syl Arena (@syl_arena) a créé une grille de minuscules images. En utilisant une combinaison de portraits, de logos d'entreprises et d'images de dessins animés loufoques, il a construit un arrière-plan avec une gamme de couleurs et de styles. Bien que le design soit un peu occupé, il fonctionne bien sur n'importe quelle taille d'écran et offre aux suiveurs un aperçu rapide de ses nombreux intérêts.
Assembler des images dans un collage
Un moyen un peu plus sophistiqué de communiquer au monde qui vous êtes, et ce que vous faites, est de créer un Twitter conception de fond qui comporte des photos, bibelots, et d'autres choses qui vous intéressent.
Ces motifs sont souvent créés pour ressembler à un bureau ou à un panneau de liège avec des photos épinglées ou des objets éparpillés sur le bureau. Vous voyez un exemple créé par Scott Clark, spécialiste du marketing numérique (@scottclark). Clark a créé des messages cryptiques qui ressemblent à ceux dactylographiés sur une machine à écrire manuelle de la vieille école, ainsi que des cartes, des images d'animaux exotiques, une sacoche en cuir de style Indiana Jones usée et une main de robot squelettique mortelle.
Bien faites, les collages ont une qualité organique charmante qui donne l'impression de regarder par-dessus l'épaule de l'auteur pendant qu'il travaille à son bureau ou dans son atelier.
Scott Clark utilise astucieusement un dégradé le long du côté droit du dessin qui se fond dans une couleur unie. L'effet est que, même sur un moniteur de très grande taille, le motif ne se coupe pas brusquement sur le bord de l'image, mais se fond dans la couleur de fond solide, ce qui semble faire partie d'une toile de fond plus large.
Le directeur des médias sociaux Sean R. Nicholson (@SocMedSean) utilise un collage qui comprend un iPhone, un iPad, des stylos et d'autres choses qu'il tient entre ses mains pour faire son travail. Il inclut des rappels griffonnés sur sa main gauche qui semblent représenter une liste de choses à faire typique. Il a donné à l'ensemble du design un aspect moderne en utilisant une image de fond qui ressemble à du béton graveleux.
Il n'y a pas vraiment de raccourci pour créer un collage comme celui-ci. Pour recadrer chaque image et la positionner comme Sean l'a fait, vous avez besoin d'un bon éditeur d'image, tel que Photoshop.
Faites attention à la luminosité, au contraste et à l'équilibre des couleurs de toutes les images que vous combinez dans votre conception. Si vous mettez des photos qui sont vraiment sombres à côté des photos prises sous des lumières vives sans les équilibrer, l'effet peut être discordant.
Utiliser une image dominante
L'une des approches les plus simples et les plus élégantes pour créer un arrière-plan Twitter consiste à utiliser une grande image. Les photographies de paysages, d'horizons ou d'images abstraites fonctionnent bien, et en répétant l'image en arrière-plan, l'en-tête est une astuce courante et efficace.
Vous voyez comment Kare Anderson (@KareAnderson), auteure, conférencière et consultante qui vit à Sausalito, a utilisé une photo du Golden Gate Bridge pour ses antécédents et l'en-tête de sa page Twitter.
Répéter une image comme le fait Kare dans son profil Twitter renforce l'effet visuel et aide les visiteurs à reconnaître l'image d'arrière-plan, même si elle ne rentre pas sur de plus petits moniteurs.
L'utilisation d'un texte aligné verticalement est une autre façon d'assurer que votre message passe à travers les petits et grands écrans.
Centrer l'image d'arrière-plan
La plupart des problèmes que nous vous avons signalés avec des images d'arrière-plan Twitter tronquées ou bizarres à des résolutions d'écran hautes ou basses peuvent être résolus en centrant l'arrière-plan au lieu de l'aligner.
À l'origine, Twitter n'offrait qu'un alignement à gauche pour les images d'arrière-plan. Vous pouvez maintenant centrer l'image en cliquant et en faisant glisser votre image dans la position de votre choix.
Le fait de centrer l'arrière-plan fait toute la différence, car le centre de la zone de dessin, où la ligne de temps, la photo de profil et l'en-tête apparaissent, est toujours centré.
Le fait de centrer l'arrière-plan signifie que l'arrière-plan reste au même emplacement que la zone centrale d'un profil Twitter, quelle que soit la taille de l'écran. Cela résout de nombreux problèmes qui sont causés lorsque l'arrière-plan reste aligné à gauche, mais la zone centrale centrée couvre différentes parties de l'arrière-plan, en fonction de la taille de l'écran.
Le photographe Erika Barker (@erikabarker) crée une illusion intelligente en utilisant une section de l'image d'arrière-plan dans la zone d'en-tête. L'effet semble que l'en-tête et l'arrière-plan sont tous une image, même si elles ont été recadrées et téléchargées séparément.
Cependant, ce type de conception intégrée ne fonctionne que si l'arrière-plan et l'image d'en-tête restent à la même distance, quelle que soit la taille de l'écran. pas centré.
Dans la première image, vous voyez à quoi ressemble la page d'Erika sur un écran dont la résolution est réglée sur 1920 x 1080. Dans la deuxième image, vous voyez le même dessin que sur un écran avec une résolution de 1024 x 768.Malgré la différence significative dans l'immobilier, le design fonctionne dans les deux tailles car le fond centré et le collecteur centré s'alignent parfaitement sur les petits et les grands écrans.
Si vous créez un dessin qui intègre les images d'en-tête et d'arrière-plan, gardez à l'esprit que l'image d'arrière-plan ne s'affiche pas sur les appareils mobiles. L'image d'en-tête doit donc fonctionner seule.
