Imprimir
¿Quieres publicar una revista?: Autoedición, diseño, creación y Odon (French Text): Sourcier, Sorcier, Magicien

Tipografía en pantalla
Ver imagen grande


Tipografía en pantalla




Tapa blanda, 208 páginas, 21.4 x 17.8 x 1.4 cm.

Gustavo Gili


"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? 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.Í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

Índice alfabético"