Teora y prctica

de la grfica
multimedia
tridimensional
Jos Antonio Ortega Carrillo
Roco Aguilera Glvez
 Qu es una grfica?

Componentes de la grfica multimedia

e hipermedia

Tipos de grficas
 Es una representacin de unos datos (ideas,
conceptos, emociones, nmeros, etc.) mediante
recursos grficos (lenguajes visual y escrito):
isomorfismo texto- grfico

Su objetivo es facilitar la comprensin sistematizada y

organizada de los datos representados

Dependiendo del nmero de variables o de lo que se

quiera representar se utilizar un tipo de grfica u
otro, eligiendo de una diversidad de formatos
 Formas Planas Bsicas

Formas Geomtricas tridimensionales

Formas Figurativas (imgenes, smbolos, )

Textos

Audios, videos y animaciones (incluyendo

lenguaje gestual)
 FORMAS BSICAS
(Lnea, punto, contorno (forma) )

Agregan sentido a la informacin

Complementan y consolidan significados
Establecen relaciones visualmente
Se debe tener en cuenta la simbologa de las
formas geomtricas y las lneas para
seleccionarlas en la construccin de grficos
 FORMAS BSICAS
(Lnea, punto, contorno (forma) )
 FORMAS FIGURATIVAS
(Imgenes, smbolos,)

Tienen que dar una informacin extra, servir

de aclaracin o reforzar el tema del texto

Las formas figurativas aaden contenido

emocional

Las imgenes no son para decorar por lo

que es necesario definir por qu aparecen
insertas
 Funciones de la Imagen:

Emotiva o Expresiva

Transmiten emociones y sentimientos

Utiliza varios elementos que en su conjunto
acceden a la
memoria afectiva del individuo
 Funciones de la Imagen:

Exhortativa, conativa o apelativa

Utiliza la persuasin como arma, pretende

convencer de manera lgica
 Funciones de la Imagen:

Informativa

Imgenes que se usan para apoyar un

texto, como revistas, anuncios, libros de
texto, etc
 Funciones de la Imagen:

Potica o esttica

Son las imgenes que percibimos como

artsticas, o que encajan con el arquetipo
de belleza.
 Funciones de la Imagen:

Ftica

Pretende llamar la atencin , mediante el uso del

contraste, color, figura y otros aspectos, para
poder captar al lector.
 Funciones de la Imagen:

Descriptiva

Transmite informacin objetiva,

descriptiva y detallada sobre lo que esta
representado.
 Funciones de la Imagen:

Metalinguistica

Se refiere al cdigo; el mensaje debe

ser claro y enfocado a las personas
que quieres hacer llegar ese mensaje.
 TEXTOS
Elegir una tipografa adecuada para facilitar la percepcin
y el proceso lector (legibilidad), segn sea una grfica
impresa o proyectable
Elegir el cuerpo de letra adecuado, cuidando el grosor
cuando sea una grfica proyectable
Crear un texto coherente
Frases cortas y sin abusar de las comas (flashes-
titulares periodsticos)
Mensaje unvoco, preciso, inmediato y seguro
Mensaje emocionalmente impactante
 TEXTO

Grafa
Prestar atencin al tipo de letra escogido.
Teniendo en cuenta la legibilidad, la distancia a la que
estar el pblico o cmo quedar en pantalla completa.
 Califica de 1 a 10 la legibilidad de este tipo de letra?

Califica de 1 a 10 la legibilidad de este tipo de letra?

Califica de 1 a 10 la legibilidad de este tipo de letra?

Califica de 1 a 10 la legibilidad de este tipo de letra?

Califica de 1 a 10 la legibilidad de este tipo de letra?

Califica de 1 a 10 la legibilidad de este tipo de letra?

Califica de 1 a 10 la legibilidad de este tipo de letra?

 TEXTO
Maysculas-Minsculas

Las maysculas requieren:

35% ms de espacio
12% ms de lentitud lectora

El uso de mayscula es controvertido, slo se

aconseja usarlas para vietas de inicio y
finalizacin del grfico.
 TEXTO

Contraste claro-oscuro
La eleccin correcta en la combinacin del fondo y
el color de la letra es vital para su legibilidad
 Combinaciones de color letra-fondo evitables

Influencia de la combinacin
de color

Influencia de la combinacin
de color
Influencia de la combinacin
de color

Influencia de la combinacin
de color
Influencia de la combinacin
de color

Influencia de la combinacin
de color
Influencia de la combinacin
de color

Influencia de la combinacin
de color
Influencia de la combinacin
de color

Influencia de la combinacin
de color
 TEXTO

Lneas de texto
Se leen con ms dificultad las alineaciones en el
centro y en la derecha.
Por ello en Occidente se aconseja la alineacin izquierda
mientras que en lenguas rabes y orientales se recomienda
la derecha.

