Blog de Jon Valencia Sitio sobre comercio electronico y de todo un poco

4jun/10Off

Como hacer fondos para Twitter

Hoy escribiré un poco sobre un tema que no había hecho antes, el Diseño Gráfico. Estos días estuve aprendiendo a crear fondos para Twitter, la red social que está subiendo rápidamente de popularidad, y me parece conveniente nombrar algunos tips de la experiencia adquirida.

Aquí explico brevemente los lineamientos (posiciones y medidas) que debe seguir un buen fondo. Esto es independientemente del paquete de diseño gráfico que use para la creación de la imagen (Photoshop, Illustrator, Indesign, Paint u otro), ya que cada uno tiene diferentes fines.

Los lineamientos que debe seguir para su correcta creación, son:

  1. El fondo de la imagen debe ser de 1600 x 1200 [Ancho x Alto], debido a que esta es la más alta resolución de los monitores que se están vendiendo, con estas medidas se asegura que no van a existir espacios en blanco en la pantalla suya o de su cliente.
  2. En caso de poner una línea vertical que divida la imagen, sería conveniente que esté a 100 pixeles (como margen) del lado izquierdo, de ahí puede decidirr si ponerla gruesa o angosta dependiendo de su gusto.
  3. En caso de poner una línea horizontal a lo largo de la imagen, sería conveniente que esté a los 60 pixeles (de margen) del lado superior, gruesa o angosta también dependiendo del gusto personal.
  4. En caso de poner alguna foto, logo u otra imagen, es recomendable que lo haga en la región lateral izquierda que se crea del punto 2. Otra zona donde se puede poner alguna otra información o imagen, es en la columna derecha que se forma entre los 1000 y 1250 pixeles del margen izquierdo.
  5. La imagen debe necesariamente tener formato: JPG, GIF o PNG, y debe pesar menos de 700 KB, o el sistema de Twitter no lo aceptará.
  6. Sería conveniente poner una firma en algún lado de la imagen, dándose crédito por la misma para atraer a clientes potenciales hacia su sitio web, bien sea para que descarguen gratuitamente los fondos o cobre por un diseño personalizado. Letras pequeñas a medianas discretas y que indiquen una web donde esté su portafolio
  7. El tema del diseño del fondo es a gusto totalmente de la persona y con el programa que más le guste hacerlo, puede emplear mezclas entre fotos, mapas, vectores y otros.
  8. Finalmente, es recomendable que la imagen no sea tan "pesada", ya que si la misma está alrededor de los 600 KB y sus visitantes tienen una conexión de internet de 15 o 20 KBPS, pueden tardar hasta 40 segundos para visualizar el fondo, por lo que es muy posible que se vayan y nunca lo vean. Un tamaño recomendable es de menos de 200 KB.

El uso de plantillas, me ha parecido de mucha ayuda para un diseño original y atractivo, bien sea para modificación directa o para agregar imágenes personales. Algunos requieren que tenga un paquete de diseño gráfico instalado en la computadora para su utilización, otros no.

Dejo una imagen como referencia (sobre las medidas en pixeles), con la que personalmente me guío para hacer estos fondos. (Click aquí para descargar)

Cualquier falta de información, comentario, o duda, por favor abajo. Me despido.


Mi nombre es Jon Valencia, soy el creador/administrador de este blog. Me gusta escribir sobre temas tecnológicos, en especial de comercio electrónico y posicionamiento web. Espero que les agrade. Soy venezolano. Vivo actualmente en Colombia.

Licencia Creative Commons
Este contenido, a excepción del contenido de terceros y de que se indique lo contrario, se encuentra bajo una Licencia Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported Licencia.

