Cómo colocar imágenes de fondo para optimizar su perfil de Twitter

  1. Medios de comunicación social
  2. Diseño de redes sociales
  3. Cómo colocar imágenes de fondo para optimizar su perfil de Twitter

Libro Relacionado

Diseño de redes sociales para tontos

Por Janine Warner, David LaFontaine

Hay muchas maneras de diseñar y posicionar los fondos de Twitter para evitar los problemas causados por las diferentes pantallas de diferentes tamaños. Aquí hay cuatro opciones que pueden ayudarle a evitar problemas de visualización.

Repetir una imagen o usar una serie de imágenes

Dapo Olaopa (@dpencilpusher), muestra su talento artístico haciendo que sus antecedentes parezcan una serie de garabatos de su cuaderno. Este efecto se ve acentuado por el uso de una página en blanco y un lápiz en su encabezado de Twitter.

Crédito: Dapo OlaopaAutor

y fotógrafo Syl Arena (@syl_arena) creó una cuadrícula de pequeñas imágenes. Usando una combinación de retratos, logotipos de la compañía e imágenes de dibujos animados, construyó un fondo con una gama de colores y estilos. Aunque el diseño está un poco ocupado, funciona bien en cualquier tamaño de pantalla y proporciona a los seguidores una visión rápida de sus muchos intereses.

Crédito: Syl ArenaAsamble

las imágenes en un collage

Una forma un poco más sofisticada de comunicar al mundo quién eres y de qué se trata es crear un diseño de fondo de Twitter que incluya fotos, chucherías y otras cosas que te interesen.

Estos diseños se crean a menudo para que parezcan un escritorio o una pizarra de corcho con fotos pegadas o cosas esparcidas por todo el escritorio. Verá un ejemplo creado por el profesional de marketing digital Scott Clark (@scottclark). Clark creó mensajes crípticos que parecen haber sido escritos en una máquina de escribir manual de la vieja escuela, así como mapas, imágenes de animales exóticos, una cartera de cuero al estilo de Indiana Jones y una mano robótica esquelética mortal.

Bien hechos, los collages tienen una encantadora calidad orgánica que hace que parezca como si estuvieras mirando por encima del hombro del autor mientras trabaja en su escritorio o en su taller.

Scott Clark utiliza inteligentemente un gradiente a lo largo del lado derecho del diseño que se desvanece en un color sólido. El efecto es que incluso en un monitor muy grande, el diseño no se corta abruptamente en el borde de la imagen, sino que se desvanece en el color de fondo sólido, haciendo que parezca ser parte de un fondo más grande.


Crédito: Scott ClarkEl

director de medios

sociales

Sean R. Nicholson (@SocMedSean) utiliza un collage que incluye un iPhone, un iPad, bolígrafos y otras cosas que tiene en sus manos para hacer su trabajo. Incluye recordatorios garabateados en su mano izquierda que parecen representar una típica lista de cosas por hacer. Le dio a todo el diseño un aspecto moderno al usar una

imagen de fondo que parece hecha de concreto arenoso.


Crédito: Sean R.

NicholsonNo hay un atajo real para crear un collage como este. Para recortar cada imagen y posicionarla de la forma en que lo hizo Sean, necesitas un buen editor de imágenes, como Photoshop.

Preste atención al brillo, contraste y balance de color en todas las imágenes que combine en su diseño. Si coloca imágenes que son realmente oscuras junto a fotos que fueron tomadas bajo luces brillantes sin equilibrarlas, el efecto puede ser sacudido.

Usar una imagen dominante

Uno de los enfoques más simples y elegantes para crear un fondo de Twitter es usar una imagen grande. Las fotografías de paisajes, líneas del horizonte o imágenes abstractas funcionan bien, y repetir la imagen en el fondo y el encabezado es un truco común y efectivo.

Usted puede ver cómo Kare Anderson (@KareAnderson), una autora, oradora y consultora que vive en Sausalito, usó una foto del Puente Golden Gate como fondo y encabezado en

su página de Twitter.


Crédito: Kare AndersonRepetir

una imagen de la forma en que lo hace Kare en su perfil de Twitter refuerza el efecto visual y ayuda a los visitantes a reconocer la imagen de fondo, incluso si no cabe en monitores más pequeños

.
Crédito: Kare AndersonEl uso de

texto alineado verticalmente es otra forma de ayudar a asegurar que su mensaje llegue a través de pantallas pequeñas y grandes.

Centrar la imagen de fondo

Muchos de los problemas que te hemos mostrado con las imágenes de fondo de Twitter que se cortan o se recortan extrañamente con resoluciones de pantalla altas o bajas, se pueden resolver centrando el fondo en lugar de alinearlo a la izquierda.

Twitter originalmente sólo ofrecía alineación de izquierda para las imágenes de fondo. Ahora puede centrar la imagen haciendo clic y arrastrando la imagen a la posición que elija.

Crédito: Erika BarkerCentrar

el fondo marca una gran diferencia porque el centro del área de diseño – donde aparecen la línea de tiempo, la foto de perfil y el gráfico del encabezado – siempre está centrado, sin importar cuán grande o pequeña sea la pantalla.

Centrar el fondo significa que el fondo permanece en la misma ubicación en relación con el área central de un perfil de Twitter, sin importar cuán grande o pequeña sea la pantalla. Esto resuelve muchos problemas que se producen cuando el fondo se mantiene alineado a la izquierda, pero el área central centrada cubre diferentes partes del fondo, dependiendo del tamaño de la pantalla.

La fotógrafa Erika Barker (@erikabarker) crea una ilusión inteligente utilizando una sección de la imagen de fondo en el área del encabezado. Aparece el efecto de que el encabezado y el fondo son una sola imagen, aunque se hayan recortado y cargado por separado.

Crédito: Erika BarkerSin embargo

, este tipo de diseño integrado sólo funciona si el fondo y la imagen del encabezado se mantienen a la misma distancia, sin importar el tamaño de la pantalla – y eso no funcionaría si el fondo no estuviera centrado.

En la primera imagen, se ve cómo se ve la página de Erika en un monitor con la resolución ajustada a 1920 x 1080. En la segunda imagen, verá el mismo diseño que aparece en un monitor con la resolución ajustada a 1024 x 768. A pesar de la diferencia significativa en bienes raíces, el diseño funciona en ambos tamaños porque el fondo centrado y la cabecera centrada se alinean perfectamente en las pantallas pequeñas y grandes.

Si crea un diseño que integra la cabecera y las imágenes de fondo, tenga en cuenta que la imagen de fondo no se muestra en los dispositivos móviles, por lo que la imagen de cabecera también tiene que funcionar sola.

Add Comment