Variaciones Tipogrficas
La negrita tiene un ndice de legibilidad ms bajo.
Las cursivas presentan menos dificultad de lectura.
La negrita suelen reservarse para expresar titulares- ideas clave.
Variaciones cromticas: Seleccionar colores para cada nivel de
informacin del grfico
 TEXTO
Espacios: Son vitales para favorecer la
lectura de un texto
Letras
Palabras
Lneas
 TEXTO
Espacios

Son vitales para favorecer la lectura de un texto

Letras
Palabras
Lneas
 TEXTO
Espacios

Letras:
Grfica (muy estrecho)
Grfica (estrecho)

Grfica (separado)
G r f i c a ( muy separado)
 TEXTO
Espacios
Palabras:
La distancia entre palabras
La distancia entre palabras
La distancia entre palabras
La distancia entre palabras
Ladistanciaentrepalabras
 La grfica
TEXTO didctica

Espacios La grfica
didctica
Lneas
La grfica
didctica

La grfica

didctica
 Audios, videos y animaciones (incluyendo
lenguaje gestual)

http://www.youtube.com/watch?v=p8of7xEod3g (Minuto 12-13)

 FUNCIONES Expresiones Grficas
Visualizacin Didctica
La realidad y las imgenes Cartogrfica
icnicas Cartografa temtica (google map)
Isogramas
Pictogramas
Signos icnicos
Ideogramas
Cdigos profesionales, tcnicos y
Smbolos
cientficos
Histogramas
Datos cuantitativos Diagramas
Organigramas, etc.

Semantogramas
Logigramas
Conceptos y textos
Estructuraciones lgico-
semnticas
Sirven para representar visualmente en el espacio grfico,
algn tipo de sistema lgico, ya sea este la preparacin
calculada de una accin o la estructura de relaciones dentro
de una organizacin.

Para enmarcar los conceptos se recomienda usar rectngulos

Utilizar siempre un mismo tipo de forma geomtrica

Para resaltar la jerarqua pueden reforzarse la tridimensionalidad

de las vietas con sombras, inclinaciones, etc.

 Para los conceptos de un mismo nivel usar el mismo
tamao, pudiendo variarse en los otros

Las lneas de conexin es preferible que vayan sin

flechas

Es importante que tengan el mismo grosor

Las lneas siempre sern rectas evitando los serpenteos

y las lneas quebradas
Requieren de unos pasos previos para su
elaboracin
Recogida de informacin
Registro, anlisis y estructuracin de los
contenidos

Elementos : Texto
Figuras geomtricas
Lneas de conexin entre ellas
 Tipos de Organigramas

mbito de
Naturaleza Contenido Presentacin
Aplicacin

Horizontales
General Especfico Integral Funcional
Verticales

De bloque

Mixtos

Circulares
Organigrama General
Organigrama Especfico
Organigrama Integral
Organigrama Funcional
Organigrama Vertical
Organigrama de Bloque
Organigrama Mixto
Organigrama Horizontal
Organigrama Circular
Los elementos fundamentales son:
Conceptos:

Objetos o acontecimientos que provocan en los sujetos

imgenes mentales Palabras

Proposiciones:
Configuradas por dos o ms conceptos unidos por
palabras-enlaces que conforman una unidad semntica

Palabras de enlace:
Elementos que sirven para unir los conceptos y sealar
el tipo de relacin existente entre ellos Enunciados
 La informacin debe aparecer en forma de conceptos clave

Es preferible elaborar varios mapas, que sobrecargar uno

Hay ms variedad de elementos grficos que en los

organigramas

Segn la manera de representar y distribuir la informacin,

hay cuatro tipos: de red, de rbol, de diagrama de flujo y de
sistema.
FORMA DE RED
La informacin se organiza ubicando el factor central en
el centro del mapa y a partir de l, surgen los otros
conceptos subordinados.
Concepto
Concepto Secundario
Secundario Palabra de
enlace Palabra de
enlace

Concepto
central

Palabra de
Palabra de
enlace
enlace

Concepto Concepto
Secundario Secundario
FORMA DE RBOL

Organiza la informacin en un orden ascendente o

descendente

Se usan en los casos donde la jerarqua entre conceptos

es ms acentuada y donde el factor ms importante se
coloca en la cima de la estructura
 Concepto
Principal

Palabra de Palabra de
enlace Palabra de
enlace enlace

Concepto Concepto Concepto

secundario secundario secundario

Palabra de Palabra de
Palabra de enlace
enlace enlace

Concepto Concepto Concepto Concepto

Concepto Concepto Especfico Especfico
Especfico Especfico Especfico Especfico

Hubiera sido aconsejable hacerlo en sentido

ascendente?
Concepto Concepto Concepto Concepto Concepto Concepto
Especfico Especfico Especfico Especfico Especfico Especfico

Palabra de Palabra de Palabra de

enlace enlace enlace

Concepto Concepto Concepto

secundario secundario secundario

Palabra de
Palabra de enlace Palabra de
enlace enlace

Concepto
Principal
FORMA DE DIAGRAMA DE FLUJO

