Tipografía técnica para el diseño de información keynote

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía técnicapara el diseño

de información

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

Cuatro aspectosde la tipograf ía técnica

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

Cuatro aspectosde la tipograf ía técnica

1. aplicada en matemáticas

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

Cuatro aspectosde la tipograf ía técnica

2. en la narración infográfica

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

Cuatro aspectosde la tipograf ía técnica

3. el diseño tipográfico

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

Cuatro aspectosde la tipograf ía técnica

3. el diseñador como mediador

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía técnicacomposición de texto especializado

para la difusión, divulgacióno diseminación de discurso científico

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía técnicaortotipograf ía:

combinar las reglas ortográficascon la tipograf ía

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

tipografía técnicaortotipograf ía:

perfección técnicay corrección del texto científico

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía técnicaortotipograf ía:

mediación de revisores técnicosy expertos en diseño editorial

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía técnicatecnología cognoscitiva:que va de la producción

a la presentación de conocimiento

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informaciónhechos: conjunto de datosque explican fenómenos

de la realidad

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informaciónobservables: selección de datos

que nuestros sentidosvuelve significativos

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informacióndatos 6 información

información 6 conocimientoconocimiento 6 sabiduría

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

saberconocimiento

datos informaciónhechos observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

saberconocimiento

datos informaciónhechos observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

saberconocimiento

datos informaciónhechos observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

saberconocimiento

datos informaciónhechos observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

saberconocimiento

datos informaciónhechos observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

saberconocimiento

datos informaciónhechos observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informaciónexplicar y comprenderhechos y observables

con un lenguaje claro y preciso

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informaciónhecho: comprender matemáticas

cuando su forma de lecturano es la misma que la de otros textos

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informaciónel lector de matemáticas necesita

lápiz y papel 6 para conjeturarun resultado por sí mismo

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

ortotipografíamatemática

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

seno senθcoseno cosθ

tangente tanθsecante secθ

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

log₁₀ α, logx β, ln γ, exp δ

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

limα→∞ 1/x = 0

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

maxa1,…, an

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

0

m, cm, kg, m/s2, km, a, mol

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

Hz, N, Pa, J, W, C, v, F, Ω

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

s, Wb, T, H,˚C, lm, Mb, MHz

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

H2O, NaCl, H2s, CO2

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

H2O, NaCl, H2s, CO2

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

CCl2—CHO, Mn2O7, HMnO4

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

1 min = 60 s 1 h = 60 min = 3600 s1 d = 24 h = 86 400 s

1˚ = (π/180) rad1’ = (1/60)˚ = (π/10 800) rad1”= (1/60)’ = (π/648 000) rad

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

glifoimagen de los símbolos de un sistema

de escritura (alfabeto, ideogramas)o notacional (música, matemáticas,…)

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

caracterdescripción simple, lingüística

o lógica de una clase equivalentede glifos

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticala posición de los signos y su orden

modifica la relación entre numerales;su alineación facilita el cálculo

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

431722

82

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

43 + 17 + 22 = 82

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

0

43 + 17 + 22 = 82

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

43 + 17 + 22 = 82

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

333

3333 333

33 333333 333

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

3.033.0333.03 333.033 333.0333 333.0

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

3.0 33.21 333.534 3 333.001 33 333.00 333 333.00023

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

tipografía matemáticalas fórmulas son una forma

condensada de escribir proposiciones: son oraciones con sujeto y predicado

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticalas fórmulas se agrupan en cláusulas

como el idioma escrito común: con sustantivos, verbos, conjunciones

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticasustantivos (literales latinas cursivas,

griegas o símbolos especiales):x, y, z, µ, π, ϕ, λ, θ

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticaverbos

(operadores de relación):=, →, ∈, ≡, |, ∃

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticaconjunciones

(operadores binarios):+, :, ×, ∩, ∗, Ú, %

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticalas fórmulas se agrupan en cláusulas:

con modificadores, delimitadores,colectivizadores

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticamodificadores

(operadores raíz, coseno, derivada,…):√, cos, ln, det, ∂/∂x, limx → 0

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticacolectivizadores

(sumatorias, productos, integrales):∑, ∏, ∫, ‚

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

tipografía matemáticadelimitadores

(paréntesis de varios tipos):[ ( ß <• >® ) ]

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

A = B + C, significa:una cantidad llamada (A)

