SlideShare una empresa de Scribd logo
1 de 18
MATERIA:DISEÑO GRAFICO
TEMA: DIAGRAMACIÓN Y COMPOSICIÓN
ALUMNA:PATRICIA INCHIGLEMA
TUTORA:ING.MYRIAM NOURY PUNINA
MODALIDAD DISTANCIA
DIAGRAMACIÓN
Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e
imagen) en el espacio bidimensional (el papel) mediante criterios de
jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura)
bajo una apariencia estética agradable (aplicación adecuada de tipografías y
colores).
El diagramador resuelve la organización de las páginas de acuerdo con las normas
ya establecidas por el diseñador. Es posible que el mismo diseñador también
pueda encargarse de la diagramación, pero las responsabilidades son distintas.
Un buen diagramador es el que respeta esas normas, precisamente su creatividad
radica en la capacidad para ofrecer múltiples posibilidades de presentación bajo
una norma establecida.
DIAGRAMACIÓN
LAS CLAVES DE LA DIAGRAMACIÓN
 La diagramación de una revista es sólo el pretexto para conocer los mecanismos de
la diagramación de boletines, memorias, folletos, periódicos, etc., ya que los
fundamentos del diseño son comunes para todos ellos.
 Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia
a los fundamentos del diseño gráfico: la tipografía, el color y la composición.
 Cuando queremos organizar una página necesitamos saber:
 - qué es lo que vamos a organizar y, - cómo lo vamos a organizar.
Lo que vamos a organizar son los textos y las imágenes los cuales son los componentes
básicos de los mensajes impresos, la forma cómo lo vamos a hacer es manejando los
criterios de tipografía, color y composición.
La tipografía, el color, y la composición
constituyen las bases de la diagramación.
 Un entendimiento claro del significado de cada uno de estos conceptos
permitirá al diagramador trabajar con seguridad un proyecto gráfico de
cualquier envergadura.
 La sencillez con que se concibe este proceso invita a algunos improvisados
diagramadores a decir: «¿eso era todo?» y se dedican a complicar sus páginas
con una serie de elementos para justificar plazos y costos convenidos con sus
clientes; el verdadero profesional lo que busca siempre es elaborar un
mensaje visual sencillo que haga fácil la comunicación, que haga de esa
página una agradable lectura
LA TIPOGRAFÍA EN DIAGRAMACIÓN
 «... la forma deseada consciente o inconscientemente por el lector es la
tipográficamente perfecta...» Adrián Frutiger.
 Tipo es la familia de letras, símbolos y números, por ejemplo: garamond,
futura, helvética. Fuente es el tamaño y estilo específico de la letra
seleccionada, por ejemplo: garamond bold de 20 pts., avant gard ligth de 32
pts. Otras especificaciones
 Cuando se determina una fuente para textos es necesario precisar el alineado
de los textos: a la izquierda, a la derecha, al centro, justificado.
 El interlineado es el espacio entre renglón y renglón.
COLOR EN DIAGRAMACIÓN
 Hasta hace unos años hablar de color en una publicación era asunto raro por
los costos y porque los procesos eran muy laboriosos, requerían de varios
especialistas para hacer originales, fotomontaje, procesado de películas,
insolado de matrices, etc.
 Necesitamos conocer de antemano una serie de informaciones que vienen del
editor, de las características del contenido del proyecto que se va a
desarrollar por lo que es necesario estudiar detenidamente cada uno de estos
detalles:
 El tipo de publicación: si es de carácter científico (ecología, arqueología,
matemáticas, medicina), técnica (aeronáutica, mecánica, gráfica,
construcción), social, política, comercial, artística, turismo, etc.
 El público al que va dirigido, por edad: niños, jóvenes, adultos; ámbito
geográfico: rural, urbano; actividad laboral: obreros, gerentes, maestros,
choferes, etc. En este aspecto hay una consideración de tipo sociológico: la
cultura de determinados grupos sociales sugiere un criterio específico,
aunque no definitivo; es el caso de la denominada “cultura chicha”.
 Es necesario haber revisado las fotografías, dibujos, gráficos, etc., que se
