TIPOMETRIA 2016siglo21

Tipografía Siglo21
Tp1: de la imagen a la palabra
Tp2: Remera caligráfica

Tp3: Cd de música
Tp4: Poster de Evento
Tp5: Rediseño Revista
Tp6: Infografía
Tipografía Siglo 21 - MARTES
Tp1: de la imagen a la palabra A3
Tp2: Remera caligráfica REMERA
Tp3: Cd de música Tapa+cd

Tp4: Poster de Evento 2 A3
Tp5: Rediseño Nota Revista 2 A3
Tp6: Infografía A4
Bitácora de todo Anillado

2/11 2 parcial IEFI 9/11
Tipografía Siglo 21 jueves
Tp1: de la imagen a la palabra A3
Tp2: Remera caligráfica REMERA
Tp3: Cd de música Tapa+cd

Tp5: Catálogo tipográfico Libre
Tp6: Infografía Tríptico
Bitácora de todo Anillado

2/11 2 parcial IEFI 9/11
Tipografía Siglo 21
Diseñar un Poster para la banda que
seleccionaste que tocará en una
fecha a tu elección (no puede ser
Campus Day).
¿Cuál es la identidad de la Banda?
¿Cuál es la identidad de la
universidad?
¿Cuál es el evento?
Ahora a Diagramar la info.
Tipografía Siglo 21
Mientras tanto … Pangrama
Benjamín pidió una bebida de Kiwi y Fresa.

Noé, sin vergüenza, la más exquisita
champaña del menú.
Anatomía
Repaso de partes de una letra.
Gaitto
¿Cuándo una letra es BELLA?.
Gaitto
El interletrado
El blanco entre los signos que deben

convivir armoniosamente, en relación
según sus límites.
Como si encerráramos el signo y
obtuviéramos la caja del carácter.
Gaitto
El interletrado
El ojo debe reconocer armonía y equilibrio

entre signos, y en muchos casos es
necesari ajustar opticamente los blancos
en la palabra
Gaitto
El interletrado
La Distancia entre letras debe ser evaluada cada vez

que conformemosla palabra. “La separación justa”.
Las combinaciones conflictivas son entre signos con
contraformas que generan mayor o menor aire
establecido.
Gaitto
Lineas del renglón tipográfico
La Distancia entre letras debe ser evaluada cada vez

que conformemosla palabra. “La separación justa”.
Las combinaciones conflictivas son entre signos con
contraformas que generan mayor o menor aire
establecido.
Ortotipografía (parte 1)
La ortografía es el conjunto de normas que regulan la
escritura de una lengua. La ortografía decide, por ejemplo,
qué letras concretas han de emplearse para escribir una
palabra (como v o b, g o j...), cuándo se emplean
mayúsculas, el significado básico de signos como la coma,
las comillas, etc. La ortografía se aplica a todo tipo de
escritos, ya sean tipográficos o caligráficos.
La ortotipografía, en inglés (typographical syntax) es el

conjunto de usos y convenciones particulares con las que
se rige la escritura por medio de elementos tipográficos en
cada lengua. Se ocupa de la combinación de la ortografía
y la tipografía y en particular la forma en que la primera
se aplica en las obras impresas.
Ortotipografía
¿Por qué se necesitan las versalitas?
Por varias razones de índole tipográfica. La
primera es que, en un bloque de texto, una
palabra compuesta enteramente en
mayúsculas resaltará desagradablemente del
resto y la segunda porque las letras capitales
de muchas fuentes no han sido diseñadas y
espaciadas para trabajar juntas, sino para
componerse junto con las minúsculas. Al
contrario las versalitas si han sido diseñadas
para trabajar juntas por lo que el resultado,
dentro de un bloque de texto, proporciona un
color tipográfico más homogéneo.
Ortotipografía
Los números minúsculos son aquellos que se
alinean con las minúsculas de la tipȍ̏̏̏grafía. Tienen
ascendentes y descendentes, igual que una «d» o
una «g» minúsculas, por lo que no parecen estar
bien alineadas entre sí (0123456789).
Ortotipografía
Como se ve en la siguiente imagen, los números
mayúsculos «pesan» mucho visualmente cuando estamos
escribiendo en minúsculas; mucho más si en un párrafo de
unas pocas líneas tenemos cuatro o cinco cifras de varios
dígitos. En esos casos, los números minúsculos nos
ayudarán a que las cifras se integren correctamente en
nuestros textos, sin romper la uniformidad .
TIPOMETRIA
Tipómetro: regla graduada por un
lado en cíceros y por otro en
centrímetros para medir tipografía.
TIPOMETRIA
Tipómetro: regla graduada por un
lado en cíceros y por otro en
centrímetros para medir tipografía.
TIPOMETRIA
Cuadratín: Unidad de medida
equivalente a un cuadrado que tiene por
cada lado tantos puntos como el cuerpo
al que pertenece. Tradicionalmente la
M: toda la pieza de metal : 1 cuadr.
N: mitad de la pieza: ½ cuadr.
El espacio entre palabras es 1/3

