Rediseñando interfases 1

Este es un proyecto reciente y en el cual todavía estamos trabajando, el trabajo que se nos confío es el de diseñar iconografía y navegación para las diferentes áreas de una intranet, nos facilitaron capturas del sistema y en base a eso propusimos nueva iconografía con colores más frescos y fáciles de identificar y una nueva organización de la navegación. Aquí pueden ver lo que se usaba antes. Como pueden ver reorganizamos la información de modo que cada elemento tiene una importancia en la disposición de la información, antes algunas cajas de texto se mezclaban con la navegación cosa que no parecía apropiada, lo que hicimos fue separar por órden de importancia los elementos, el resultado es una interfase más clara y lipia y sobre todo fácil de usar.

Otro ejemplo en un área del sistema que se llama Mantenimiento de tableros. Así era y así es ahora

El diseño de los íconos comienza en papel y ya cuando se ha definido el diseño en lápiz lo pasamos a Ilustrador, una vez hechos los íconos en ilustrador los pegamos en Photoshop y trabajamos en los pequeños detalles en pixel que harán que la iconografía sea más clara en tamaños pequeños.

¿Porque los hacemos en Ilustrador en vez de hacerlos directamente en Photoshop? Porque al tenerlos en vectores tienes forma de manipularlos con más libertad y exportalos a diferentes medios sin perdida en calidad, eje. Flash, Photoshop, Fireworks, etc.

Conforme vayamos avanzando voy a ir poniendo nuevas capturas del proyecto incluyendo el proceso de del diseño de los íconos.