usarán en la publicación.
LA EXPRESIVIDAD DEL COLOR
 No existen normas establecidas sobre la forma cómo utilizar los colores. El
creativo propone de acuerdo a un conjunto de factores objetivos y subjetivos
que finalmente identificamos como el gusto para diseñar que en realidad es
su capacidad para proponer soluciones en dicha materia. De esta manera de
percibir los colores podemos organizar dos grandes grupos: contrastes y
armonías: monocromáticas, de complementarios y análogos.
 El contraste de colores: se trata de observar en el círculo cromático cuáles
son los colores que se oponen el uno al otro y así establecer una tabla de
colores para uso automático en un diseño cualquiera.
 Armonía monocromática: está referida a la forma cómo un matiz puede ser
suficiente para aplicar color a un diseño. Según la cantidad de luz que tienen
los colores, éstos pueden definirse en un conjunto de tonos que van desde el
más oscuro (negro) hasta el más claro (blanco).
 La armonía de complementarios: aquí se trata de combinar uno de los colores
del círculo cromático con otros que se encuentran al lado opuesto en un rango
aproximado de 45° .
 armonía de análogos: en esta clasificación se trata de combinar uno de los
colores del círculo cromático con otros que se encuentran a sus lados en un
rango aproximado de 45°.
EL SIGNIFICADO DEL COLOR.
 Cuando se habla de significado de colores la referencia es la forma cómo
afectan los colores a las personas. La idea de amplitud o estrechez, de
oxigenación o ahogo, de frío o calor que pueden sugerir algunos colores
corresponde a una asociación de las sensaciones táctiles con el color de las
cosas (cielo, mar, campo, sol, hielo, fuego) que efectivamente las producen.
 Corresponde a la pregnancia cultural del individuo o del grupo, puesto que la
relación con el entorno lo lleva a codificar una realidad sensorial a todo nivel:
tactil, auditivo, visual, olfatorio, gustativo que luego es comparado con el
color asignado a un escenario, a un objeto, a una ilustración y reacciona
emitiendo un juicio o simplemente decodificando los elementos en este caso
cromáticos para darle sentido al mensaje.
FUNCIONALIDAD DEL COLOR
 En lo que se refiere al carácter funcional del color, éste es empleado en la
elaboración de normas cromáticas para prevención, seguridad en la industria,
en actividades de servicios (hospitales, aeropuertos, oficinas), tránsito, etc.
Este vasto segmento de la expresividad cromática es la denominada
señalética.
 Todo esto es lo que Moles llama el color esquemático, aquel que necesita ser
codificado para ser identificado. Aquí se considera el color aplicado a las
banderas (emblemático) y los colores institucionalizados de los uniformes, así
como en el uso religioso del color adquiriendo un carácter simbólico que
otorga una identidad a quien lo utiliza.
LA COMPOSICIÓN EN LA DIAGRAMACIÓN
 ¿Forma o función?, la tarea de escribir correctamente se acompañaba de una
composición tipográfica lo suficientemente ordenada para permitir una
lectura fluida. Probablemente las técnicas de composición no permitían
mayores indagaciones formales. Con el advenimiento de la informática y las
posibilidades que ofrecieron los programas para el diseño gráfico se presentó
la oportunidad para armonizar sin mayores dificultades la función y la forma.
 Los diseñadores saben que las bases del diseño se dan fuera de las
plataformas informáticas, que el ordenador como el estilógrafo, el lápiz, las
escuadras son instrumentos para hacer realidad las ideas. Por lo tanto los
criterios de composición tendrán que entenderse en este marco. La
jerarquización.
-Equilibrio
-Simetría
-Regularidad
-Simplicidad
-Unidad
-Economía
-Reticencia
-Predictibilidad
-Actividad
-Sutileza
-Neutralidad
-Transparencia -
Coherencia
-Realismo
-Plana
-Singularidad
-Secuencialidad
-Agudeza
-Continuidad
Inestabilidad
Asimetría
Irregularidad
Complejidad
Fragmentación
Profusión
Exageración
Espontaneidad
Pasividad
Audacia
Acento
Opacidad
Variación
Distorsión
Profunda
Yuxtaposición
Aleatoriedad
Difusividad
Episodicidad
ARMONÍA: FUNCIÓN Y FORMA
 Es entendido que a estas alturas el diseñador tiene conocimiento de todos los
