Post on 13-Jun-2015
description
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