Share
Los diseñadores en la web han tenido un tiempo notoriamente complicado con la tipografía. Por un lado, la mayoría de los diseñadores web no están entrenados como "tipógrafos" de la manera en que lo están los diseñadores gráficos más tradicionales. ¿Otra razón es que la tipografía en la web no ha existido por más de 15 años? y la mayoría de nosotros no hemos estado diseñando ni siquiera la mitad de ese tiempo.
Foto en miniatura de Stephen Coles de Typographica.org. La fuente es FF Unit.
Como tal, el nuevo medio más poderoso en la historia del mundo carece lamentablemente de entrenamiento formal para la disciplina más importante que un diseñador puede dominar: la tipografía. Este artículo es el primero de una serie que busca compilar un compendio de lecciones serias de tipografía web..
Antes de comenzar, este artículo de introducción es, en parte, educación y en parte editorial. Se pretende que sea una publicación gratuita sobre algunos de los principios que los diseñadores web deben tomar en serio. ¿Haré todo lo posible para evitar que este sea el tipo de artículo de "10 formas obvias de mejorar su tipografía"? ya tenemos suficientes de esos en la web, y si alguna vez decidimos ejecutar uno de ellos, nos aseguraremos de hacerlo bien. Esta serie tratará más sobre la creación de procesos lógicos y razonados para desarrollar sistemas tipográficos efectivos en lugar de una serie de consejos aleatorios. Primero, vamos a enfrentar algunos de los obstáculos culturales que enfrentan los diseñadores web..
Seamos realistas, en comparación con la gran cantidad de libros y años de recursos disponibles para los diseñadores de impresión, la web tiene una experiencia relativamente corta con la tipografía. Nos parecemos mucho a los adolescentes con su nueva licencia de conducir: mucho poder y responsabilidad sin mucha experiencia a la que recurrir. Debido a que la web es tan joven, los diseñadores se han quedado con una de estas dos opciones: 1) tratar de recrear una estética de impresión en la pantalla o 2) vagar por el gran vacío negro? Esperando descubrir la perfección del tipo web..
El problema con la primera opción es que la impresión no se traduce directamente a la web. El problema con el segundo es que es muy parecido a lanzar dardos? seguro, tendremos algunos éxitos, pero será a costa de un montón de fracasos.
¿Hay algunos recursos asombrosos ya que hay por ahí el tema? ¿Si, absolutamente? y los enumeraré al final de este artículo. Pero el simple hecho es que, para un joven diseñador de páginas web que espera hacerse con el tema, a menudo es difícil entender el tema sin pasar innumerables horas recorriendo blogs al azar. De hecho, parte del problema es que gran parte de la tipografía web se presenta como información "subjetiva". El único principio rector en el que la mayoría de las personas puede ponerse de acuerdo es que "el tipo debe ser legible". Pero después de eso, hay mucha opinión y no mucho hecho..
Esto me lleva a mi primer punto "cultural" para cualquier persona que realmente quiera mejorar sus habilidades de tipografía web?
Abordemos el primer obstáculo real entre un diseñador y la grandeza tipográfica: Culpar a algo oa alguien mas. Si tuviera un dólar por cada vez que escuché una queja del diseñador web sobre cómo los navegadores se procesan de forma diferente, o si algún editor de contenido aleatorio arruinó su diseño, o si un cliente simplemente se negó a ver la razón, yo sería un cienaire (el menor primo conocido del multimillonario? ¡Vamos, no sé que mucha gente!).
Estos son todos los que yo llamo "riesgos laborales": los conoce cuando ingresa a la industria y los encontrará casi a diario hasta que la estandarización profesional se establezca en la web (lo cual no predigo). en cualquier momento). No estoy tratando de decir que estos problemas no existen (lo hacen, y son un dolor en el trasero), sino para lanzar todas nuestras deficiencias tipográficas en la parte posterior de Internet Explorer 6 o algún tipo de copia al azar. $ 8 la hora está evitando el problema..
Lo bueno es que un tipógrafo web serio puede solucionar estos problemas. Los navegadores pueden ser probados; Los diseños pueden hacerse "a prueba de idiotas", y los clientes pueden ser dijo que fuera a? gentilmente instruido para ver la razón.
En la época de la imprenta, las letras de bloques de madera y el tipo de juego manual, había un orden jerárquico claramente establecido para determinar quién era el responsable de hacer las cosas correctamente (tipográficamente hablando). No es de sorprender que esa persona fuera, por lo general, el tipo que tenía un profundo codo en tinta negra y la única persona en la ciudad que sabía cómo usar el artilugio masivo. Demonios, en la mayoría de las ciudades, él podría ser el único que realmente sabía leer, así que le tomaste la palabra cuando te dijo cómo presentar tu publicación..
Los clientes trajeron el contenido, las impresoras manejaron el diseño y el diseño. Nadie jodió con el sistema..
Hoy en día, parece que sufrimos de un caso de "demasiados cocineros en la cocina". Debido a que todos tienen acceso a Microsoft Word y un teclado, los diseñadores tienen que atravesar un océano de "tipógrafos" durante la fase de diseño.?
No me malinterpretes, ¿recibir comentarios de un cliente es una parte crucial del proceso creativo? pero no es un sustituto para la toma de decisiones real y con experiencia a nivel tipográfico. Ese es tu trabajo - el diseñador. Si se está deslizando a través de un proyecto, solo esperando y esperando que un cliente decida sobre una fuente o longitud de línea en particular, también puede despedirse. Al hacer esto, se reduce a poco más que un cuerpo unido a un mouse.
Me repetiré solo para estar seguro aquí, esto no significa que debas convertirte en un imbécil malhumorado que se burla de los valiosos comentarios. Lo que estoy tratando de decir es que si nadie acepta "hacerse cargo" del trabajo de tipografía durante un proyecto, terminará con un tipo mediocre, diluido, a medias que no hace justicia a los demás. hecho de que tenemos siglos de investigación tipográfica a nuestro alcance. Diseñar una columna de texto y esperar que algún otro diseñador, desarrollador o cliente regrese y haga que se vea bien es un problema..
Sé el diseñador, asume la responsabilidad. La tipografia es tu trabajo.
Cuando piensas en una interfaz de usuario, ¿en qué piensas? ¿Un menú de desplazamiento clásico de iPod? ¿La pantalla del salpicadero para tu coche? ¿Algún videojuego de ciencia ficción de HUD? ¿Esos son quizás todos los ejemplos de interfaces de usuario? pero me gustaría que reconsideren lo que significa para los diseñadores web. Examinemos brevemente las tendencias de estilo de la interfaz en la última década:
¿Estas son todas las grandes modas (y sí, obviamente hay muchas excepciones para estas generalizaciones)? pero considere algunas de las marcas basadas en la web que han existido durante todos estos años (y aún se niegan a morir). Aquí te mostraré cómo se ven:
¿Alguno de estos es lo que usted consideraría como "grandes interfaces de usuario"? ¿Probablemente no? Pero todos son ridículamente exitosos (y nos guste o no), usable) diseños. Entonces, ¿por qué los diseñadores web se inclinan para crear diseños que se vean nada en absoluto como ellos?
Mi humilde opinión: es porque nuestra industria / comercio todavía es relativamente inmaduro. Todos esperamos encontrar el "próximo gran estilo", por lo que rechazamos a propósito diseños que son aburridos pero funcionales. Odiamos la idea de que algo diseñado en 2005 todavía tenga usuarios. Adoptamos la noción de que al mezclar nuestros diseños con técnicas y texturas difíciles, de alguna manera los haremos más utilizables..
Tal vez una mejor analogía se encuentra en los coches? Todos intentamos diseñar un Ferrari tipográfico cuando el 98% de los proyectos realmente solo necesitan un Honda Civic (o, en algunos casos, una bicicleta). Siempre y cuando funcione para que las personas pasen del punto A al punto B, está bien. En cuanto comenzamos a cambiar la funcionalidad del sitio con nuestras propias nociones extravagantes de cómo debería ser una "interfaz de usuario increíble", corremos el riesgo de romper la bicicleta..
El simple hecho del asunto es que el texto antiguo, sin todos los efectos de burbujas, brillo y demás basura que hemos tirado alrededor de él, es tan utilizable por sí solo como si estuviera estilizado como si lo fuera. voy a caminar por la alfombra roja.
Por qué? Porque el texto es la interfaz de usuario.! Antes de tomar la herramienta de degradado, recuerde que, el texto es la interfaz. No puede tener una interfaz utilizable sin que el texto sea legible y significativo. Los usuarios de Internet se adaptarán a cualquier hoja de estilo que lance sobre un diseño, pero los elementos centrales de un sitio (navegación + contenido) deben funcionar antes que cualquier otra cosa..
Nota al margen: este concepto de "texto como interfaz de usuario" se atribuye originalmente a Khoi Vinh, pero me ha costado rastrear dónde escribió realmente sobre esto, por lo que tendrá que confiar en mi palabra..
El tipo siempre va dentro de un diseño, y los diseños en la web nunca, nunca existen sin código.
La última regla a la que me referiré hoy es el contenido real de la tipografía web: CSS. Con un CSS bien escrito, su sitio web completo debe diseñarse de manera lógica: cada página tendrá un aspecto similar, creando una presentación del sitio unificada y coherente. Con CSS bien escrito, es posible abordar múltiples navegadores y dispositivos. Diablos, con CSS bien escrito, evitará que los editores de texto con frenos de cabello rompan sus hermosos diseños.
El punto al que me dirijo es el siguiente: si te apetece ser un diseñador web, pero en realidad solo eres bueno para armar maquetas de Photoshop, te estás perdiendo la mitad de lo que significa diseñar para la web. El tipo siempre va dentro de un diseño, y los diseños en la web nunca, nunca existen sin código.
No diré mucho aquí porque, francamente, estoy ansioso por comenzar a escribir las primeras partes de esta serie, pero me gustaría terminar con un puñado de enlaces que ustedes / amigos pueden ver mientras tanto. Mi objetivo para esta serie será compilar un impresionante compendio de tutoriales de tipografía web reales y prácticos. pero voy a aprovechar la información de una variedad de otros autores, artículos y libros. Entonces, aquí está mi lista:
Accentsconagua