detalles de la futura publicación: sus objetivos, público al que va dirigido,
contenido, dinámica periodística, el grupo humano con el que va a trabajar,
en fin todo aquello que va a determinar la personalidad del proyecto.
 En la edición periodística hay dos planos que el diseñador debe diferenciar
con toda claridad: el plano periodístico y el plano gráfico. Esto plantea la
necesidad de definir una estructura periodística y una estructura gráfica
donde esta última debe interpretar el espíritu que la primera quiere asignarle
a cada una de las páginas.
ARMONÍA: FUNCIÓN Y FORMA
BIBLIOGRAFIA
 https://www.google.com.ec/search?q=La+tipograf%C3%ADa,+el+color,+y+la+c
omposici%C3%B3n+constituyen+las+bases+de+la+diagramaci%C3%B3n.&espv=2
&biw=1517&bih=735&site=webhp&source=lnms&tbm=isch&sa=X&ved=0ahUKE
wjE07buyczRAhXLSyYKHcGvCB4Q_AUIBigB#tbm=isch&q=Armon%C3%ADa:+funci
%C3%B3n+y+forma+en+diagramacion&imgrc=F5tCgyxOLglWXM%3A
 ://www.psicologiadelcolor.es/psicologia-del-color/
http://www.profesorenlinea.cl/artes/colorestudiodel.htm
http://hipertextual.com/2015/04/teoria-del-color-goethe
http://edgarcostilla.blogspot.com/2011/12/teoria-del-color.html
http://www.softandapps.info/2012/09/27/la-teoria-del-color-una-infografia-
que-nos- ensena-a-crear-combinaciones-de-color-armoniosas/

Más contenido relacionado

La actualidad más candente

DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Apuntes Diseño Gráfico
Apuntes Diseño GráficoApuntes Diseño Gráfico
Apuntes Diseño GráficoRoger Crunch
 
Visual thinking
Visual thinkingVisual thinking
Visual thinkingyolanda25
 
Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1pedrovinca
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño graficoWarfo
 
El diseño (4 eso)
El diseño (4 eso)El diseño (4 eso)
El diseño (4 eso)Cres68
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaAlexis Guzmán Gómez
 
Diseño grafico y comunicación visual utp
Diseño grafico y comunicación visual utpDiseño grafico y comunicación visual utp
Diseño grafico y comunicación visual utpDonathys
 
Ligña Llano Taller de Diseño
Ligña Llano Taller de DiseñoLigña Llano Taller de Diseño
Ligña Llano Taller de DiseñoAdrhii Llano
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENalexabarrero
 
Taller. Moreno Paola y Valdivieso Daniela
Taller. Moreno Paola y Valdivieso DanielaTaller. Moreno Paola y Valdivieso Daniela
Taller. Moreno Paola y Valdivieso DanielaPao Eliz Moreno
 

La actualidad más candente (20)

DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Apuntes Diseño Gráfico
Apuntes Diseño GráficoApuntes Diseño Gráfico
Apuntes Diseño Gráfico
 
Visual thinking
Visual thinkingVisual thinking
Visual thinking
 
Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1
 
DiagramacióN BáSica
DiagramacióN BáSicaDiagramacióN BáSica
DiagramacióN BáSica
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Gina y cesar taller 1 tercer parcial
Gina y cesar taller 1 tercer parcialGina y cesar taller 1 tercer parcial
Gina y cesar taller 1 tercer parcial
 
El diseño (4 eso)
El diseño (4 eso)El diseño (4 eso)
El diseño (4 eso)
 
04 elementos basicos1
04 elementos basicos104 elementos basicos1
04 elementos basicos1
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
 
diseno-grafico
diseno-graficodiseno-grafico
diseno-grafico
 
Conceptos de Diseño
Conceptos de DiseñoConceptos de Diseño
Conceptos de Diseño
 
Diseño grafico y comunicación visual utp
Diseño grafico y comunicación visual utpDiseño grafico y comunicación visual utp
Diseño grafico y comunicación visual utp
 