1/4 de cuadratín (gralmente).
Disposiciòn Tipográfica
•tipo de edición.
•Plantear diferentes variables al
momento de componer que
actúan conjuntamente y buscar el
equilibrio entre todas.
Las variables más importantes

son:
OJO MEDIO
MEDIDA DE LINEA
INTERLÍNEA.
Ojo medio: (altura de x)
•Espacio comprendido entre la línea
base y la línea media.
• En iguales tamaños de cuerpo
encontramos diferentes cuerpos
medios.
Familias antiguas: ojo medio

equilibrado/pequeño
Familias modernas: grandes ojos
medios con tendencia a aspecto
rectangular
Números útiles
Medida de Línea: (en tipo de edición)
•Lector lee de 3/5 palabras juntas.
•Ideal: 10/12 palabras por línea.
•40/60 letras x línea.
Interlínea:
•(Distancia entre líneas – tamaño de
cuerpo tipográfico) (20%+)
•6/9 : + 1 punto.
•10/13: 2 puntos.
Interlínea: (en tipo de ediciòn)
•Espacio entre 2 líneas de texto.
•Si es desproporcionada dificulta el
salto hacia la izq. de abajo.
•Depende del tamaño de la letra y
de su ojo medio.
Cuerpos:
6/9 : + 1 punto.
10/13: 2 puntos.
Métodos de Justificación
1. Ajuste de espacio entre palabras
2. Partición de palabras según
consideraciones ortográficas y
estéticas
3. Ajuste de espacio entre letras.
La separación entre letras es el

último recurso, ya que su efecto
es el menos deseable.
Métodos de Justificación
COLOR TIPOGRÁFICO:
Tono gris global de un escrito bien
resuelto. Para conseguir un buen color
tipográfico inciden:
•Separación entre palabras

•Partición
•Interletrado
•Ojo medio
•Medida de línea
•Separación entre columnas
Composición no Justificada
Bandera derecha e izquierda:
Dejar la separación igual entre palabras,
entre letras, no particionar,
•Separación entre palabras

