Historia de la diagramacion
30
Historia de la Diagramación Liseth Barraza Beatriz cantillo Luis Fernando Misal
Transcript of Historia de la diagramacion
Historia de la Diagramación
Liseth Barraza
Beatriz cantillo
Luis Fernando Misal
Principios clásicos
Origen de la
geometría,
que significa
literalmente
“ medida de la tierra”,
nació en el antiguo
Egipto para tratar la
relación espacial de
los
Objetos.
La gran pirámide de Keops
Primeros manuscritos
La elaboración
de manuscritos
era de forma
lenta y
laboriosa de
reproducir
textos, por que
consistía en
copiar a mano
un original
Jeroglíficosen la ilustración podemos ver un papiro con caracteres
jeroglíficos del antiguo Egipto, uno de los primeros
tipos de escritura.
Nacimiento de la imprenta
• En la actualidad las
publicaciones impresas son la
culminación de siglos de
evolución en la tecnología de
impresión
• Los cánones constituyen una
serie de principios de diseño
generales que sirven de
ayuda a la hora de tomar
decisiones.
• Algunos cánones son
utilizados para definir espacios
de bloques de texto
Sutra del DiamanteEs considerado el texto impreso mas
antiguo del mundo.
Canon de van de
Graaf
Es un método utilizado para
dividir las paginas de un libro
en proporciones armoniosas.
Canon áureo de
construcción de una
pagina de Tshichold
combina diagonales y un
circulo con la división de la
pagina de Rosarivo en
novenos.
Movimientos
Clasicismo
Hace referencia a las
características fundamentales del
arte clásico de la antigua Grecia,
entre las cuales se encuentran la
representación proporcional, la
sencillez, la armonía y la limitación
emocional.
Renacimiento
nacimiento del humanismo y el
estudio de la naturaleza
El movimiento Arts and
Crafts
colección de objetos y prendas con
flecos, la sencillez, la buena artesanía y
el diseño.
El art Nouveau
Fue un estilo de decoración, arquitectura
arte y diseño grafico, caracterizado por
sus líneas ondulantes, curvas sinuosas y
la representación de hojas, flores y
vides.
La Bauhaus
Nació con el propósito de dar un
enfoque fresco al diseño y se caracterizo
por la búsqueda de la funcionalidad, en
lugar de ornamentación y uso de formas
geométricas.
El art déco
Es un estilo de principios del siglo xx
que alababa la evolución de la
tecnología y la rapidez y se
caracterizo por sus diseños
geométricos, diseños espaciosos y
líneas fuertes y dinámicas
Modernismo
se expreso a través del movimiento
cubista, surrealista y dadaísta, nació
de la industrialización y urbanización
de la sociedad occidental, y de la
necesidad de dar sentido a dichos
cambios tan trascendentes.
Estilo internacional
Se basaba en los principios
revolucionarios de la década de
1920. la Bauhaus y la nueva
tipografía de Jan Tschichold se dio
en la década de 1950
El posmodernismo
Es un movimiento creativo, nacido
después de la segunda guerra mundial
(1960) Deconstruyó la autoridad y el
orden establecido juntando la
fragmentación, la incoherencia y el puro
ridículo.
La Deconstrucción
es un enfoque posmodernista critico,
inicialmente expuesto puesto por Jacques
Derrida, que pretende socavar las
referencias y presuposiciones ocultas tras
un modelo de pensamiento a la vez que
descubrir la forma en que este construye
su significado.
El proceso del Diseño ¿ que es diseño?
es un medio de registrar,
representar, ordenar y
comunicar información
sobre una intención o
función especificas.
La intención de un diseño
será a manudo tan simple (
o compleja) como un
informe de un diseño que
plasma el objetivo y la
finalidad de un proyecto.
Ahí diversas metodologías
para crear un diseño: •Diseño orientado al usuario
•Diseño orientado al uso
•Diseño axiomático
•Kiss
•Enfoque descendente
•Enfoques ascendente
•Filosofia Python
•TIMTOWTDI
•Pensamiento lateral
•Navaja de Occam u Ockham
Medidas relativas y absolutas
Medidas absolutas
Se basan en valores fijos por
ejemplo en tipografía, los
puntos y picas constituyen
unidades de medida básicas
que representan valores fijos y
absolutos
Las medidas representan una parte esencial del diseño. La comprensión de diversos conceptos
relacionados con las medidas ayuda a consolidar y profundizar los conocimientos de diseño.
Medidas relativa
están relacionados
directamente con el
tamaño del tipo en el que
se componen.
Proporción Es la relación visual o estructural existente entre el la parte de un elemento y el
todo.
La sección áurea en la naturaleza
la proporción 8:13 de la sección áurea también esta presente en la naturaleza., por
ejemplo, en los caparazones de los caracoles, en las pipas de los girasoles y en los
panales de abejas.
La geometría y las
matemáticas La sección aurea se puede crear de dos formas, una solución basada en la medida y
una solución geométrica
La creación de una sección aurea mediante la geometría
en la ilustración vemos la secuencia de la creación de una sección aurea con un
compas y una escuadra. Para crearla se toma un cuadrado (A), se divide en dos (B) y
se forma un triangulo isósceles (C) trazando líneas desde las esquinas inferiores hasta
la parte superior de la línea divisoria. Luego se dibuja una un arco desde el vértice del
triangulo hasta la línea base (D), y se traza una línea perpendicular a la línea base
desde le punto de intersección con el arco y finalmente se completa el rectángulo para
formar la sección aurea (E)
Creación de una sección
aurea mediante las
matemáticas
también se puede crear una sección
aurea mediante un sencillo calculo
matemático. Se dibuja una línea (A) y se
divide en la en la proporción 8:13 (B).
Cada parte de la línea se puede utilizar
como la parte mas larga a partir de la
cual se dibuja un rectángulo áureo con la
proporción 1:1,618 (C).
Aplicación
La aplicación de la sección aurea se
puede ver a diario, ya que forma la base
de los tamaños de papel estándar. En la
siguiente ilustración vemos como una
pagina dividida según los principios de la
sección aurea crea un área para un
bloque de texto con diferentes márgenes
a su alrededor con la que se obtiene una
pagina o una doble pagina que transmite
equilibrio
La regla de los tercios
Es un método que suelen
emplear los fotógrafos
para obtener interesantes
composiciones. La regla
de los tercios se puede
utilizar para crear puntos
centrales que sirvan de
guía para ubicar los
elementos de mayor
interés.
El centro visual
El centro visual no
hace referencia al
centro matemático
de una imagen o un
diseño, sino aun
punto situado
ligeramente por
encima y a la
derecha de este,. El
centro visual
proporciona a una
obra un punto
central en el que
detendrá la mirada
del espectador
Proporciones humanas
En el antiguo Egipto
se desarrollaron
medidas especificas
basadas en el
cuerpo humano,
como el cúbito real,
la medida que
representa la
longitud desde el
codo del faraón
hasta el extremo de
la mano extendida. El hombre de vitruvio de Leonardo da vinci,
un dibujo de las proporciones del cuerpo
humano
Cuadriculas y composiciones
La cuadricula es
una herramienta
que sirve para
situar y organizar
los elementos de
un diseño con el fin
de facilitar y
simplificar la tarea
del diseñador a la
hora de tomar
decisiones.
Columnas
Las columnas son
las divisiones
verticales de una
maqueta en las que
se suele presentar
el texto.
Independiente de
que sean estrechas,
anchas o se
presenten incluso
inclinadas.
Se presenta una doble pagina simétrica con
cuatro columnas.
Campos y módulos
La división de una
cuadricula en
diferentes campos o
módulos supone para
el diseñador el
aumento de los
espacios activos, a la
vez que se mantiene
la estructura básica de
las columnas. Estructura similares a un campo
Elementos de una pagina
La narración: los diseños contienen diferentes narraciones sociales, ideológicas,
psicológicas o teóricas que aspiran a dar sentido a la comunicación visual de los
elementos de diseño individuales. Encontramos varios tipos de narración entre ellas:
Narración lineal: pretende dar significado al texto
Narración doble: se trata de la presencia simultanea de mas de una narracion en una
misma obra o pagina
Narración dinámica: consiste es una historia que permite dar un vuelco a la
comprensión del lector para que entienda un cambio en un sistema complejo
favoreciendo su comprensión.
Anti narración: esta modalidad surge a partir de una historia que nace en oposición a
otra con la que compite y acaba minando la historia original.
Metanarración o “ gran narracion”: es una historia que abarca todo o un relato
arquetípico de un acontecimiento histórico a partir del cual se ordenan las experiencias
o pensamientos de un individuo.
Espacios en blanco
Es la superficie
vacía e
inutilizada que
rodea los
elementos
gráficos de un
diseño para que
este pueda
“respirar” Texto con espacios en blanco
Equilibrio Este concepto es
sinónimo de armonía
visual en un diseño y de
reconciliación de fuerza
opuestas en una
composición para
obtener la estabilidad.
Hay dos formas de
equilibrio:
Equilibrio simétrico
implica que cada lado de
una composición tiene el
mismo “peso”
Equilibrio asimétrico
implica la ubicación de
objetos de forma que
pueda variar su peso
visual para conseguir el
Equilibrio
simétrico
Equilibrio
asimétrico
Yuxtaposición
En diseño grafico
yuxtaposición
significa colocar
una imagen junto
a otra para crear
una relación entre
ellas.
Alineación Hace referencia a la posición de
los tipos dentro de un bloque de texto, tanto en el plano vertical como el horizontal. Entre ellas encontramos tipos de alineación:
Alineación izquierda: el texto se alinea en el margen izquierdo y acaba de forma irregular
Alineación derecha: es menos habitual, pues resulta mas difícil de leer porque el punto de inicio de cada línea es diferente
Justificación: esta alineado tanto en el margen derecho como en el izquierdo y se extiende por toda la amplitud de la caja.
Centrado: cada línea se alinea en el centro vertical del bloque de texto.
Justificación forzada: el texto se alinea tanto a en el margen derecho como en el izquierdo, con la diferencia de que también se justifican las líneas de texto mas cortas.
Alineación izquierda
Alineación derecha
centrado
justificado
Justificado forzado
Interlineado y fuentes
Las fuentes son
los propios
caracteres,
mientras que el
interlineado sirva
para espaciar las
líneas de texto, ya
que un texto sin el
resultaría
engorroso de leer.
A continuación
ejemplos de
estas.
Guiones y justificación El uso de guiones, justo
con el espaciado de
palabras, constituye una
herramienta para
controlar un bloque de
texto justificado. La
justificación puede
favorecer la aparición de
calles y espacios en
blanco en un bloque de
texto, porque las
palabras se alinean tanto
al margen izquierdo
como al derecho.
Podemos encontrar
huérfanas, viuda,
ladronas, guiones
permitidos y no
permitidos, justificación
estándar y justificación
estrecha
Algunos ejemplos de estos usos
Sangrado Consiste en la
introducción de un
espacio de longitud
variable al inicio de
un cuadro de texto
con el fin de
establecer un punto
de inicio claro y sin
ambigüedades en un
pasaje de texto.
Existen varios tipos
de sangrado:
Sangría de alto de
línea
Sangría de primera
línea
Sangría decorativa
Sangría francesa
Sangría en un punto
Sangría negativa
Sangría francesa Sangría de salto de línea
Sangría
negativa
Sangría de primera línea
Algunos ejemplos de los tipos de
sangría
Diseño editorial Escrito impreso, como un
libro, una revista, un
periódico, etc. que ha sido
publicado y la
comunicación de
información a un publico.
Los 6 elementos básicos
En términos de diseño de
publicación, existen las
siguientes seis aéreas
clave que pueden afectar a
un diseño:
formato
Retícula
Tipografía
Color
Cubierta o cabecera, y
Uso de las imágenes
Copyright
Es una ley que otorga
al creador de una
pieza los derechos de
controlar las formas
en que esta puede
ser utilizada y evita
que otros la copien