Ligña Llano Taller de Diseño
Ligña Llano Taller de DiseñoLigña Llano Taller de Diseño
Ligña Llano Taller de Diseño
 
Diagramación
DiagramaciónDiagramación
Diagramación
 
Manual de impacto visual
Manual de impacto visualManual de impacto visual
Manual de impacto visual
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
 
Presentacion.elementos de diseño grafico
Presentacion.elementos de diseño graficoPresentacion.elementos de diseño grafico
Presentacion.elementos de diseño grafico
 
Taller. Moreno Paola y Valdivieso Daniela
Taller. Moreno Paola y Valdivieso DanielaTaller. Moreno Paola y Valdivieso Daniela
Taller. Moreno Paola y Valdivieso Daniela
 

Destacado

Diagramacion y composicion act 2.1
Diagramacion y composicion act 2.1Diagramacion y composicion act 2.1
Diagramacion y composicion act 2.1estebannolivos
 
Color En Diagramación
Color En DiagramaciónColor En Diagramación
Color En Diagramaciónsandravc
 
Ud 2 Elementos básicos del lenguaje visual
Ud 2 Elementos básicos del lenguaje visualUd 2 Elementos básicos del lenguaje visual
Ud 2 Elementos básicos del lenguaje visualkipirinai
 
Ud 1 el lenguaje visual
Ud 1 el lenguaje visualUd 1 el lenguaje visual
Ud 1 el lenguaje visualkipirinai
 
Yo expongo tm1
Yo expongo tm1 Yo expongo tm1
Yo expongo tm1 kipirinai
 
Elementos y principios de diseño grafico
Elementos y principios de diseño graficoElementos y principios de diseño grafico
Elementos y principios de diseño graficoFai06
 
Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Fai06
 
Tecnicas digitales objetivosmateria
Tecnicas digitales objetivosmateriaTecnicas digitales objetivosmateria
Tecnicas digitales objetivosmateriaTania Muñoa
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónJordan Garcia
 
Indicadores wiki final
Indicadores wiki finalIndicadores wiki final
Indicadores wiki finalkipirinai
 
Tecnicas digitales Clase17 proyecto2o parcialem2017
Tecnicas digitales Clase17 proyecto2o parcialem2017Tecnicas digitales Clase17 proyecto2o parcialem2017
Tecnicas digitales Clase17 proyecto2o parcialem2017Tania Muñoa
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónALVARO LEIME CRUZ
 
Los elementos básicos del lenguaje visual
Los elementos básicos  del lenguaje visualLos elementos básicos  del lenguaje visual
Los elementos básicos del lenguaje visualuniversidad de oviedo
 
Bravo Andres Seyla_Arte y Resistencia Digital
Bravo Andres Seyla_Arte y Resistencia DigitalBravo Andres Seyla_Arte y Resistencia Digital
Bravo Andres Seyla_Arte y Resistencia Digitalkipirinai
 
Picasso
PicassoPicasso
Picassomlviky
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño graficoDeysisann
 

Destacado (20)

Diagramacion y composicion act 2.1
Diagramacion y composicion act 2.1Diagramacion y composicion act 2.1
Diagramacion y composicion act 2.1
 
Color En Diagramación
Color En DiagramaciónColor En Diagramación
Color En Diagramación
 
Elementos básicos del lenguaje visual EPVA
Elementos básicos del lenguaje visual EPVAElementos básicos del lenguaje visual EPVA
Elementos básicos del lenguaje visual EPVA
 
Ud 2 Elementos básicos del lenguaje visual
Ud 2 Elementos básicos del lenguaje visualUd 2 Elementos básicos del lenguaje visual
Ud 2 Elementos básicos del lenguaje visual
 
Ud 1 el lenguaje visual
Ud 1 el lenguaje visualUd 1 el lenguaje visual
Ud 1 el lenguaje visual
 
Yo expongo tm1
Yo expongo tm1 Yo expongo tm1
Yo expongo tm1
 
Elementos y principios de diseño grafico
Elementos y principios de diseño graficoElementos y principios de diseño grafico
Elementos y principios de diseño grafico
 
Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1
 
