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

  • 365 views
Uploaded on

Importancia de la tipografía técnica en la difusión y divulgación del conocimiento.

Importancia de la tipografía técnica en la difusión y divulgación del conocimiento.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
365
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN
  • 2. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNtipografía técnicapara el diseñode información
  • 3. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNCuatro aspectosde la tipografía técnica
  • 4. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNCuatro aspectosde la tipografía técnica1. aplicada en matemáticas
  • 5. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNCuatro aspectosde la tipografía técnica2. en la narración infográfica
  • 6. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNCuatro aspectosde la tipografía técnica3. el diseño tipográfico
  • 7. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNCuatro aspectosde la tipografía técnica3. el diseñador como mediador
  • 8. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNtipografía técnicacomposición de texto especializadopara la difusión, divulgacióno diseminación de discurso científico
  • 9. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNtipografía técnicaortotipografía:combinar las reglas ortográficascon la tipografía
  • 10. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN10tipografía técnicaortotipografía:perfección técnicay corrección del texto científico
  • 11. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN11tipografía técnicaortotipografía:mediación de revisores técnicosy expertos en diseño editorial
  • 12. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN12tipografía técnicatecnología cognoscitiva:que va de la produccióna la presentación de conocimiento
  • 13. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN13diseño de informaciónhechos: conjunto de datosque explican fenómenosde la realidad
  • 14. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN14diseño de informaciónobservables: selección de datosque nuestros sentidosvuelve significativos
  • 15. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN15diseño de informacióndatos 6 informacióninformación 6 conocimientoconocimiento 6 sabiduría
  • 16. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN64saberconocimientodatos informaciónhechos observables
  • 17. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN65saberconocimientodatos informaciónhechos observables
  • 18. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN66saberconocimientodatos informaciónhechos observables
  • 19. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN67saberconocimientodatos informaciónhechos observables
  • 20. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN68saberconocimientodatos informaciónhechos observables
  • 21. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN69saberconocimientodatos informaciónhechos observables
  • 22. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN16diseño de informaciónexplicar y comprenderhechos y observablescon un lenguaje claro y preciso
  • 23. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN17diseño de informaciónhecho: comprender matemáticascuando su forma de lecturano es la misma que la de otros textos
  • 24. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN18diseño de informaciónel lector de matemáticas necesitalápiz y papel 6 para conjeturarun resultado por sí mismo
  • 25. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN30ortotipografíamatemática
  • 26. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN15seno senθcoseno cosθtangente tanθsecante secθ
  • 27. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN16log₁₀ α, logx β,ln γ, exp δ
  • 28. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN17limα→∞1/x = 0
  • 29. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN18max{a1,…, an}
  • 30. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN20m, cm, kg, m/s2, km, A, mol
  • 31. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN21Hz, N, Pa, J, W, C, V, F, Ω
  • 32. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN22S, Wb, T, H,˚C, lm, Mb, MHz
  • 33. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN23H2O, NaCl, H2S, CO2
  • 34. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN24H2O, NaCl, H2S, CO2
  • 35. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN25CCl2—CHO, Mn2O7, HMnO4
  • 36. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN261 min = 60 s1 h = 60 min = 3600 s1 d = 24 h = 86 400 s1˚ = (π/180) rad1’ = (1/60)˚ = (π/10 800) rad1”= (1/60)’ = (π/648 000) rad
  • 37. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN41glifoimagen de los símbolos de un sistemade escritura (alfabeto, ideogramas)o notacional (música, matemáticas,…)
  • 38. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN42caracterdescripción simple, lingüísticao lógica de una clase equivalentede glifos
  • 39. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN19tipografía matemáticala posición de los signos y su ordenmodifica la relación entre numerales;su alineación facilita el cálculo
  • 40. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN13843172282
  • 41. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN13943 + 17 + 22 = 82
  • 42. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN14043 + 17 + 22 = 82
  • 43. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN14143 + 17 + 22 = 82
  • 44. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN1433333333 33333 333333 333
  • 45. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN1483.033.0333.03 333.033 333.0333 333.0
  • 46. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN149 3.0 33.21 333.534 3 333.001 33 333.00 333 333.00023
  • 47. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN20tipografía matemáticalas fórmulas son una formacondensada de escribir proposiciones:son oraciones con sujeto y predicado
  • 48. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN21tipografía matemáticalas fórmulas se agrupan en cláusulascomo el idioma escrito común:con sustantivos, verbos, conjunciones
  • 49. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN22tipografía matemáticasustantivos (literales latinas cursivas,griegas o símbolos especiales):x, y, z, µ, π, ϕ, λ, θ
  • 50. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN23tipografía matemáticaverbos(operadores de relación):=, →, ∈, ≡, |, ∃
  • 51. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN24tipografía matemáticaconjunciones(operadores binarios):+, :, ×, ∩, ∗, Ú, %
  • 52. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN25tipografía matemáticalas fórmulas se agrupan en cláusulas:con modificadores, delimitadores,colectivizadores
  • 53. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN26tipografía matemáticamodificadores(operadores raíz, coseno, derivada,…):√, cos, ln, det, ∂/∂x, limx → 0
  • 54. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN27tipografía matemáticacolectivizadores(sumatorias, productos, integrales):∑, ∏, ∫, ‚
  • 55. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN28tipografía matemáticadelimitadores(paréntesis de varios tipos):[ ( { ß <• >® } ) ]
  • 56. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN29A = B + C, significa:{una cantidad llamada} (A)(es igual a)[{otra cantidad llamada} (B)(más){una tercera cantidad llamada} (C)].
  • 57. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN44númerosguarismos (1, 2, 3.1416),palabras (uno, dos, tres,…),letras (iii, π, xiii,…)
  • 58. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN43guarismoscapitales (mayúsculos),elzevirianos (de caja baja),que se alinean (cuadros y listas),para subíndices, voladitas, signaturas
  • 59. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN27cifras redondas1 2 3 4 5 6 7 8 9 0
  • 60. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN28cifras estilo antiguo         
  • 61. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN29cifras estilo antiguo          x
  • 62. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN301 2 3 4 5 6 7 8 9 0         ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₀0 1 2 3 4 5 6 7 8 9⅛ ⅜ ⅝ ⅞ ⅓ ⅔ ⁴/₉ ⁴⁷/₅₉ ⁶/₁₁
  • 63. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN31 123 456 789 012 456 789 012 345 678 901 234 567
  • 64. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN32 123 456 789 012 456 789 012 345 678 901 234 567
  • 65. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN33 123 456 789 012 456 789 012 345 678 901 234 567
  • 66. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN34 123 456 789 012 456 789 012 345 678 901 234 567
  • 67. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN39 101 deca 102 hecta 103 kilo 106 mega 109 giga
  • 68. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN40 10-1 deci 10-2 centi 10-3 mili 10-6 micro 10-9 nano
  • 69. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN4110100= gúgol
  • 70. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN4210.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
  • 71. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN31diseño de informacióninfografía: hacer comprensiblesy claros la estructura, contextoy presentación de datos e información
  • 72. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN32infografíaTransformar datos complejos,no organizados ni estructurados,en información útil y utilizable
  • 73. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN33infografíacuando más concreto es el contenido,cuando más documento es,más diseño de información posee
  • 74. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN34infografíacuando más lejos se está del contenido,más arquitectura de informaciónse necesita para acceder a él
  • 75. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN74infografíaestructura | navegaciónrotulación | presentación
  • 76. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN75arquitecturade información
  • 77. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN73infografíaestructura | navegaciónrotulación | presentacióndiseño de información
  • 78. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN72informacióndocumentodiseño de contenidohechos|observables
  • 79. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN35infografíaes tan objetiva como las noticiaso informaciones que acompaña:su carácter retórico se manifiesta
  • 80. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN36infografíatiene un impacto significativoen la apariencia y claridad del materialinformativo que presenta
  • 81. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN37infografíascomparativas, documentales,escénicas y de ubicación[ l a t c h ]
  • 82. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN71latchl ubicacióna alfabéticot temporalc categoríash jerarquías
  • 83. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN76infografíasinfogramas + textos
  • 84. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN38infogramasrepertorio de gráficas, tablas,redes, mapas, secciones, secuencias,recintos, detalles, despieces, etcétera
  • 85. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN39texto en infografíasidentificar los gráficos;describir lo esquematizado;estimar unidades gráficas
  • 86. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN40texto en infografíastítulo, cuerpo de texto, pie de figura,leyenda, acotación, glosa,cartela, clave, fuente
  • 87. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN45unicodePostScript, TrueType,OpenType, Metafont
  • 88. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN46latexlenguaje de marcadosistema de composición tipográficay de preparación de documentos
  • 89. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN47latexun sistema para la presentación:concentrarse en el contenidoy en la estructura de lo que se escribe
  • 90. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN48“La presentación del conocimientoes —o podría llegar a ser—una función central del Diseño.”Gui Bonsiepe
  • 91. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN49fracasos cognitivosprejuicio; superstición; dogmatismo;fanatismo; credulidad; sin deseo;impulsividad; procastinación;indecisión; rutina; inconstancia;obcecación.
  • 92. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN54sujetolectorobjetodiseñadoespaciofísicoiiiiii
  • 93. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN55sujeto objeto espacioEntornoContexto histórico
  • 94. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN56autoreditordiseñadorlectorproductodiseñolibrorevistaespaciofísicovirtualEntornoContexto histórico
  • 95. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN57autor texto lectorEntornoContexto histórico
  • 96. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN58actores acciones interacciones
  • 97. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN59descripción narración argumentación
  • 98. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN60explicar comprender interpretar
  • 99. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN61usuariolectorinformación interfase
  • 100. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN62usuario información interfasearquitecturausabilidad
  • 101. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN70difundir divulgar diseminar
  • 102. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN52Las intromisiones, migraciones,transferencias, contactos o invasionesinterdisciplinarias son el antídotocontra la parcelación del conocimiento
  • 103. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN50indagación de diseñoquién, qué, dónde, cuándo,por qué y cómo,hay que añadir cuánto
  • 104. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN53intelectio que se entiendainventio que descubradispositio que persuadaelocutio que se sientamemoria que se recuerde
  • 105. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN51analfabetismosanumerismoanalfabetismo tecnológicoanalfabetismo a secas
  • 106. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓNCuatro aspectosde la tipografía técnica
  • 107. TIPOGRAFÍA TÉCNICA PARA EL DISEÑO DE INFORMACIÓN63gracias