La informacin queda organizada de forma lineal

Concepto
central
Concepto
Concepto central
central
Concepto
central
FORMA DE SISTEMA

Organiza la informacin parecida al diagrama de flujo

Aparece informacin relativa a las implicaciones que

pueden obtener o derivar de la entrada de ciertas
variables en el proceso
 La estructura compositiva se inspira en la arquitectura
natural

Su elaboracin tiene cuatro caractersticas:

Asunto principal en el espacio central
Los temas principales irradian de la imagen central de
forma ramificada
Sobre las ramas se disponen imgenes o conceptos o
palabras-clave
El conjunto grfico forma una estructura nodal
interconectada
 Se pueden mejorar y enriquecer con colores, imgenes,
cdigos, etc.
Para su elaboracin, seguir dos tipos de leyes:
Leyes de la tcnica
Leyes de la diagramacin
Organizar bien el espacio global y en el texto
Utilizar la sinestesia
Usar siempre una imagen central (3 colores)
 Utilizar flechas para establecer conexiones dentro del
diseo ramificado
Usar colores y smbolos
Lneas centrales ms gruesas
Slo una palabra clave por lnea
Utilizar la mayscula
Que siempre haya unin entre las ramas mayores con la
imagen central
 Se utilizan para mostrar comparaciones entre datos
Tipos:
Tablas
Grficas de lnea
Grficas de barras
Grficas de rea
Diagramas combinados
Diagramas ilustrativos
 No es una grfica propiamente dicha, aunque comparte
algunas caractersticas
Es un tipo de esquema muy utilizado en la docencia
En estadstica, una tabla es una matriz de datos en los
que se disponen los valores de una o ms variables
Una de las variables ms importantes es la alineacin del
texto
 De una forma ms simple, una tabla es slo una lista
informativa en la que la informacin aparece estructurada en
filas y columnas, en las que generalmente hay cabeceras.

Cabecera de Cabecera de Cabecera de

columna 1 columna 2 columna 3
Cabecera Fila 1 11 12 0,00
Cabecera Fila 2 21 22 00,00
Cabecera Fila 3 31 32 000,00

Cuando hay decimales, tienen que colocarse para que

queden verticalmente alineados
 A partir de ah, usar la creatividad de cada uno y las
posibilidades que ofrece el diseo de tablas.

Cabecera de Cabecera de Cabecera de

columna 1 columna 2 columna 3
Cabecera Fila 1 11 12 0,00
Cabecera Fila 2 21 22 00,00
Cabecera Fila 3 31 32 000,00
 Estn formados por una matiz en forma de
cuadricula en la que se sitan una serie de puntos,
correspondientes a los valores, unidos por algn
tipo de lnea.
7
6
5
4
3
2
1
0 Serie 1
 La funcin visual ms importante es la de mostrar el
ndice de cambios entre puntos

Aunque en la mayora de los casos estas grficas tienen

orientacin vertical, tambin puede hacerse en
horizontal.
 Estn formadas por dos ejes perpendiculares y sobre
uno de esos, se colocan las barras que representan los
valores de las variables siguiendo unas escalas
determinadas
Dependiendo del eje escogido ser un diagrama vertical
u horizontal
La funcin principal es la de mostrar magnitudes
Todas las barras deben de partir de una base
perfectamente reconocible
 Hay otro tipo de diagramas de barras menos
convencionales creadas con figuras o iconos.

Pictograma
Ao I1
Ao 1

Ao IV
Ao III
 Las grficas de rea muestran los valores
como reas
50

40

30
Serie 2
20
Serie 1
10

0
Da 1 Da 2 Da 3 Da 4 Da 5
 Es una combinacin de dos tipos de diagramas, aunque
es menos usual
 Utilizan imgenes para describir una situacin o una
serie de eventos y no deben confundirse con otro
tipo de graficas
Se usan para esquematizar conceptos fsicos en
contextos localizados
Puede ser de gran utilidad sobre todo en reas
como Ed. Fsica, ciencias naturales, etc.
 Sirven para representar visualmente, las relaciones
que existen entre un conjunto de datos, mostrando
factores que ejercen influencia sobre otros

Las ms comunes son las casuales con las que se

sintetizan y se intercambian las variables
explicativas, asociadas a un texto analtico de
referencia en el que se describe el significado de las
conexiones entre factores
 Puede componerse mediante cinco formas distintas:
circular, jerarquizada, lineal, dispersin y en
volumen.

Para su realizacin, es mejor que no haya muchos

ngulos, pues dificultan la lectura

Hay que evitar las intersecciones entre las lneas de

relaciones
 Hay que intentar simplificar el dibujo de una red, como
aqu
 El orden significativo es importante.
La manera en que se ordenaran los componentes
determinaran su lectura visual
 La siguiente grfica es la distribucin compositiva
de los componentes y sus lneas de relacin la que
induce a una lectura radial alejando el peligro e
intersecciones de recorridos visuales