No a la alineación justificada en web

RíosAlgunos diseñadores web se empeñan en usar los textos en los sitios web como si fueran folletos impresos, hablo específicamente de la alineación justificada que nos da una caja de texto perfectamente cuadrada, bueno esto es sólo en contados casos.

Podemos ver a través de la red muchos sitios que usan este tipo de justificación del texto pasando por alto los problemas que esto trae.

El primer problema que nos genera es de tipo visual, al justificar los textos en columnas o cajas de texto de dimensiones medianas a pequeñas digamos que desde unos 450 px para abajo se generan ríos en el texto (ver foto anexa - los ríos están señalados en amarillo), haciendo que la mancha de texto se vea irregular generando un ruido visual.

La segunda razón y más importante es que afecta la legibilidad del texto, como los espacios entre palabras no son constantes hay "brincos" en la lectura haciendo de esta una tarea de descifrar practicamente.

¿Porque pasa esto? Falta de control sobre el texto. Mientras no tengamos separación silábica en los textos HTML en el idioma que está escrito, este problema seguirá presentándose, eso sólo sería el primer paso, otro aspecto importante es la manera en que cada navegador renderea el texto, cada navegador tiene sus estándares y su propio motor de render, esperemos que un día se pongan de acuerdo.

Como ejemplo pueden ver este periódico donde podemos ver el error en la justificación en algunas de las notas.

Hay algunos casos en que la alineación justificada se ve bien, y es en sitios donde el ancho de columna es grande, esto le da oportunidad al texto de ajustarse visualmente y que los ríos no sean tan evidentes. Aún así se generan otros problemas porque hay anchos de columnas recomendados para lectura que se mide en palabras.

Si alguien tien algún link de referencia sobre este tema por favor compártelo si? grax

Los periódicos más importantes no usan la alineación justificada, será por algo ¿no?

El Reforma
USAToday
El Universal
CNN
IBLNews
Clarin
El Pais

Rediseñando interfases 1

nueva_nav.gif

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.

Add me

Descargas

Descarga los N-Chrome icons

Descubre el poker en internet con Blog de Poker, tu fuente de actualidad, estrategias y consejos.

Categorías

Archivos por mes

Buscar

DE VENTA AQUÍ
Precio: 120 varos cada uno
Medida: 60x90 cms.
Acabado: Barníz Matte
Verlo más grande

Si quieres uno escríbeme a droid(at)nudonation.com, llama al 2114139 o hazlo a través de la forma de contacto.

Suscríbete vía RSS

Suscríbete vía E-mail

Lo más reciente

  1. Mozilla México ya tiene logo
  2. Logos de promoción turística USA y México
  3. Carlos Slim y su sitio web
  4. Wordpress 2.7
  5. T-shirt must have
  6. Xcaret: diseño en el cajón
  7. :D
  8. Threadless rediseña
  9. The Bandwidth of Ejaculation
  10. Don´t shave your ass hair

My Flickr photos

Desde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internets