96 392 45 35 · tienda@graffica.info

Tipografía en pantalla

29.90 IVA Incluido

 

Ellen Lupton (ed.)

17.7 x 21.5 cm
208 páginas
ISBN: 9788425227523
Rústica
2015

La tipografía es una disciplina histórica que cuenta con abundantes y rigurosas normas para su correcto ejercicio. Pero cuando la tipografía se desembaraza de su condición estática y se hace virtual, los lectores alteran los parámetros de la representación visual según nuevas necesidades y preferencias. ¿Qué ocurre entonces? ¿Cómo puede el diseñador controlar esos principios y garantizar la calidad tipográfica de sus composiciones?

tipopantalla3tipopantalla2

tipopantalla

Escrito por un equipo de diseñadores, docentes y estudiantes del MICA y editado por Ellen Lupton, Tipografía en pantalla no solo aborda los nuevos fundamentos de la tipografía cuando se usa en pantalla sino que explora en profundidad los entresijos del diseño destinado a este soporte. Para ello se centra en las cuestiones concretas que surgen en el día a día del desarrollo de un proyecto de diseño digital: desde el amplio catálogo de fuentes existentes para web hasta cómo componer los párrafos y alinear el texto en pantalla o cómo tratar la señalética y crear sistemas de iconos para un entorno digital. Lejos de ignorar el saber acumulado por años de desarrollo y evolución de la tradición tipográfica, la guía se sube a hombros de esta disciplina histórica para seguir avanzando y forjando nuevos recursos técnicos y nuevas formas visuales.

Tipografía en pantalla es un libro no solo dirigido a los profesionales y estudiantes de diseño sino también al desarrollador, que en estas páginas conocerá mejor los principios visuales del diseño, y al editor o redactor de contenidos, que obtendrá un control más sofisticado de las herramientas y los sistemas digitales.

Ellen Lupton es diseñadora gráfica, profesora y comisaria de la sección de diseño contemporáneo del Cooper-Hewitt National Design Museum de Nueva York. Es también directora del programa de posgrado de Diseño Gráfico del Center for Design Thinking, perteneciente al Maryland Institute College of Art de Baltimore. Es autora de una numerosa obra divulgativa sobre diseño y entre sus libros más recientes se encuentran Diseño gráfico: nuevos fundamentos (2009), Pensar con tipos (2011) e Intuición, acción, creación. Graphic Design Thinking (2013), todo ellos publicados por la Editorial Gustavo Gili.

 

Índice
Prólogo
Fuentes en pantalla
Breve historia de las fuentes para la web
La reproducción del texto en la pantalla
Anatomía y taxonomía del tipo
Titulares y textos
Fuentes recomendadas por Christopher Clark
Fuentes recomendadas por Stephen Coles
Google Fonts recomendadas por Dave Crossland
Fuentes mudables
Caso práctico: ZXX, tipografía con interferencias
En el aula: diseñar tipos
El texto en pantalla
Escoger un tamaño de pantalla
La retícula
Campos horizontales y verticales
Tipografía responsive
Tamaño del texto
Párrafos
Alineación del texto
Espacio entre líneas
Espacio entre caracteres
Jerarquía
Etiquetas tipográficas en HTML
Caracteres especiales
En el aula: cartel HTML
Edición digital
Lectura secuencial
Lectura selectiva
El flujo del contenido
Contenido satelital
Caso práctico: Works That Work
Escribe sobre ello
En el aula: lectores experimentales
En el aula: la biblioteca mutante
Texto e interfaz
Wireframes
Elementos interactivos
Menús
El texto como herramienta de navegación
Ampliar el vocabulario
Sombras paralelas y degradados
Mostrar y ocultar
Tipografía y representación de datos
Diseñar tablas
Tablas: Do’s y Dont’s
Caso práctico: interfaces de viajes
En el aula: apps de predicción meteorológica
Iconos y logotipos
Escribir con imágenes
Caso práctico: Noun Project
Señalética para pantalla
Los iconos como tipografía
Tutorial: cómo crear un icono para una aplicación
Escalabilidad
Caso práctico: apps imaginarias
Iconos interactivos
Caso práctico: parientes no tan lejanos
Caso práctico: logo, a navegar
Tutorial: cómo dibujar iconos para una interfaz
Logotipos
Trabajar con color
Logotipos animados
Logotipos versátiles
Logotipos cambiantes
Gráficos vectoriales escalables
Caso práctico: branding para MFA
Caso práctico: branding para una ciudad
En el aula: iconos
Animación y código
Animaciones básicas
GIF animados
En el aula: GIF animados
El storyboard
Técnicas narrativas
Transiciones: pasar de A a B
Caso práctico: transiciones en la calle
Caso práctico: logo con transición
Caso práctico: Pixel Painting Typography
Caso práctico: Kixel, un alfabeto cinético
Textos y código
Ejemplos de uso de Processing
Ejemplos de uso de Scriptographer
Modificar el código
Caso práctico: tipos informatizados
Caso práctico: Slitscan Type Generator
Caso práctico: máquina de carteles
Caso práctico: elaborar un alfabeto con CSS
Caso práctico: tipografía web para solitarios
En el aula: Processing