•Partición
•Interletrado
•Ojo medio
•Medida de línea
•Separación entre columnas
Partición de Palabras
• Chequear siempre el idioma para la
partición correcta.
• Partir Sólo las palabras de 6 o más
letras.
• No menos de 3 letras antes de un
guión.
• No más de 2 líneas seguidas con un
guión.
• No partir la última línea de un párrafo.
• No partir palabras en titulares.
Espaciado
• Espaciado = tracking. No es kerning.
• Kerning: Espacio entre pares de letras
selectivas.
• Debe ser el recurso menos
manipulable.
Estética Tipográfica
• Lo Relativo a la percepción o
apreciación de la belleza en la
construcción tipográfica de textos.
• Trataremos ahora ASPECTOS
CONCRETOS que inciden de manera
directa en el resultado de la estética
tipográfica.
• 1° Líneas Viudas y Huérfanas.
• 2° Ajuste selectivo de pares de letras
(kerning).
• Lo Relativo a la percepción o
apreciación de la belleza en la
construcción tipográfica de textos.
• Trataremos ahora ASPECTOS
CONCRETOS que inciden de manera
directa en el resultado de la estética
tipográfica.
• 1° Líneas Viudas y Huérfanas.
• 2° Ajuste selectivo de pares de letras
(kerning).
• Línea Huérfana: primer línea pequeña
que aparece en la parte superior de
una página o columna.
• Línea Viuda: Es la primer línea de un
párrafo que queda al final de una
página o columna.
Crea tu Propia Paleta
Montesinos:
• La elección depende del conocimiento
y de la experiencia.
• Remate = rasgos distintivos =
legibilidad.
• Criterios para mezclar tipos:
• Historicista.
• Uniformidad (serif vs. palo seco).
• Contraste: serif c/ palo seco.
Montesinos:
• La elección depende del conocimiento
y de la experiencia.
• Remate = rasgos distintivos =
legibilidad.
• Criterios para mezclar tipos:
• Historicista.
• Uniformidad (serif vs. palo seco).
• Contraste: serif c/ palo seco.
Montesinos:
• No es una cuestión de cantidad (sino de
calidad).
• Un diseñador debe tener criterio y
agrupar:
• Grupos de lectura en prosa.
• Grupos de tipografía display.
• Grupos de Tipo plástica
• Etc.
Combinaciones tipográficas
(Según Franquesa/ Fontanills)
Para combinar dos tipografías,
la clave reside en que las dos sean
suficientemente contrastadas y al mismo
tiempo proporcionadas.
EJ. Familia
Rotis, Poynter, Fedra
Una aplicación práctica de esta regla es combinar una

tipografía con serifa, de tipo romana preferiblemente
(con connotaciones más tradicionales), con
otra tipografía sin serifa, preferiblemente de palo seco
(con connotaciones más modernas). La tipografía con
terminales se utilizará para los bloques de texto,
ya que tiene una mejor legibilidad en impresión, y la
fuente de palo seco, normalmente con una mayor altura
de la "x", será más óptima para texto destacado
y titulares.
Actualmente, puede haber para una misma tipografía

versiones con serifa y sin serifa. Esta tendencia viene
marcada por esta necesidad gráfica de diferenciar
a la vez que armonizar las composiciones tipográficas.
Objetivo:
• Manejar un grupo acotado de familias
tipográficas.
• Ahorrarnos trabajo el día de mañana en la
selección de trabajos para clientes.
• Mezclar “sabores” originales.
Tarea:
• Diseñar un catálogo tipográfico que sea
de tu utilidad para trabajos de diseño en el
futuro.
• Comenzaremos con algunas tipografías
de clase y seguirás el TP en tu casa con
tipografías que utilices vos.
Tipografía en periódico
(Según Rob Carter)
Serifa: Mejora la legibilidad en soporte de
calidad baja (muy absorbente).
Elevada altura de X = mejor lectura.
Tipos condensados= espacio limitado.
Astas con contraste.
Tipografía en periódico
(Según Rob Carter)
Tenemos que tomar una postura:
• Vanguardia o convencionalidad.
Diseño y funcionalidad deben ir de la

mano.
Creatividad, originalidad y novedad no