Actividad 2.1.2
Actividad 2.1.2Actividad 2.1.2
Actividad 2.1.2
 
Tecnicas digitales objetivosmateria
Tecnicas digitales objetivosmateriaTecnicas digitales objetivosmateria
Tecnicas digitales objetivosmateria
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Indicadores wiki final
Indicadores wiki finalIndicadores wiki final
Indicadores wiki final
 
Tecnicas digitales Clase17 proyecto2o parcialem2017
Tecnicas digitales Clase17 proyecto2o parcialem2017Tecnicas digitales Clase17 proyecto2o parcialem2017
Tecnicas digitales Clase17 proyecto2o parcialem2017
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Los elementos básicos del lenguaje visual
Los elementos básicos  del lenguaje visualLos elementos básicos  del lenguaje visual
Los elementos básicos del lenguaje visual
 
Bravo Andres Seyla_Arte y Resistencia Digital
Bravo Andres Seyla_Arte y Resistencia DigitalBravo Andres Seyla_Arte y Resistencia Digital
Bravo Andres Seyla_Arte y Resistencia Digital
 
Bloque 4 diseño grafico
Bloque 4  diseño graficoBloque 4  diseño grafico
Bloque 4 diseño grafico
 
Picasso
PicassoPicasso
Picasso
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 

Similar a Actividad 2.1 Patricia Inchiglema

fundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdffundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdfROBERTO CHAMAN MARIN
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNAle Altuve
 
Diseno grafico prologo-e-indices
Diseno grafico prologo-e-indicesDiseno grafico prologo-e-indices
Diseno grafico prologo-e-indicesYasmin Chino
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)291992
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003291992
 
DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2argu08
 
DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2argu08
 
Informe de Prácticas Preprofesionales
Informe de Prácticas  PreprofesionalesInforme de Prácticas  Preprofesionales
Informe de Prácticas PreprofesionalesClaudio Ojeda
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación carlosest1000
 
idoc.pub_conceptos-de-diagramacion.pdf
idoc.pub_conceptos-de-diagramacion.pdfidoc.pub_conceptos-de-diagramacion.pdf
idoc.pub_conceptos-de-diagramacion.pdfOscarSepulveda24
 

Similar a Actividad 2.1 Patricia Inchiglema (20)

fundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdffundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdf
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
1 -el diseño y sus elementos
1 -el diseño y sus elementos1 -el diseño y sus elementos
1 -el diseño y sus elementos
 
Diseno grafico prologo-e-indices
Diseno grafico prologo-e-indicesDiseno grafico prologo-e-indices
Diseno grafico prologo-e-indices
 
Correo del orinoco
Correo del orinocoCorreo del orinoco
Correo del orinoco
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2
 
DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2DiseñO Grafico Y Creatividad 2
DiseñO Grafico Y Creatividad 2
 
Informe de Prácticas Preprofesionales
Informe de Prácticas  PreprofesionalesInforme de Prácticas  Preprofesionales
Informe de Prácticas Preprofesionales
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación
 
Clase diseño editorial
Clase diseño editorialClase diseño editorial
Clase diseño editorial
 
Introducion
IntroducionIntroducion
Introducion
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
idoc.pub_conceptos-de-diagramacion.pdf
idoc.pub_conceptos-de-diagramacion.pdfidoc.pub_conceptos-de-diagramacion.pdf
idoc.pub_conceptos-de-diagramacion.pdf
 
Paulaa
PaulaaPaulaa
Paulaa
 
Curso introducción al diseño de afiches
Curso introducción al diseño de afichesCurso introducción al diseño de afiches
Curso introducción al diseño de afiches
 
Grafica publicitaria
Grafica publicitariaGrafica publicitaria
Grafica publicitaria
 
Apunte tipo 2013 a4
Apunte tipo 2013 a4Apunte tipo 2013 a4
Apunte tipo 2013 a4
 
Taller1 valeria paez_maitefernandez_camilaharo
Taller1 valeria paez_maitefernandez_camilaharoTaller1 valeria paez_maitefernandez_camilaharo
Taller1 valeria paez_maitefernandez_camilaharo
 

