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

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


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


Cuatro aspectos
de la tipografía técnica


Cuatro aspectos
1. aplicada en matemáticas


Cuatro aspectos
2. en la narración infográfica


Cuatro aspectos
3. el diseño tipográfico


Cuatro aspectos
3. el diseñador como mediador


composición de texto especializado
para la difusión, divulgación
o diseminación de discurso científico


ortotipografía:
combinar las reglas ortográficas
con la tipografía

10
ortotipografía:
perfección técnica
y corrección del texto científico

11
ortotipografía:
mediación de revisores técnicos
y expertos en diseño editorial

12
tecnología cognoscitiva:
que va de la producción
a la presentación de conocimiento

13
diseño de información
hechos: conjunto de datos
que explican fenómenos
de la realidad

14
observables: selección de datos
que nuestros sentidos
vuelve significativos

15
datos 6 información
información 6 conocimiento
conocimiento 6 sabiduría

64
saber
conocimiento
datos información
hechos observables

65
saber
conocimiento
datos información
hechos observables

66
saber
conocimiento
datos información
hechos observables

67
saber
conocimiento
datos información
hechos observables

68
saber
conocimiento
datos información
hechos observables

69
saber
conocimiento
datos información
hechos observables

16
explicar y comprender
hechos y observables
con un lenguaje claro y preciso

17
hecho: comprender matemáticas
cuando su forma de lectura
no es la misma que la de otros textos

18
el lector de matemáticas necesita
lápiz y papel 6 para conjeturar
un resultado por sí mismo

30
ortotipografía
matemática

15
seno senθ
coseno cosθ
tangente tanθ
secante secθ

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

17
limα→∞
1/x = 0

18
max{a1
,…, an
}

20
m, cm, kg, m/s2
, km, A, mol

21
Hz, N, Pa, J, W, C, V, F, Ω

22
S, Wb, T, H,˚C, lm, Mb, MHz

23
H2O, NaCl, H2S, CO2

24
H2
O, NaCl, H2
S, CO2

25
CCl2
—CHO, Mn2
O7
, HMnO4

26
1 min = 60 s
1 h = 60 min = 3600 s
1 d = 24 h = 86 400 s
1˚ = (π/180) rad
1’ = (1/60)˚ = (π/10 800) rad
1”= (1/60)’ = (π/648 000) rad

41
glifo
imagen de los símbolos de un sistema
de escritura (alfabeto, ideogramas)
o notacional (música, matemáticas,…)

42
caracter
descripción simple, lingüística
o lógica de una clase equivalente
de glifos

19
tipografía matemática
la posición de los signos y su orden
modifica la relación entre numerales;
su alineación facilita el cálculo

138
43
17
22
82

139
43 + 17 + 22 = 82

140
43 + 17 + 22 = 82

141
43 + 17 + 22 = 82

143
3
33
333
3 333
33 333
333 333

148
3.0
33.0
333.0
3 333.0
33 333.0
333 333.0

149
3.0
33.21
333.534
3 333.001
33 333.00
333 333.00023

20
las fórmulas son una forma
condensada de escribir proposiciones:
son oraciones con sujeto y predicado

21
las fórmulas se agrupan en cláusulas
como el idioma escrito común:
con sustantivos, verbos, conjunciones

22
sustantivos (literales latinas cursivas,
griegas o símbolos especiales):
x, y, z, µ, π, ϕ, λ, θ

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

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

25
las fórmulas se agrupan en cláusulas:
con modificadores, delimitadores,
colectivizadores

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

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

28
delimitadores
(paréntesis de varios tipos):
[ ( { ß • ® } ) ]

29
A = B + C, significa:
{una cantidad llamada} (A)
(es igual a)
[{otra cantidad llamada} (B)
(más)
{una tercera cantidad llamada} (C)].

44
números
guarismos (1, 2, 3.1416),
palabras (uno, dos, tres,…),
letras (iii, π, xiii,…)

43
guarismos
capitales (mayúsculos),
elzevirianos (de caja baja),
que se alinean (cuadros y listas),
para subíndices, voladitas, signaturas

