Micaela 19 de octubre de 2009 a las 13.36
   Imprimir artículo
elWebmaster.com

Cómo personalizar tu página de perfil en Twitter


twitter128x1281Tu p√°gina de perfil de Twitter es el √ļnico lugar en que tienes la oportunidad de mostrar tu marca visual y comunicar aquella informaci√≥n adicional que puede durar m√°s que un tweet.

Si has decidido crear tu cuenta en Twitter, te resultar√° muy √ļtil tener en cuenta las siguientes t√©cnicas y consejos que otros dise√Īadores han desarrollado para crear p√°ginas Twitter verdaderamente bonitas y sorprendentes.

Tips y técnicas básicas

La cosa m√°s importante a notar es que el bloque de contenido principal en el dise√Īo de una p√°gina de Twitter posee el ancho fijo de 765 pixeles, y siempre se encuentra centrado. Esto es bueno, porque hace posible que puedas mostrar tu imagen de fondo utilizando el espacio extra creado en ambos lados del bloque cuando se utilizan resoluciones superiores.

116

216

Otras cosas que deberías tener presente:

  • El fondo del timeline es siempre blanco
  • El fondo de la barra de men√ļ es siempre blanco
  • El fondo de la barra de pie de p√°gina es siempre blanco
  • El logo es siempre el de Twitter
  • La imagen se puede cambiar
  • Puedes cambiar el color de texto, de los links, el fondo de la sidebar y el color del borde de la sidebar
  • Puedes cambiar la imagen y el color de fondo
  • La posici√≥n de comienzo de la imagen de fondo es siempre la esquina superior izquierda

Nota que si est√°s verdaderamente interesado solamente en crear una linda p√°gina de perfil, puedes hacer esto f√°cilmente incorporando alguna imagen de fondo impactante y personalizando los colores del texto, links y la sidebar. Pero si tus intenciones son ser completamente √ļnico, incoporar la identidad de tu marca y comunicar informaci√≥n adicional, necesitar√°s ser un poco m√°s creativo con tu imagen de fondo.

A continuación te dejamos la lista con los consejos que pueden incorporar en sus propios fondos. Ten presente que las mejores páginas de perfil por lo general utilizan varias de estas técnicas combinadas.

Combina el fondo con la Sidebar

Esta es probablemente la t√©cnica menos utilizada entre todos los tips que aqu√≠ proponemos. Al combinar los gr√°ficos de tu fondo con una l√≠nea de tiempo o la barra lateral, puedes crear un dise√Īo √ļnico con un look muy distintivo.

@adamplitt

36

45

Haz clic aquí para ingresar en@adamplitt

@gaksdesigns

55

64

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @gaksdesigns ¬Ľ

Mezcla el patrón mosaico (Tiled) con otros gráficos

Twitter te permite incorporar una imagen de fondo que est√© “tiled” (mosaico) o no. Pero t√ļ puedes crear una sensaci√≥n √ļnica al generar una p√°gina de perfil que posea ambas.

@spurrachel

75

83

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @spurrachel ¬Ľ

Revela m√°s con tus im√°genes

Tu imagen de perfil es tu identificador principal en Twitter; se mostrará al lado de cada tweet que mandes a tus seguidores. Por ejemplo, puedes usar una imagen de fondo que esté de cierta forma relacionada con tu imagen de perfil.

@Doubleolee

93

102

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @Doubleolee ¬Ľ

@mailchimp

112

122

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @mailchimp ¬Ľ

Revela m√°s con el efecto de “pasar de p√°gina”

Si posees una identidad visual establecida, puedes usar el efecto page peel para mostrarle a los usuarios qui√©n est√° realmente debajo del perfil Twitter. Esta t√©cnica te da la posibilidad de dise√Īar el resto del fondo de la forma en que m√°s gustes, porque ya no deber√°s preocuparte por integrar marcas visuales y sus colores.

@sitepointdotcom

132