impolica ir en contra de funcionalidad
y lebigilidad.
10 Normas para buena legibilidad
(Según Rob Carter)
• Fuentes de uso habitual con probada legibilidad
y programas tipográficos con variedad en la
familia.
• Evitar combinar demasiadas fuentes
tipográficas: distrae la atención y quita
consistencia.
• Para bloque de texto es mejor combinación
entre mayúscula y minúsculas. Mayúsculas
crean formas monótonas.
• En bloques de texto de diseño editorial impreso:
lectura a 30/5 cm: entre 8 y 12 puntos.
(Según Rob Carter)
• Evitar tipografías demasiado gruesas (reducen
los blancos)o demasiado finas (cuesta distinguir
formas) . Nunca distorsionar el texto.
• Utilizar interletrado e enterpalabras coherentes
que aumenten proporcionalmente con el cuerpo
tipográfico.
• Longitud de línea: máximo de 70 caracteres. No
cansar al lector con líneas largas que dificultan
encontrar la línea siguiente o cansar con un
salto constante.
(Según Rob Carter)
• Evitar tipografías demasiado gruesas (reducen
los blancos)o demasiado finas (cuesta distinguir
formas) . Nunca distorsionar el texto.
• Utilizar interletrado e enterpalabras coherentes
que aumenten proporcionalmente con el cuerpo
tipográfico.
• Longitud de línea: máximo de 70 caracteres. No
cansar al lector con líneas largas que dificultan
encontrar la línea siguiente o cansar con un
salto constante.
(Según Rob Carter)
• Alineación izquierda es la más óptima para la
legibilidad. En columnas anchas podemos
utilizar justificada (siempre que no se generen
ríos).
• Finalizar las líneas de textos de manera rítmica,
sin homogeneidad ni divergencias tan
contrastadas. Evitar viudas y huérfanas.
• Destacar y enfatizar partes del texto: utilizar
todas las variantes de una misma familia
tipográfica. Si disponemos tipo clara sobre
fondo oscuro vigilar que no se pierda legibilidad
(sobre todo en letras finas).
(Según Rob Carter)
• Alineación izquierda es la más óptima para la
legibilidad. En columnas anchas podemos
utilizar justificada (siempre que no se generen
ríos).
• Finalizar las líneas de textos de manera rítmica,
sin homogeneidad ni divergencias tan
contrastadas. Evitar viudas y huérfanas.
• Destacar y enfatizar partes del texto: utilizar
todas las variantes de una misma familia
tipográfica. Si disponemos tipo clara sobre
fondo oscuro vigilar que no se pierda legibilidad
(sobre todo en letras finas).
Adaptarse al tipo de proyecto
Adaptarse al tipo de proyecto
Jerarquía de Texto
La jerarquía es un procedimiento visual para comunicar la
relevancia en los diferentes elementos que forman parte de
una composición tipográfica.
Jerarquía de Texto
Es una guía visual de organización.
nos da una disposición lógica del texto
nos facilita su lectura y la comprensión.
CODIFICACION:
Se establece un código que indica cómo se tiene que componer el

texto; a cada nivel de jerarquía le corresponderán unas
especificaciones tipográficas concretas (familia, fuente, estilo,
cuerpo y color, entre otros).
Jerarquía de Texto
Jerarquía de Texto
Hay opciones posibles ilimitadas para definir

las jerarquías dentro de un texto.
Lo importante es que la jerarquía escogida
por el diseñador se vea con claridad, sea
lógica y se pueda aplicar.
Lectura y Composición de una Página
Toda composición tipográfica incluye

una serie de elementos que, tanto por
sus características estéticas como de
legibilidad, se tienen que tener
presentes a la hora de decidir la
composición de la página
El lector primero dirige la mirada hacia la

parte superior izquierda, luego hacia el
centro y finalmente hacia los extremos.
Si los pesos visuales están equilibrados

primero se leerá el texto y luego la
imagen.
En una revista hay preferencia de mirada

hacia la página derecha (allí la publicidad
es más cara).
“Eye Tracing”:
Mecanismo de información para saber
qué miramos y en qué orden.
Se utilizan tecnologías diversas, incluso podemos encontrar aplicaciones
libres en Internet como el Lightweight Eyetracking Algorithm. Una vez la
tenemos instalada, mediante la webcam, calcula el recorrido del ojo y nos
devuelve los movimientos llevados a cabo.
Diagrama de Gutenberg:
Un diagrama que describe el patrón
general que sigue la vista cuando
observa una información homogénea.
Diagrama de Gutenberg
1) la zona óptima primaria (ubicada en
la parte superior izquierda),
2) la zona de barbecho fuerte (ubicada

en la franja superior derecha),
3) la zona de barbecho débil (ubicada en

la franja inferior izquierda) y
4) la zona terminal (inferior derecha).

Los lectores occidentales empezamos la

lectura de la página por la zona óptica
primaria y vamos bajando mediante una
serie de barridos visuales hasta la zona
terminal
Cada pasada empieza en un eje de

orientación (éste viene marcado por
elementos que nos ordenan la mirada
como alineaciones, titulares o gráficos)
y sigue una dirección de izquierda
a derecha
Las zonas que no forman parte de este