(es igual a)[otra cantidad llamada (B)

(más)una tercera cantidad llamada (C)].

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

númerosguarismos (1, 2, 3.1416),

palabras (uno, dos, tres,…),letras (iii, π, xiii,…)

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

guarismoscapitales (mayúsculos),

elzevirianos (de caja baja),que se alinean (cuadros y listas),

para subíndices, voladitas, signaturas

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

cifras redondas1 2 3 4 5 6 7 8 9 0

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

cifras estilo antiguo

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

cifras estilo antiguo x

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

0

1 2 3 4 5 6 7 8 9 0

₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₀0 1 2 3 4 5 6 7 8 9

⅛ ⅜ ⅝ ⅞ ⅓ ⅔ ⁴/₉ ⁴⁷/₅₉ ⁶/₁₁

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

123 456 789 012 456 789 012 345 678 901 234 567

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

123 456 789 012 456 789 012 345 678 901 234 567

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

123 456 789 012 456 789 012 345 678 901 234 567

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

123 456 789 012 456 789 012 345 678 901 234 567

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

101 deca 102 hecta 103 kilo 106 mega 109 giga

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

0

10-1 deci 10-2 centi 10-3 mili 10-6 micro 10-9 nano

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

10100 = gúgol

TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN

10.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000.000 = gúgol

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

diseño de informacióninfograf ía: hacer comprensiblesy claros la estructura, contexto

y presentación de datos e información

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíaTransformar datos complejos,

no organizados ni estructurados, en información útil y utilizable

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíacuando más concreto es el contenido,

cuando más documento es, más diseño de información posee

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíacuando más lejos se está del contenido,

más arquitectura de información se necesita para acceder a él

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíaestructura | navegación

rotulación | presentación

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

arquitecturade información

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíaestructura | navegación

rotulación | presentacióndiseño de información

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

informacióndocumento

diseño de contenidohechos|observables

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíaes tan objetiva como las noticiaso informaciones que acompaña: su carácter retórico se manifiesta

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíatiene un impacto significativo

en la apariencia y claridad del material informativo que presenta

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíascomparativas, documentales,

escénicas y de ubicación[ l a t c h ]

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

latchl ubicación a alfabéticot temporalc categoríash jerarquías

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infografíasinfogramas + textos

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

infogramasrepertorio de gráficas, tablas,

redes, mapas, secciones, secuencias,recintos, detalles, despieces, etcétera

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

texto en infografíasidentificar los gráficos;

describir lo esquematizado; estimar unidades gráficas

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

texto en infografíastítulo, cuerpo de texto, pie de figura,

leyenda, acotación, glosa, cartela, clave, fuente

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

unicodePostScript, TrueType, OpenType, Metafont

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

laTexlenguaje de marcado

sistema de composición tipográfica y de preparación de documentos

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

laTexun sistema para la presentación:

concentrarse en el contenidoy en la estructura de lo que se escribe

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

“la presentación del conocimientoes —o podría llegar a ser—

una función central del Diseño.”Gui Bonsiepe

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

fracasos cognitivosprejuicio; superstición; dogmatismo;

fanatismo; credulidad; sin deseo;impulsividad; procastinación;

indecisión; rutina; inconstancia;obcecación.

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

sujetolector

objetodiseñado

espaciof ísico

i

i

i

i

i

i

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

sujeto objeto espacio

Entorno

Contexto histórico

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

autoreditor

diseñadorlector

productodiseñolibro

revista

espaciof ísicovirtual

Entorno

Contexto histórico

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

autor texto lector

Entorno

Contexto histórico

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

actores acciones interacciones

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

descripción narración argumentación

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

explicar comprender interpretar

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

usuariolector información interfase

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

usuario información interfase

arqu

itectura

usab

ilida

d

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

difundir divulgar diseminar

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

las intromisiones, migraciones, transferencias, contactos o invasiones

interdisciplinarias son el antídotocontra la parcelación del conocimiento

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

0

indagación de diseñoquién, qué, dónde, cuándo,

por qué y cómo,hay que añadir cuánto

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

intelectio que se entiendainventio que descubra dispositio que persuadaelocutio que se sientamemoria que se recuerde

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

analfabetismosanumerismo

analfabetismo tecnológicoanalfabetismo a secas

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

Cuatro aspectosde la tipograf ía técnica

T I P O G R A F Í A T É C N I C A PA R A E L D I S E Ñ O D E I N F O R M A C I Ó N

gracias