141

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @sitepointdotcom ¬Ľ

@benek

151

161

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @benek ¬Ľ

A√Īade en tu perfil una Sidebar personalizada

Los siguientes perfiles ilustran un eso espec√≠fico de la primera t√©cnica a√Īadiendo sidebars en el dise√Īo. Puedes a√Īadir tantos paneles como desees para resaltar la informaci√≥n adicional que deseas comunicar.

@aaronmillerillz

17

18

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @aaronmillerillz ¬Ľ

@robingood

19

20

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @robingood ¬Ľ

@sickbrain

211

221

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @sickbrain ¬Ľ

Muéstrate a ti mismo

En el mundo de las redes sociales, tu eres la marca. Con Twitter, ser uno de los mejores jugadores del mundo social, mostrarte a ti mismo en tu p√°gina de perfil puede ser una forma muy efectiva de darle fuerza a tu marca y a la comunidad de tu web.

@problogger

231

241

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @problogger ¬Ľ

@unmarketing

25

26

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @unmarketing ¬Ľ

Utiliza íconos y logos

Seguir perfiles es una técnica simple pero muy eficaz para comunicar la asociación con cierta comunidad, servicio, habilidad, etc. al mostrar iconos o logo relevantes.

@lanesa

27

28

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @lanesa ¬Ľ

@rjacquez

29

30

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @rjacquez ¬Ľ

A√Īade una barra en la cabecera

A√Īadir una barra en la cabecera puede ser usado para crear un look √ļnico para tu perfil, pero tambi√©n se puede usar para separar el logo Twitter y el men√ļ superior (el cual contiene links a los perfiles de usuario) del resto de tu p√°gina.

@thegraphicmac

311

321

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @thegraphicmac ¬Ľ

@elitistsnob

331

341

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @elitistsnob ¬Ľ

Menos es m√°s

Andre Gide una vez dijo¬† “El arte es una colaboraci√≥n entre Dios y el artista, y mientras menos haga el artista mejor”. Aqu√≠ hay algunos ejemplos de c√≥mo el minimalismo se puede usar para lograr estos efectos:

@line25blog

351

361

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @line25blog ¬Ľ

@idesignstudios

37

38

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @idesignstudios ¬Ľ

Acomoda el ancho de 1024px

Si te preocupa c√≥mo lucir√° tu perfil en pantallas widescreens de 1024px, necesitar√°s trabajar cerca de los bordes superiores e izquierdos de tu imagen de fondo. Aqu√≠ hay un ejemplo de c√≥mo un bonito dise√Īo visual se puede usar de forma adecuada para varias resoluciones de pantalla distintas:

@SohTanaka

39

40

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @SohTanaka ¬Ľ

Aquí hay otra técnica interesante para asegurarte que tu página de perfil luzca bastante similar tanto en resoluciones de 1024 como de 1280px.

@adamplitt

411

421

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @adamplitt ¬Ľ

Utiliza la tipografía

El uso de la tipograf√≠a en los fondos de Twitter no es algo muy com√ļn; sin embargo, si se usa de forma creativa, se puede crear un efecto genial, muy efectivo para comunicar informaci√≥n adicional.

@elitistsnob

431

441

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @dickieadams ¬Ľ

@iamFinch

451

46

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @iamFinch ¬Ľ

Coloca la información de una forma memorable

La composición es el plan, ubicación o arreglo de los elementos. Puedes colocar los elementos de tu fondo de una forma memorable, mostrando información que es importante para ti y tus lectores. Estas técnicas te permiten crear un ambiente, mostrar tu personalidad y proveer información adicional.

@sharebrain

47

48

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @sharebrain ¬Ľ

@iamkhayyam

49

50

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @iamkhayyam ¬Ľ

Haz lo que quieras hacer