eje direccional (barbecho fuerte y débil)
reciben una mínima atención si no se les
da relevancia visualmente (mediante
jerarquías visuales o imágenes).
La tendencia natural de esta

direccionalidad en diagonal de superior
izquierda a inferior derecha se llama
gravedad de la lectura y se argumenta
por la gravedad natural (de arriba abajo)
y de convención cultural de la población
acostumbrada a leer de izquierda a
derecha y de arriba abajo.
Tp Rápido
1: Hacé un avioncito de papel

Con una hoja A4 en BLANCO
Tp Rápido
2: desarmá el avión
Tp Rápido
3: DISEÑÁ UNA NOTA UTILIZANDO

LAS LÍNEAS QUE TE GENERÓ
EL DISEÑO DEL AVIÓN
Tp Rápido
¿Cuál es el medio en donde va la nota?

¿ Cuál es la jerarquía de la info?
¿ Cómo dialogan las familias
tipográficas?
¿Qué relación se establece entre tipo e
imagen?
Tp Rápido
TipoInfografía
Primer año Spilimbergo
1. 11.2 Diferentes disciplinas

Definición deldel
y alcances Diseño Gráfico
Diseño Técnico
“Un sistema conceptual y discursivo muy particular útil para la transmisión de

conocimientos…
1 DEFINICIONES BÁSICAS
… ya que sirve para visualizar:

 conceptos,
 ideas,
 situaciones,
 relaciones,
 procesos,
 transformaciones,
 evoluciones
… y otros fenómenos que por lo general NO SON de naturaleza óptica”.
Dicho de otra forma …
Diseño Técnico
1. 11.1 Diferentes
Diferentes disciplinas
disciplinas del DiseñoGráfico Gráfico
del Diseño y sus características.
Clasificación práctica de códigos de cada disciplina de diseño
DISCIPLINA función
Editorial Informativa
DISEÑO GRÁFICO
7 DISCPLINAS DEL
Publicitario Persuasiva
Packaging Persuasiva
Identidad Identificativa
Señalético Orientativa
Técnico Didáctica
Diseño Técnico
1. 11.1 Diferentes
DISEÑO EDITORIAL
Producciones: Libro, revista, periódico…
Códigos: Texto, ilustración, color, página, compaginación.

Estrategias: Sucesión de páginas + Comunicación “bi-media”.
Efectos Sociales: Información sobre datos y acontecimientos.
Diseño Técnico
1. 11.1 Diferentes
DISEÑO PUBLICITARIO
Producciones: prospecto, catálogo, anuncio, cartel.
Códigos: Eslogans, imágenes, textos, marcas, colores.

Estrategias: Motivación, difusión, repetición (plan de medios).
Efectos Sociales: Persuasión: estimulación del consumo.
I
Diseño Técnico
1. 11.1 Diferentes
DISEÑO PUBLICITARIO
Producciones: prospecto, catálogo, anuncio, cartel.
Códigos: Eslogans, imágenes, textos, marcas, colores.

Estrategias: Motivación, difusión, repetición (plan de medios).
Efectos Sociales: Persuasión: estimulación del consumo.
I
Diseño Técnico
1. 11.1 Diferentes
DISEÑO de EMBALAJES o “packaging”
Producciones: estuches, cajas, etiquetas, envoltorios.
Códigos: Objeto gráfico (3D), marcas, colores, logotipos, imágenes, textos.

Estrategias: Protección de producto, Publicidad, Info para usuario.
FX Sociales: Persuasión: hábitos de consumo. Información. Identificación.
I
Diseño Técnico
1. 11.1 Diferentes
DISEÑO de IDENTIDAD
Producciones: marcas, logotipos, planes de identificación (manual de id)
Códigos: Emblemas, tipo, simbología, colores, sistemas de diseño.

Estrategias: Instantaneidad perceptiva, diseño de identidad y de
ambiente.
FX Sociales: Identificación, Im. de marca, productos y/o empresas,
I
Diseño Técnico
1. 11.1 Diferentes
DISEÑO SEÑALÉTICO
Producciones: paneles y circuitos especiales de información.
Códigos: pictogramas, ideogramas, formas, colores, textos.