Texto del prólogo

Prólogo

La tipografía es la encarnación concreta del lenguaje escrito. Un tipo se comunica a través de sus trazos, sus proporciones y su peso visual. Los caracteres se agrupan en columnas, retículas, titulares, textos, párrafos, listas; elementos gráficos que, a su vez, aportan una presencia visual. Pero ¿qué ocurre cuando la tipografía se desembaraza de su condición fija y estática y se hace virtual?,¿qué pasa cuando los lectores pueden alterar los parámetros de la representación visual según sus necesidades y sus preferencias?

Este libro es una guía sobre el rutilante y efímero mundo de la tipografía en pantalla. Elaborado por un equipo de alumnos y docentes del MICA (Maryland Institute College of Art), Tipografía en pantalla explora varias cuestiones tipográficas, desde la propia elección del tipo hasta la construcción de una marca. Para realizarlo nos hemos sumergido en las revueltas aguas de la diversidad de herramientas y plataformas de las que disponemos hoy en día, sabiendo de antemano que este campo que estudiamos no va a dejar de cambiar. Tipografía en pantalla no es un manual de software ni un libro de tutoriales técnicos; está dedicado al examen de algunos principios nuevos del diseño surgidos de las necesidades de la comunicación a través de la pantalla, pero sigue bebiendo, a la vez, de una tradición de forma y función que cuenta con centenares de años de evolución. La tipografía siempre ha respondido a las nuevas tecnologías y a los nuevos públicos lectores. Los grandes diseñadores de tipos, desde Johannes Gutenberg en el siglo XV hasta Peter Bil’ak en la actualidad, han ido forjando nuevos recursos técnicos y nuevos modelos de negocio además de nuevas formas visuales. La tipografía está en constante movimiento… Y ahora más que nunca.

Hemos concebido esta guía pensando en un amplio abanico de lectores: el diseñador gráfico que trabaja tanto en soportes impresos como digitales, el estudiante o el docente dedicado a explorar la creatividad visual para pantalla, el desarrollador que quiere conocer mejor los principios visuales del diseño y el editor o productor de contenidos que necesita tener un control más sofisticado de las herramientas y los sistemas digitales.

Para ayudar al usuario a orientarse entre la información y encontrar lo que está buscando, los diseñadores trabajan manipulando los parámetros básicos de la tipografía para pantalla —peso, tamaño, estilo, alineación y espaciado—. En muchos casos, el usuario, ya se trate del lector de un documento final o de un editor o redactor que trabaja con un sistema de gestión de contenidos, puede alterar también dichos parámetros.

Los cuatro primeros capítulos de Tipografía en pantalla introducen algunos conceptos básicos útiles para dar forma al contenido escrito, que hay que codificar tipográficamente, organizarlo en secciones y columnas, y que tiene que ser accesible a través de una interfaz gráfica, debe enlazar a otros textos y estar empaquetado para su distribución. Su destino final puede ser un navegador de internet, un dispositivo móvil, una tablet o un e-reader. Los diseñadores deben tomar una serie de decisiones interconectadas —desde la elección de la familia tipográfica y la estructura de la página hasta las modalidades de lectura, interactividad y navegación— con el objeto de generar una experiencia que sea placentera y atractiva para todos los lectores.

Esta guía va más allá de los fundamentos del uso de la tipografía en pantalla y explora de manera profunda los entresijos del diseño destinado a este soporte, explicando, por ejemplo, cómo crear sistemas de iconos o cómo dar vida a un texto a través de la animación y el código. Hoy en día, los diseñadores crean complejas identidades visuales que rebosan color y movimiento y que están muy alejadas de los logotipos estáticos de antaño, tan limitados por los procesos de impresión. Manipulando parámetros como la velocidad, el color, la opacidad y el ritmo, los diseñadores consiguen transmitirnos emociones y contarnos historias. Las letras, igual que el fondo, el enfoque y los elementos que las rodean, pueden moverse y transformarse en la pantalla. Los diseñadores usan el código para generar letras y textos dotados de las singularidades propias de un ser vivo, convirtiendo el software en una herramienta destinada a crear un mundo menos predecible.

Para ilustrar estos principios generales hemos recurrido a ejemplos sobresalientes creados por estudiantes, artistas emergentes y algunos de los diseñadores internacionales más destacados. A todos ellos les damos las gracias por prestar sus trabajos para que otros puedan aprender de ellos.

Tipografía en pantalla es el sexto volumen de una serie de libros publicada conjuntamente por Princeton Architectural Press y el MICA. Con la elaboración de estos libros, nuestros docentes y estudiantes de posgrado amplían sus conocimientos de diseño mientras intercambian ideas con una comunidad de diseñadores y creativos de todo el mundo. Nuestras aulas se han convertido en laboratorios de prácticas y estos libros son el resultado de nuestras investigaciones. Nos enorgullece compartirlos con una creciente comunidad de personas que se implican en el ámbito del diseño tanto de manera profesional como a través de su vida cotidiana.

 

SKU: GG Tipografia pantalla 9788425227523 Categoría:
Updating…
  • No hay productos en el carrito.