27
cifras redondas
1 2 3 4 5 6 7 8 9 0

28
cifras estilo antiguo
         

29
cifras estilo antiguo
          x

30
1 2 3 4 5 6 7 8 9 0
         
₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₀
0 1 2 3 4 5 6 7 8 9
⅛ ⅜ ⅝ ⅞ ⅓ ⅔ ⁴/₉ ⁴⁷/₅₉ ⁶/₁₁

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

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

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

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

39
101
deca
102
hecta
103
kilo
106
mega
109
giga

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

41
10100
= gúgol

42
10.000.000.000.000.000.000.000
.000.000.000.000.000.000.000.0
00.000.000.000.000.000.000.000
.000.000.000.000.000.000.000.0
00.000.000.000 = gúgol

31
infografía: hacer comprensibles
y claros la estructura, contexto
y presentación de datos e información

32
infografía
Transformar datos complejos,
no organizados ni estructurados,
en información útil y utilizable

33
infografía
cuando más concreto es el contenido,
cuando más documento es,
más diseño de información posee

34
infografía
cuando más lejos se está del contenido,
más arquitectura de información
se necesita para acceder a él

74
infografía
estructura | navegación
rotulación | presentación

75
arquitectura
de información

73
infografía
estructura | navegación
rotulación | presentación

72
información
documento
diseño de contenido
hechos|observables

35
infografía
es tan objetiva como las noticias
o informaciones que acompaña:
su carácter retórico se manifiesta

36
infografía
tiene un impacto significativo
en la apariencia y claridad del material
informativo que presenta

37
infografías
comparativas, documentales,
escénicas y de ubicación
[ l a t c h ]

71
latch
l ubicación
a alfabético
t temporal
c categorías
h jerarquías

76
infografías
infogramas + textos

38
infogramas
repertorio de gráficas, tablas,
redes, mapas, secciones, secuencias,
recintos, detalles, despieces, etcétera

39
texto en infografías
identificar los gráficos;
describir lo esquematizado;
estimar unidades gráficas

40
texto en infografías
título, cuerpo de texto, pie de figura,
leyenda, acotación, glosa,
cartela, clave, fuente

45
unicode
PostScript, TrueType,
OpenType, Metafont

46
latex
lenguaje de marcado
sistema de composición tipográfica
y de preparación de documentos

47
latex
un sistema para la presentación:
concentrarse en el contenido
y en la estructura de lo que se escribe

48
“La presentación del conocimiento
es —o podría llegar a ser—
una función central del Diseño.”
Gui Bonsiepe

49
fracasos cognitivos
prejuicio; superstición; dogmatismo;
fanatismo; credulidad; sin deseo;
impulsividad; procastinación;
indecisión; rutina; inconstancia;
obcecación.

54
sujeto
lector
objeto
diseñado
espacio
físico
i
i
i
i
i
i

55
sujeto objeto espacio
Entorno
Contexto histórico

56
autor
editor
diseñador
lector
producto
diseño
libro
revista
espacio
físico
virtual
Entorno
Contexto histórico

57
autor texto lector
Entorno
Contexto histórico

58
actores acciones interacciones

59
descripción narración argumentación

60
explicar comprender interpretar

61
usuario
lector
información interfase

62
usuario información interfase
arquitectura
usabilidad

70
difundir divulgar diseminar

52
Las intromisiones, migraciones,
transferencias, contactos o invasiones
interdisciplinarias son el antídoto
contra la parcelación del conocimiento

50
indagación de diseño
quién, qué, dónde, cuándo,
por qué y cómo,
hay que añadir cuánto

53
intelectio que se entienda
inventio que descubra
dispositio que persuada
elocutio que se sienta
memoria que se recuerde

51
analfabetismos
anumerismo
analfabetismo tecnológico
analfabetismo a secas

63
gracias

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

Recomendados

Recomendados

Más contenido relacionado

Más de Fernando Rodríguez Álvarez

Más de Fernando Rodríguez Álvarez (8)

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