Estrategias: Instantaneidad perceptiva. Señalización de espacios.
FX Sociales: Orientación en el espacio de acción para correcto uso.
I
Diseño Técnico
DG : Sexto Cuatrimestre
1. 11.1 Diferentes
DISEÑO TÉCNICO
Producciones: esquemas, proyectos, planos, mapas, organigramas.
Códigos: grafos, redes, códigos específicos de cada disciplina.

Estrategias: Presentación de fenómenos, procesos, ideas y manitudes que
no siempre son de naturaleza óptica.
FX Sociales: Didactismo: transmisión de conocimientos. Autodidactismo.
I
Diseño Técnico
1. 11.1 Diferentes
DISEÑO TÉCNICO
Producciones: esquemas, proyectos, planos, mapas, organigramas.
Códigos: grafos, redes, códigos específicos de cada disciplina.

Estrategias: Presentación de fenómenos, procesos, ideas y manitudes que
no siempre son de naturaleza óptica.
FX Sociales: Didactismo: transmisión de conocimientos. Autodidactismo.
I
Diseño Técnico

Definición deldel
Diseño Técnico
Clasificación práctica de códigos de cada disciplina de diseño
DISCIPLINA función
DISEÑO GRÁFICO Editorial Informativa

7 DISCPLINAS DEL
Publicitario Persuasiva
Packaging Persuasiva
Identidad Identificativa
Señalético Orientativa
Técnico Didáctica
TipoInfografía

Definición deldel
TipoInfografía
La imagen didáctica se refiere en su abrumadora mayoría a sujetos

desconocidos, ya sea porque estos son …
ABSTRACTOS INVISIBLES/ocultos COMPLEJOS

►ideas ►fenómenos ►procesos temporales
►conceptos ►mecanismos ►construcciones
►flujos mentales
►Fenómenos diacrónicos
TipoInfografía
1. 11.3 Diferentesgráficos
Lenguajes disciplinas deltransmisión
en la Diseño delGráfico
conocimiento.
ICÓNICO ESQUEMÁTICO ABSTRACTO

Imágenes figurativas Esquemas Discurso oral y escrito

Formas analógicas de Se representan aspectos Formas encripto-fónicas
representación de la realidad por medio de designación.
de formas lógicas de
traducción icónica
El lenguaje gráfico-esquemático
ayuda a percibir más allá de la
inmediatez y el alcance de la visión
TipoInfografía
conocimiento.
TipoInfografía
1. 11.1 Diferentes
Diseño Técnico
►Pretende la transmisión de informaciones.
►Sus códigos referentes principales son los grafos, las redes y códigos
específicos de cada disciplina empleados con estrategias orientadas a la
presentación de fenómenos, procesos, ideas, y magnitudes que no siempre
son de naturaleza óptica.
► Sus productos más conocidos son los planos, proyectos, esquemas, mapas y
organigramas.
►La tendencia es la representación realista y hasta hiperrealista.
TipoInfografía
1. 11.1 Diferentes
TipoInfografía
conocimiento.
La cualidad didáctica específica de los esquemas y los grafos es la de

hacer visibles cosas que por naturaleza no lo son, tornándolas
imaginables y comprensibles.
TipoInfografía
conocimiento.
La imagen didáctica es …
► una esquematización de la mente

concentrada en formas visuales.
► una sucesión de abstracciones

que se cristalizan en una síntesis.
La imagen gráfica se construye … Didáctismo =

►para servir a una finalidad de clarificación, Término más asociado al
haciendo transparente un fenómeno aprendizaje que a la
complejo. enseñanza.
Uno puede aprender por experiencia
► por un utilitarismo que tiene como objetivo propia (observación, sentidos,
la transmisión de conocimientos. razonamiento).
TipoInfografía
conocimiento.
TipoInfografía
1. 1 DIDÁCTICA DE LAdisciplinas
Diferentes COTIDANEIDAD:
del Diseño el manual
Gráfico de uso
Los pequeños problemas del consumo de objetos:

BIENES DE EQUIPO BIENES DE USO
Instrumental complejo Cada vez más complejos
Campo altamente Aparentemente + fáciles
especializado de usar
EN LAS SOCIEDAD
POSMODERNA SE
PRESENTAN 3 ALIADOS
DEL CONSUMISMO:
Marketing
Publicidad
Producción
TipoInfografía
Gráfico de uso
Los pequeños problemas del consumo de objetos:

A raíz de esto, surge el MANUAL DE USO
Para el objeto hacer más

•INTELIGIBLE
•DOMINABLE
•COMPRENSIBLE
TipoInfografía
Gráfico de uso
DISEÑO GRAFICO DISEÑO INDUSTRIAL

Diseño gráfico Diseño del objeto
del objeto industrial
(señaletica del (ergonomía)
aparato
industrial).
Embalaje
(envoltorio
publicitario)
TipoInfografía
Gráfico de uso
MANUAL DE USO= biblia del usuario

Compensador intelectual de la complejidad
TRABAJO FINAL
funcional del aparato

Detalles sobre mantenimiento y cuidados
(aunque siempre se rompe lo mismo)
TipoInfografía
Gráfico de uso
Diseñador industrial= un programador de comportamientos
Complejidad afejta al dominio del usuario

DOMINIO operacional: resultado funcional coherente del dominio
intelectual. “qué botón?”
DOMINIO INTELECTUAL: Comprensión de la lógica del aparato.
Límites y posibilidades del programa.
LA IDEA NO ES LEERSE TODO EL MANUAL Y APRENDERLO DE

MEMORIA SINO
TipoInfografía
Gráfico de uso
DESCIFRAR Y ASIMILAR LAS LEYES DEL PROBLEMA

TipoInfografía
Gráfico de uso
Evolución cultural de manuales de instrucciones:
Para tornar el manual en un elemento didáctico, hay que hacer

USO DEL LENGUAJE GRáFICO (grafos y esquemas)
Tp infografía.
Modo multidimensional de presentación de la información.

TipoInfografía
1. 1 TP INFOGRAFÍA
DiferentesHAPPY
disciplinas del Diseño Gráfico
Sobre HAPPY:
Diseñar un folleto infográfico cuyo título de es un documental que se estrenó en el
la portada será “Manual para ser feliz” para 2011, dirigido y escrito por Roko Belic,
distribuirse gratuitamente en universidades que explora y define el concepto de la
de todo el país. felicidad humana a través de entrevistas
con personas de todas clases sociales en
La información del mismo será extraída de la
Tp infografía.
14 países.
película Happy (2011) que hemos visto en
clase. Desde el 2005 y durante 6 años, el
director Roko Belic viajó por todo el
Trabajarás con planos, esquemas, mapas y mundo para identificar qué hace feliz al
organigramas, junto a una mancha ser humano en distintos lugares del
tipográfica equilibrada en la página. mundo, a partir de un artículo del New
York Times que decía que EU rankeaba
en el lugar 23 de los países más felices.
Formato: a elección.
Los países que visitó el cineasta: EE.UU.,
Pliegos: mínimo tríptico. Brasil, Inglaterra, Escocia, Egipto, India,
Entrega: clase siguiente al segundo parcial. Japón, Bután, Dinamarca, Namibia,
Kenia, China, Tailandia
TipoInfografía
1. 1 TP INFOGRAFÍA
DiferentesHAPPY:
disciplinasPALABRAS
del Diseño CLAVE
Gráfico
- Conectividad: las relaciones fuertes con los

amigos, la familia y la comunidad hace a la
gente más feliz
- Generosidad: dar aumenta la felicidad.
- Novedad: salir de la rutina hace que la
Tp infofrafía
gente sea más feliz.

- Juego: las personas que hacen ejercicio
físico aeróbico son más felices.
- Fluir (Flow): participar en un hobbie
totalmente absorbente hace que la gente sea
más feliz.
- Salud y longevidad: personas que son
felices son más saludables y viven más
tiempo aún.
¿Qué va para el segundo parcial?
1. 1 TP INFOGRAFÍA
DiferentesHAPPY:
disciplinasPALABRAS
del Diseño CLAVE
Gráfico
-En el segundo parcial veremos tipografía para edición:

• Estudiar Prezi :
• Diapo 264: precursores de diseño editorial
Para estudiar M. Choice
• Diapo 308: disposición de la mancha.