El fondo de imagen m√°s original, distintivo y creativa, es el que seguramente ser√° m√°s recordado y tendr√°s m√°s presencia online. Experimenta con ilustraciones bonitas y personalizadas, im√°genes de fondo y tipograf√≠as. Aseg√ļrate de que tu imagen de fondo posea una voz personal, que no se vea gen√©rica.

@ramesstudios

511

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @ramesstudios ¬Ľ

@NIK0_BELLIC

521

Haz clic aqu√≠ para ingresar en el perfil de Twitter de @NIK0_BELLIC ¬Ľ

¬ŅQu√© consejos piensan implementar? ¬ŅCu√°l recomiendan ustedes?

Fuente: Smashing Magazine


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (14)

  1. Arturo V dice:

    Yo acabo de personalizar mi twitter los invito a que lo comenten: http://twitter.com/viniegraweb

  2. Jose Ignacio dice:

    No soy experto, pero igual sus observacion – nesecito el panel la izquierda y no como hacerlo ? Mi pagina http://twitter.com/microactiva

  3. Morton dice:

    Hola, Jose Ignacio

    Ten en cuenta que el men√ļ lateral que ves en los usuarios que citamos como ejemplo, est√° “dibujado”, es decir, no es cliqueable. Esto se debe a que Twitter s√≥lo permite im√°genes como fondo de tu perfil.

    Lo que debes hacer es crear una imagen de las dimensiones correctas como est√° indicado en la nota, y luego reemplazar tu fondo de perfil actual por el nuevo fondo que has creado. Para ello, una vez que inicies sesi√≥n en Twiiter, debes hacer clic en la opci√≥n Settings, luego clic en la pesta√Īa Design, y clic en la opci√≥n Change Background Image. Luego haz clic en el bot√≥n Examinar… y selecciona de tu PC el archivo correspondiente.

    Saludos!

  4. Recursos para el Web dice:

    Yo he personalizado mi Twitter con un programilla llamado Free Twitter Designer, pueden ver el resultado en http://twitter.com/recursosparaweb, aunque viendo estos consejos creo que me reformare ;)

  5. mareh dice:

    Se puede establecer m√ļsica en para tu perfil?

  6. Landing Pages: Personalizando nuestros perfiles | Diego Mattei Blog dice:

    [...] También pueden encontrar interesante una nota sobre personalización de perfil Twitter en El Webmaster. [...]

  7. Como personalizar nuestra Facebook Fan¬īs Page. Im-per-di-ble | CafeZine dice:

    [...] También pueden encontrar interesante una nota sobre personalización de perfil Twitter en El Webmaster. [...]

  8. rafa dice:

    aquí les dejo el mio que hice el otro día saludos! http://twitter.com/soyskyler

  9. PauloSilva dice:

    desde diciembre habia montado este http://twitter.com/corazonenvigado y la mía http://twitter.com/paulosilvamed pero la verdad toco probar muchas veces que me diera.

  10. Malena dice:

    Hola soy Malena…queria decir que esta buenisimo todo eso que se puede hacer…pero mi duda es ¬ŅC√≥mo? Gracias saludos.

  11. Juano dice:

    Hola Diego, ayer justo estuve dise√Īando el fondo de mi twitter, pero lo not√© es que al verlo en otra pantalla con otra resoluci√≥n se desplaza el fondo. ¬ŅSab√©s si hay alg√ļn m√©todo para que esto no ocurra?
    Muchas gracias, muy bueno toda la info que nos compartís.

  12. Jose Rafael dice:

    Buenos Días. Una pregunta que Programas ustedes usan para poder hacer la Imágenes?

  13. Mari Carmen López dice:

    Muchas gracias por tu información. Saber las medidas exactas me va a ayudar a hacer una plantilla de mi foto y más información. Un saludo y te voy a leer. Muchos éxitos.

  14. Alejandro dice:

    C√≥mo puedo hacer una imagen de perfil como la de Barak Obama en donde aparece en un peque√Īo recuadro y en segundo plano una multitud, espero me haya explicado y me puedan ayudar

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder