Previous Post: Displaying Connections


Next Post: @font face implementacion " Los Problemas Basicos "

november 02, 2009 | Posted in: SP-articles

Typography Craft

0 Comments Ì Discussion open

Como es habitual, cada lunes temprano en la mañana, reviso una selección de blogs , the top web designers , para así estar conectado con los temas de actualidad, no se si se habrán dado cuenta que un tema creciente en interés es Typography en Web design, y por supuesto todo aquello que diga relación con la selección, aplicación y programacion, lo que denominare como "typography craft".

"typography craft " no esta referido a las formas de mejorar el uso de types, sino mas bien a las limitantes y las opciones que disponemos en CSS cuando usamos diversas formas tipográficas en web design.

Tiempo atrás solo podíamos pensar en usar safe font, pero esto era algo limitante aspirábamos a tener mas opciones tipográficas a la hora de diseñar y programar, producto de ello fueron apareciendo diversas técnicas que facilitaban la incorporación de mayores recursos tipográficos.

Tipografía en este punto es acerca de las fuentes que escoges y las diferentes formas de usarlos para así crear diferentes variaciones que definen un estilo personal , así podemos notar titulares en serif o san serif de un tamaño y color particular.

Las ansias de tratar de aplicar técnicas propias de print design en un nuevo ambiente la web, se ha convertido en una aspiración reiterativa.

Entre las técnicas actuales mas usadas se encuentra "image reeemplacemnt technique" la idea es usar background con mas variedad de typerfaces, y así también se pueden acceder a efectos que serian imposible de lograr solo con CSS.

Typography, es un tema que toma fuerza y que involucrara cambios en las tendencias futuras de la forma de aplicar tipografía en sitios webs. Esta tendencia de cambio perdurara en el tiempo debido a dos hechos fundamentales, el primero es que lenguaje traducido en texto es el primer método que tenemos para comunicarnos en forma directa, y el segundo, es que para efectos de web design, texto, constituye un gran porcentaje de la web site en si. Da

En este segundo aspecto, pese a los esfuerzos técnicos realizados, por tratar de ampliar los recursos tipográficos en el producto final, debemos concluir que los cambios están reducidos a esfuerzos de lento impacto. Por otra parte el solo hecho que la visualización del texto se vea afectado por factores incontrolables por el web designer( como adaptar el designo a las opciones que le son propias del usuario, o a las limitantes propias de los browsers, en los cuales el render text es diferente en cada uno de ellos) complica la situación.

En relación a la visualización del texto, Andrew Krespanis web designers australiano fue uno de los primeros en implementar una solución, al usar global reset o universal selector. El reset the browser default , tiene la finalidad de poder reeescribir en cada uno de los browser un estilo personal, único y diferenciado solo por la programacion de nuestros personales estilos. (ejemplo del selector universal - *{margin:0; padding:0;} )

Existen varios opciones a la hora de resetear el browser , quisiera destacar a Eric Meyer option, a los desarrolladores de Yahoo y por ultimo una "A Killer Collection of Global CSS Reset Styles" en perishable Press site.

Web designers en general y en especial aquellos profesionales que vienen de print design to web design, sienten que no cuentan con opciones gráficas a la hora de destacar el contenido aplicando CSS, en aspectos tan simples como escoger una fuente adecuado al diseño o de tener una gama de fuentes accesibles a todo usuario. Janson Santa Maria, hace poco levanto un sitio llamado Typedia, que tiene como finalidad el acceso libre a tipografía para web designers, otro intento de dar mayor flexibilidad.

No quisiera olvidar otros esfuerzos de programacion existentes para hacer posible accesibles cambios en texto con CSS, aplicaciones como typerface.js o como olvidar sIRF que es una tecnología que permite remplazar quizás text element sobre la pantalla con Flash equivalentes. y quizás el mas reciente Cufon que utiliza JavaScrip para sus propósitos.

Quizás el esfuerzo mas frontal por ayudar a web designer es por parte W3C en la reimplementación de la regla @font-face en CSS3; por supuesto esto también estará determinado por el soporte a @ font-face por parte de los browser existentes.

Pero dependiendo de que browser accedes, tu como designer no dejaras de sentir que la accesibilidad existente no es lo que te gustaría.

Quizás deberíamos aceptar que no tenemos todo el control, y que no será posible de tenerlo, demasiadas variables en juego, pero si tan solo pudiéramos aspirar a mayor flexibilidad, seria algo bueno para el usuario final, no podemos traslapar realidades diferentes, graphic design tiene herramientas interesantes de ser aplicadas en web design, pero web design es un ser único e independiente y limitado solo por sus esfuerzos.

No quisiera dejar la sensación que tipografía en web design esta reducido a la selección y uso de fonts, lo cual seria un error , un articulo reciente "Web Directions & Typographic Structure" por Mark Boulton, nos indica los nueve aspectos a ser considerados cuando diseñas un sitio web con fuentes . La idea final es que tipografía es mucho mas que usar atractivos fonts, cierto, pero no debemos olvidar que estamos encarcelados a una realidad , en el cual el solo hecho de pensar en incluir mas elementos al juego crea mas expectativas y cierto grado de frustración, pero por otro lado no podemos limitar la aspiración a ser mejores.

Algunos artículos relacionados con el tema

Time to talk

Como web designer piensas que es realmente importante typografia a al hora de captar la atencion del los usuarios?


on the path

THE LAST TRANSLATIONS

Icons, Symbols and Semiotic Web

Posted: Spanish-articles

The Importance of window-width

Posted: Spanish-articles