Comentarios (21) Trackbacks (1)
  1. Gracias, para un novato como yo resulto practico y rapido

    Muy Querido(Well-loved) Thumb up 11 Thumb down 4

  2. Jamás suelo dejar comentarios, pero en realidad que llevo casi 1h investigando e intentado subir mi background. Hasta que por fin encontré la información clara y presisa. De verdad que gracias.

    Muy Querido(Well-loved) Thumb up 10 Thumb down 4

  3. GRACIAS!

    Muy Querido(Well-loved) Thumb up 6 Thumb down 2

  4. @Govanni piermattei , @JuanleCRoix y @Camila
    De nadas, estoy a la orden
    Saludos!

    Muy Debatido(Hot debate): Thumb up 5 Thumb down 5

  5. Sinceramente desde hace poco tengo esa furia de hacer BG para twitter no tenia las medidas precisas para ello. Pero por fin he encontrado la informacion necesaria para hacerlo, rapida y precisa!!
    Buen post =)

    Saludos y Gracias !!

    OK?: Thumb up 4 Thumb down 2

  6. excelente, solo que para los que aun no contamos con resoluciones en nuestros monitores de esos tamaños, nuestros background se miran horribles todo descuadrado en los monitores.
    buen trabajo y como dicen informacion clara y precisa
    saludos

    OK?: Thumb up 1 Thumb down 2

  7. De nada @masterred y @Valeria
    Estoy para servirlos.
    Gracias por visitar mi blog
    Saludos iguales!

    OK?: Thumb up 3 Thumb down 4

  8. Gracias Jon!
    andaba loca sin saber que tamaño era el idóneo, así como las proporciones

    Saludos!

    OK?: Thumb up 1 Thumb down 3

  9. De nada @Carmen
    Gracias a ti

    OK?: Thumb up 1 Thumb down 3

  10. Te comento que hice todo lo que dice en tu blog pero al rato que reviso mi perfil del twitter la imagen que hice no cuadra, el diseño lo hice en Illustrator, porfavor sería de gran ayuda q me digas q mas puedo hacer.

    OK?: Thumb up 1 Thumb down 1

  11. Que configuracion/resolucion de pantalla estas usando?
    No es muy importante como tu la veas, sino como la mayoria lo ve, el estandar es 1024×768 hasta 1440×900.
    Los fondos deben ser de 1600×1200 pixeles
    Saludos a la cruz roja ;)

    OK?: Thumb up 2 Thumb down 1

  12. creo que estas medidas no son muy buenas! que pasa con las pantallas con una resolucion menor no veran tu fondo correctamente! ademas con la nueva configuracion de twitter, que es diferente en cuanto a tamanio! mmm tengo mis dudas! saludos!

    OK?: Thumb up 0 Thumb down 2

  13. @Andres, las medidas del fondo estan bien, las de las alineaciones son para el twitter viejo, tengo que actualizarlo para el nuevo, gracias por recordamelo y por visitarme, saludos

    OK?: Thumb up 0 Thumb down 1

  14. oye una pregunta que programa me recomiendas para hacer el bg??

    OK?: Thumb up 0 Thumb down 1

  15. @Carolina Corel Draw o GIMP los recomiendo, hay otros por supuesto, saludos y gracias

    OK?: Thumb up 0 Thumb down 1

  16. Chamo, esta calidad todo esto!

    OK?: Thumb up 1 Thumb down 1

  17. Excelente, practico y conciso.

    OK?: Thumb up 0 Thumb down 0

  18. Muy bueno, gracias por los datos tan precisos

    OK?: Thumb up 0 Thumb down 0

  19. Yo hice mi fondo, en mi pc se ve bien, pero en las demás queda cortado u.u aquí lo pueden ver https://twitter.com/Johnnosequemas ¿alguien me puede decir una medida estándar que se vea bien en todos los monitores? GRACIAS.

    OK?: Thumb up 1 Thumb down 0

  20. Por cierto, usé Photoshop, ¿será que debo usar Corel o Illustrator?

    OK?: Thumb up 1 Thumb down 0

  21. @John eso no importa, debes poner tu informacion de contacto del fondo de twitter mas hacia la izquierda, para que se vea mejor.
    Twitter esta cambiando los fondos cada año, no se deciden!
    Te estoy siguiendo en twitter ahora
    Saludos

    OK?: Thumb up 1 Thumb down 0