gravatar

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



Tu 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

@gaksdesigns
55
64

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

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

@mailchimp
112
122

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
@benek
151
161

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

@robingood
19
20

@sickbrain
211
221

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

@unmarketing
25
26

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

@rjacquez
29
30

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

@elitistsnob
331
341

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

@idesignstudios

37
38

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

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

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

@iamFinch
451
46

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

@iamkhayyam
49
50

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

@NIK0_BELLIC
521


¿Qué consejos piensan implementar? ¿Cuál recomiendan ustedes?