• Diapo 403: Diseño editorial.
•de Espaciado y diseño Editorial
• Powerpoint: desde ortotipografía hasta Infografía
• Del apunte Escritura y tipografía.
• CONCEPTOS HISTORICOS
• 1.4: La nueva Tipografía.
• 1.5 Tipografía Actual.
• Complementar esto con libro de Montesinos y Kane.
• COMPOSICIÓN TIPOGRÁFICA:
• 3.1: Composición tipográfica editorial.
• 3.2: Composición Tipográfica para pantalla
• Complementar con Montesinos y Kane.
¿Qué va para el segundo parcial?
1. 1 TP INFOGRAFÍA
DiferentesHAPPY:
disciplinasPALABRAS
del Diseño CLAVE
Gráfico
• Complementario:
• Montesinos Cap. 6 a 11
• Kane: 75/144

TIPOMETRIA 2016siglo21

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

TIPOMETRIA 2016siglo21

Transféré par

Droits d'auteur :

Formats disponibles

Tipografía Siglo21

Tp1: de la imagen a la palabra

Tp2: Remera caligráfica

Tp2: Remera caligráfica REMERA

Tp3: Cd de música Tapa+cd

Tp5: Rediseño Nota Revista 2 A3

Bitácora de todo Anillado

Tp2: Remera caligráfica REMERA

Tp3: Cd de música Tapa+cd

Tp5: Catálogo tipográfico Libre

Tp6: Infografía Tríptico

Bitácora de todo Anillado

Benjamín pidió una bebida de Kiwi y Fresa.

El blanco entre los signos que deben

El ojo debe reconocer armonía y equilibrio

La Distancia entre letras debe ser evaluada cada vez

La Distancia entre letras debe ser evaluada cada vez

La ortotipografía, en inglés (typographical syntax) es el

El espacio entre palabras es 1/3

Las variables más importantes

Familias antiguas: ojo medio

La separación entre letras es el

•Separación entre palabras

•Separación entre palabras

Una aplicación práctica de esta regla es combinar una

Actualmente, puede haber para una misma tipografía

Diseño y funcionalidad deben ir de la

Creatividad, originalidad y novedad no

Se establece un código que indica cómo se tiene que componer el

Hay opciones posibles ilimitadas para definir

Toda composición tipográfica incluye

El lector primero dirige la mirada hacia la

Si los pesos visuales están equilibrados

En una revista hay preferencia de mirada

2) la zona de barbecho fuerte (ubicada

3) la zona de barbecho débil (ubicada en

4) la zona terminal (inferior derecha).

Los lectores occidentales empezamos la

Cada pasada empieza en un eje de

Las zonas que no forman parte de este

La tendencia natural de esta

1: Hacé un avioncito de papel

3: DISEÑÁ UNA NOTA UTILIZANDO

¿Cuál es el medio en donde va la nota?

1. 11.2 Diferentes disciplinas

“Un sistema conceptual y discursivo muy particular útil para la transmisión de

… ya que sirve para visualizar:

Códigos: Texto, ilustración, color, página, compaginación.

Códigos: Eslogans, imágenes, textos, marcas, colores.

Códigos: Eslogans, imágenes, textos, marcas, colores.

Códigos: Objeto gráfico (3D), marcas, colores, logotipos, imágenes, textos.

Códigos: Emblemas, tipo, simbología, colores, sistemas de diseño.

Códigos: pictogramas, ideogramas, formas, colores, textos.

Códigos: grafos, redes, códigos específicos de cada disciplina.

Códigos: grafos, redes, códigos específicos de cada disciplina.

1. 11.2 Diferentes disciplinas

DISEÑO GRÁFICO Editorial Informativa

1. 11.2 Diferentes disciplinas

La imagen didáctica se refiere en su abrumadora mayoría a sujetos

ABSTRACTOS INVISIBLES/ocultos COMPLEJOS

ICÓNICO ESQUEMÁTICO ABSTRACTO

Imágenes figurativas Esquemas Discurso oral y escrito

La cualidad didáctica específica de los esquemas y los grafos es la de

► una esquematización de la mente