Último

Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxMaritza438836
 
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfPresentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfSarayLuciaSnchezFigu
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
Concurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptxConcurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptxkeithgiancarloroquef
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 

Último (20)

Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
 
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfPresentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Concurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptxConcurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptx
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 

Actividad 2.1 Patricia Inchiglema

  • 1. MATERIA:DISEÑO GRAFICO TEMA: DIAGRAMACIÓN Y COMPOSICIÓN ALUMNA:PATRICIA INCHIGLEMA TUTORA:ING.MYRIAM NOURY PUNINA MODALIDAD DISTANCIA
  • 2. DIAGRAMACIÓN Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura) bajo una apariencia estética agradable (aplicación adecuada de tipografías y colores). El diagramador resuelve la organización de las páginas de acuerdo con las normas ya establecidas por el diseñador. Es posible que el mismo diseñador también pueda encargarse de la diagramación, pero las responsabilidades son distintas. Un buen diagramador es el que respeta esas normas, precisamente su creatividad radica en la capacidad para ofrecer múltiples posibilidades de presentación bajo una norma establecida.
  • 4. LAS CLAVES DE LA DIAGRAMACIÓN  La diagramación de una revista es sólo el pretexto para conocer los mecanismos de la diagramación de boletines, memorias, folletos, periódicos, etc., ya que los fundamentos del diseño son comunes para todos ellos.  Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia a los fundamentos del diseño gráfico: la tipografía, el color y la composición.  Cuando queremos organizar una página necesitamos saber:  - qué es lo que vamos a organizar y, - cómo lo vamos a organizar. Lo que vamos a organizar son los textos y las imágenes los cuales son los componentes básicos de los mensajes impresos, la forma cómo lo vamos a hacer es manejando los criterios de tipografía, color y composición.
  • 5. La tipografía, el color, y la composición constituyen las bases de la diagramación.  Un entendimiento claro del significado de cada uno de estos conceptos permitirá al diagramador trabajar con seguridad un proyecto gráfico de cualquier envergadura.  La sencillez con que se concibe este proceso invita a algunos improvisados diagramadores a decir: «¿eso era todo?» y se dedican a complicar sus páginas con una serie de elementos para justificar plazos y costos convenidos con sus clientes; el verdadero profesional lo que busca siempre es elaborar un mensaje visual sencillo que haga fácil la comunicación, que haga de esa página una agradable lectura
  • 6. LA TIPOGRAFÍA EN DIAGRAMACIÓN  «... la forma deseada consciente o inconscientemente por el lector es la tipográficamente perfecta...» Adrián Frutiger.
  • 7.  Tipo es la familia de letras, símbolos y números, por ejemplo: garamond, futura, helvética. Fuente es el tamaño y estilo específico de la letra seleccionada, por ejemplo: garamond bold de 20 pts., avant gard ligth de 32 pts. Otras especificaciones  Cuando se determina una fuente para textos es necesario precisar el alineado de los textos: a la izquierda, a la derecha, al centro, justificado.  El interlineado es el espacio entre renglón y renglón.
  • 8. COLOR EN DIAGRAMACIÓN  Hasta hace unos años hablar de color en una publicación era asunto raro por los costos y porque los procesos eran muy laboriosos, requerían de varios especialistas para hacer originales, fotomontaje, procesado de películas, insolado de matrices, etc.  Necesitamos conocer de antemano una serie de informaciones que vienen del editor, de las características del contenido del proyecto que se va a desarrollar por lo que es necesario estudiar detenidamente cada uno de estos detalles:
  • 9.  El tipo de publicación: si es de carácter científico (ecología, arqueología, matemáticas, medicina), técnica (aeronáutica, mecánica, gráfica, construcción), social, política, comercial, artística, turismo, etc.  El público al que va dirigido, por edad: niños, jóvenes, adultos; ámbito geográfico: rural, urbano; actividad laboral: obreros, gerentes, maestros, choferes, etc. En este aspecto hay una consideración de tipo sociológico: la cultura de determinados grupos sociales sugiere un criterio específico, aunque no definitivo; es el caso de la denominada “cultura chicha”.  Es necesario haber revisado las fotografías, dibujos, gráficos, etc., que se usarán en la publicación.
  • 10. LA EXPRESIVIDAD DEL COLOR  No existen normas establecidas sobre la forma cómo utilizar los colores. El creativo propone de acuerdo a un conjunto de factores objetivos y subjetivos que finalmente identificamos como el gusto para diseñar que en realidad es su capacidad para proponer soluciones en dicha materia. De esta manera de percibir los colores podemos organizar dos grandes grupos: contrastes y armonías: monocromáticas, de complementarios y análogos.  El contraste de colores: se trata de observar en el círculo cromático cuáles son los colores que se oponen el uno al otro y así establecer una tabla de colores para uso automático en un diseño cualquiera.
  • 11.  Armonía monocromática: está referida a la forma cómo un matiz puede ser suficiente para aplicar color a un diseño. Según la cantidad de luz que tienen los colores, éstos pueden definirse en un conjunto de tonos que van desde el más oscuro (negro) hasta el más claro (blanco).  La armonía de complementarios: aquí se trata de combinar uno de los colores del círculo cromático con otros que se encuentran al lado opuesto en un rango aproximado de 45° .  armonía de análogos: en esta clasificación se trata de combinar uno de los colores del círculo cromático con otros que se encuentran a sus lados en un rango aproximado de 45°.
  • 12. EL SIGNIFICADO DEL COLOR.  Cuando se habla de significado de colores la referencia es la forma cómo afectan los colores a las personas. La idea de amplitud o estrechez, de oxigenación o ahogo, de frío o calor que pueden sugerir algunos colores corresponde a una asociación de las sensaciones táctiles con el color de las cosas (cielo, mar, campo, sol, hielo, fuego) que efectivamente las producen.  Corresponde a la pregnancia cultural del individuo o del grupo, puesto que la relación con el entorno lo lleva a codificar una realidad sensorial a todo nivel: tactil, auditivo, visual, olfatorio, gustativo que luego es comparado con el color asignado a un escenario, a un objeto, a una ilustración y reacciona emitiendo un juicio o simplemente decodificando los elementos en este caso cromáticos para darle sentido al mensaje.
  • 13. FUNCIONALIDAD DEL COLOR  En lo que se refiere al carácter funcional del color, éste es empleado en la elaboración de normas cromáticas para prevención, seguridad en la industria, en actividades de servicios (hospitales, aeropuertos, oficinas), tránsito, etc. Este vasto segmento de la expresividad cromática es la denominada señalética.  Todo esto es lo que Moles llama el color esquemático, aquel que necesita ser codificado para ser identificado. Aquí se considera el color aplicado a las banderas (emblemático) y los colores institucionalizados de los uniformes, así como en el uso religioso del color adquiriendo un carácter simbólico que otorga una identidad a quien lo utiliza.
  • 14. LA COMPOSICIÓN EN LA DIAGRAMACIÓN  ¿Forma o función?, la tarea de escribir correctamente se acompañaba de una composición tipográfica lo suficientemente ordenada para permitir una lectura fluida. Probablemente las técnicas de composición no permitían mayores indagaciones formales. Con el advenimiento de la informática y las posibilidades que ofrecieron los programas para el diseño gráfico se presentó la oportunidad para armonizar sin mayores dificultades la función y la forma.  Los diseñadores saben que las bases del diseño se dan fuera de las plataformas informáticas, que el ordenador como el estilógrafo, el lápiz, las escuadras son instrumentos para hacer realidad las ideas. Por lo tanto los criterios de composición tendrán que entenderse en este marco. La jerarquización.
  • 16. ARMONÍA: FUNCIÓN Y FORMA  Es entendido que a estas alturas el diseñador tiene conocimiento de todos los detalles de la futura publicación: sus objetivos, público al que va dirigido, contenido, dinámica periodística, el grupo humano con el que va a trabajar, en fin todo aquello que va a determinar la personalidad del proyecto.  En la edición periodística hay dos planos que el diseñador debe diferenciar con toda claridad: el plano periodístico y el plano gráfico. Esto plantea la necesidad de definir una estructura periodística y una estructura gráfica donde esta última debe interpretar el espíritu que la primera quiere asignarle a cada una de las páginas.