Cómo diseñar una imagen de fondo personalizada en tu Twitter

A que esperas dale clic ala imagen !!!! es Gratisss!!!



Cómo diseñar una imagen de fondo personalizada en tu Twitter

 

Si utilizas Twitter para promocionarte a ti mismo oa tu empresa, necesitas tu página de perfil para obtener una buena

 

primera impresión.

Twitter ofrece un puñado de opciones de formato simple para personalizar tu página de perfil,

y una de ellas es la opción de usar una imagen de fondo personalizada. Este artículo le mostrará cómo diseñar un fondo de Twitter que se ve muy bien en todas las resoluciones de monitor de computadora más comunes y, por tanto, apela

al público más amplio posible.

 

Una imagen de fondo bien diseñada

puede tener una influencia positiva en cómo tu marca es percibida por tus clientes, contactos de negocios y colegas. Por otro lado, una imagen de fondo mal diseñada puede hacer que parezca

incompetente, perezoso, desorganizado, o simplemente estúpido. El objetivo de este artículo es establecer algunas directrices inteligentes y las mejores prácticas para crear una imagen de fondo personalizada de Twitter. Como soy

perfeccionista, probablemente entraré en detalles ridículamente detallados sobre por qué o cómo determiné mis guías finales. Sin embargo, si ya sabes que yo soy un genio y que todo lo que digo es un regalo sagrado que me ha dado

Informinus

(el dios romano de la información correcta), entonces eres bienvenido a saltar a los consejos de diseño

o el modelo. Si todavía no estás convencido de mi awesomeness, entonces póngase sus gorras de pensamiento de OCD

y sígueme. ¿Cuáles son las dimensiones de la página de Twitter?

Para crear una imagen de fondo óptima, necesitamos conocer las dimensiones de los distintos elementos en el diseño

de la página. En otras palabras, necesitamos saber dónde va a aparecer el contenido de Twitter para que podamos construir

nuestra imagen a tu alrededor

. Comenzaremos por medir los elementos cuyas dimensiones son independientes

de la resolución del monitor del usuario. Luego discutiremos las dimensiones que cambian a medida que cambia

la resolución del monitor.


Dimensiones estáticas

 es la parte más complicada de diseñar tu fondo de encargo, y es el área donde la mayoría de la gente falla. Después

de cargar tu nueva imagen, se colocará en la esquina superior izquierda de la ventana del navegador web y permanecerá en esa posición independientemente de las resoluciones del monitor de los usuarios. Sin embargo, el elemento

de contenedor (es decir, el contenido de la página principal) está centrado en la ventana del navegador, por lo que su

posición inicial cambia, dependiendo del tamaño del monitor. Puedes ver esto por ti mismo yendo a Twitter.com

y ajustando el tamaño de la ventana del navegador. A medida que arrastra el lado de la ventana para hacerlo más grande

Cómo diseñar una imagen de fondo personalizada
Cómo diseñar una imagen de fondo personalizada

más pequeño, debe notar que el elemento que contiene se reajusta para que esté siempre centrado. Como resultado,

la parte visible de nuestra imagen de fondo cambia también.

Para encontrar el ancho de nuestro lienzo, comenzamos con el ancho del monitor y restamos cualquier ancho de los bordes de la ventana del navegador y las barras de desplazamiento. Esto es complicado, porque las barras

de desplazamiento tienen diferentes anchos, dependiendo del sistema operativo … y los bordes del navegador tienen diferentes anchos, dependiendo del navegador que sea. Así que vamos a tener que hacer una generalización aquí, erring

en el lado de la precaución.

Después de probar todos los principales navegadores en Windows Vista, encontré que la mayoría de ellos no tienen bordes laterales cuando el tamaño de la ventana se maximiza. Sin embargo, Internet Explorer y Opera mantienen

algunos tipos de bordes, incluso cuando se maximiza. De los dos, Internet Explorer tenía las fronteras más gruesas a 2px por lado. Así que nuestra medición generalizada para todos los navegadores será 4px de ancho total asignado

a los bordes del navegador.

Esta generalización supone que sus visitantes están utilizando una ventana del navegador maximizada. (De lo contrario, habrán ajustado su ventana del navegador a un ancho y una altura arbitrarios,

y en realidad no puedes planear eso).

Las barras de desplazamiento en Windows XP y barras VistaScroll pueden cambiar los tamaños, dependiendo

del sistema operativo que se esté utilizando. No tengo acceso a muchos sistemas operativos diferentes,

por lo que sólo midió

los anchos en Windows XP

(izquierda) y Windows Vista (derecha). Ambos salieron a 17px de ancho. Si sabe de cualquier sistema operativo que utilice barras de desplazamiento de más de 17px, avíseme. Hasta entonces, nuestra medida

generalizada para todas las barras de desplazamiento será 17px.

Después de restar 21 píxeles de la resolución de pantalla, a continuación, resta el ancho del elemento de contenedor,

que es 763px. El resultado es igual a ambos lados de la imagen de fondo expuesta, pero sólo nos interesa.

La medición de la altura

de la lona no es tan precisa como la anchura. Con el ancho, sólo tuvimos que generalizar

el ancho de los bordes del navegador y la barra de desplazamiento. Estas dimensiones no varían mucho. Pero la altura tiene que tener más en cuenta, como la altura de todas las barras de menú y barras de tareas. Estas dimensiones varían

mucho, dependiendo del navegador y del sistema operativo. Por ejemplo, compara la parte superior de Chrome

con la parte superior de Firefox después de instalar varios complementos de Firefox:
Dado que la elección del navegador puede hacer una gran diferencia en el tamaño del lienzo, las mediciones generalizadas serán mucho más cortas de lo que algunos usuarios verán. Asumiremos que todos los usuarios tienen una

instalación de Firefox ridículamente plugin-laden como la mía, y están ejecutando Windows Vista. Además de la altura de 238px de la parte superior (mostrada en la comparación anterior), también debemos tener en cuenta la parte inferior.

 

Titulo
Fecha de revisión
Artículo revisado
Cómo diseñar una imagen de fondo personalizada en tu Twitter
Clasificación del autor
51star1star1star1star1star
If you like the website, recommend it gladly.
Sobre juanpedro 499 Artículos
Blogger entusiasta amante de toda la industria de internet y como no, generar un mundo mejor ya se que es una utopia pero nada es imposible si no solamente es la muerte

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*