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

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