bloG

23nov2006 4

Proceso de creación de la Identidad Gráfica de Evento Blog 2006

Con motivo de la celebración del Evento Blog 2006 en Sevilla del 17 al 19 de Noviembre hemos realizado nuestro último proyecto. Luis Rull (Blogestudio Sevilla) participó en la organización y desde Valencia hemos colaborado en la realización de la identidad gráfica del evento. Resultaba extraño tener a un socio como cliente, pero el resultado ha merecido la pena.

Contábamos con 2 premisas dadas por el cliente, por un lado la tipografía que debíamos usar y por otro, la gama cromática que debíamos seguir.

Como viene siendo habitual, las prisas nunca fueron buenas consejeras.

Tipograf�a de Evento Blog España

Logotipo del Evento
Faltaba algún elemento gráfico (imagotipo) que le diera más fuerza al logotipo. Decidimos que al ser un Evento realizado en España el imagotipo debía tener alguna connotación visual claramente española. Abel Ruiz, ilustrador de Blogestudio (entre otras cosas), creó diferentes posibilidades:

Prototipos de imagotipos para Evento Blog España

Estábamos cerca, pero no acabábamos de encontrar el elemento adecuado, el imagotipo que realmente pudiera transmitir lo que el cliente quería, un Evento Español de comunidad, de personas, de escritores,…de Blogueros. Por fin pudimos entregar al cliente un primer prototipo del logo y se mostró encantado con el trabajo realizado. La pluma con el gusanito de la eñe gustó. Habíamos pasado la primera fase, muchas veces la más complicada: un logotipo “cutre” puede echar al traste el resto del proceso creativo. Aun faltaban muchas cosas por hacer.

Logotipo de Evento Blog España

Desarrollo del wireframe
Cualquier proyecto Web, desde el más sencillo al más complejo, debe contemplar la realización al menos de un wireframe tipo. El wireframe cumple la función de ser un boceto, el esqueleto de la página. Y siempre será más sencillo hacer ajustes a un boceto que a un producto final.

Wireframe de Evento Blog España

Creación del Blog
Con el logotipo y wireframe validados, era el momento de crear el Blog. Utilizando el tono cromático recomendado por el cliente como referencia, comenzamos el diseño del Blog, y yo, como diseñador de Blogestudio, quería potenciar la carga gráfica exclusivamente en la cabecera, buscábamos una página rápida, el perfil del usuario sería el de gente con ganas de información y una lentitud de carga podría echar al traste la finalidad del Blog.

La cabecera estaría formada por 4 capas claramente diferenciadas:

  1. Base de color: Utilizamos el color verde (valor hexadecimal:1F656A) que recomendó el cliente.
  2. Fondo de textura: Imagen dinámica, que potenciara la carga estética de la cabecera.
  3. Imagen decorativa: Se utilizó una imagen que plasmara el concepto de Comunidad, los «muñegotes» dieron mucho juego.
  4. Logos: Tal vez la parte más complicada, demasiados logos para tan poco espacio.
Transparencias de la cabecera de Evento Blog España

Yo soy partidario de hacer diseños fijos en los proyectos (Web, blogs) ya que se tiene más control estético en el resultado final. Los diseños líquidos, a mi parecer, quedan sin fuerza gráfica, desvirtuados. Líquido y rígido son los dos conceptos que definen la adaptación al tamaño de pantalla de una web, es decir, si se estira o no con una pantalla u otra. Es la gran discusión del diseño web en estos momentos. Al final, la mayoría (Jose Luis, Benito y algún que otro conspirador de Blogestudio) optó por un diseño líquido. 😉

Links sobre el tema del diseño líquido: proyectoweb, grancomo

Diseño fijo y líquido

Diseño fijo o l�quido

El sidebar
En un principio, el sidebar no iba a tener opciones a doble columna, la incorporación del diseño líquido, permitió utilizar las categorías y espacios publicitarios en una misma zona.

Ejemplo del sidebar de Evento Blog España

Hay que mencionar que la adaptación del CSS en el proceso de maquetación del Blog la realizó José Luis Antunez .

Otros elementos desarrollados
Desde la organización del evento se propuso realizar banners publicitarios que pudieran ser colocados en otros Blogs. Este fue el resultado. Se colocó en el blog el código del banner listo para pegar donde se quisiera. Muchos de los participantes los inscrustaron en sus blogs y creemos que ayudó mucho a difundir el Evento Blog.

Enlace al banner de Evento Blog España

Categoría: Eventos, Proyectos

Comentarios

  • Quatermain 23 de noviembre de 2006

    El logo elegido finalmente (la pluma con la tilde) me parece acertado. Muy elegante y chulo. Hicisteis un trabajo de diseño muy bueno. Enhorabuena.

    Pero viendo ahora los bocetos que teníais he de decir que me encanta el segundo, el del muñegote llevando la pluma. Yo habría cogido ese, y lo habría combinado con el tercero (el ojo con tilde) para las «oes» de «Evento Blog».

    De nuevo mis felicitaciones a Abel Ruiz.

    responder
  • poussette pas cher 5 de noviembre de 2009

    Wow! Gracias! Siempre quise escribir en mi sitio algo as

    responder
  • johan 15 de febrero de 2011

    hola
    Yo soy el webmaster de muchos sitios web y tengo los sitios web para intercambio de enlaces con los temas por lo que si usted tiene necesidad de los siguientes temas y luego me electrónico. Tengo la animación, el cerebro, la educación, modelo, moda, hoteles, juegos, negocios, deportes y sitios de apuestas.

    Mi web contiene contenido muy saludable y también tiene buena traffic.If su enlace a añadir a mi web, entonces aumentará más tráfico en su sitio web.
    Espero una pronta respuesta y Postive de su lado
    Gracias por su tiempo
    Gracias en lo que respecta
    johan.

    responder
  • ACEVEDO25Shannon 29 de diciembre de 2011

    It’s understandable that cash can make people independent. But how to act if one does not have cash? The only one way is to get the business loans or just student loan.

    responder

Dejar un comentario

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>