SlideShare une entreprise Scribd logo
1  sur  23
DIAGRAMACIÓN Y
COMPOSICIÓN
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.
• Los fundamentos de la diagramación son: 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 (T+I) 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.
Diagramación
https://sites.google.com/site/croquisarquitecto/_/rsrc/1316661385628/diagrama
cion/reticula_aurea01.gif?height=400&width=288
Diagramación
Diagramación: Organización de elementos jerarquizados, basados en un sistema estético
de carácter funcional.
En un mensaje visual participan tres códigos:
Código Iconográfico
Código Lexográfico (ver Tipografías, Aspectos formales de la tipografía)
Código Cromático (ver Código Cromático)
Al momento de diseñar es necesario tener definida las intenciones del diseño y el material
(información) que se va utilizar para dar el mensaje.
Definidos estos, comienza el proceso de organización, ser capaz de identificar y clasificar la
información.
Clasificar la información por su función:
– Llamado de atención /Golpe visual
– Acentuaciones
– Cuerpo de la información y desarrollo
– Información referencial.
Diagramación
• Esto me permite distribuir el espacio visual de trabajo para organizar las relaciones y
códigos que participaran de este mensaje.
• El siguiente paso es la funcionalidad de este mensaje con su soporte, uso y manipulación
del mismo por el receptor.
• Al definir un espacio, es indudable que defino una forma particular de uso o si se quiere,
el uso determina el soporte, por lo tanto, al momento de organizar este espacio visual,
tengo que tomar en cuenta la forma de uso que tendrá, para poder proyectar la
información adecuada en el espacio preciso.
• Para lograr esta proyección, reviso materiales, soportes, soluciones dadas anteriormente
y recreo una secuencia “lógica” que me permitirá anticipar la acción y es así que diseño
mi caja que contendrá espacios, medias y módulos = Caja de Diagramación/Layout, que
será mi marco de referencia para establecer en ella las relaciones de los elementos
dispuesto como también las relaciones de esa información y su usuario.
• Composición
• Entendiendo que los desafío de la composición son:
• Facilitar la lectura
• Función estética
Diagramación
• Direccionalidad: la horizontal y la vertical son las direcciones predefinidas en nuestra
relación con el entorno (sea cual sea), en ese afán de entender y organizar ese entorno
en busca del equilibrio.
• Tensiones: todo espacio visual es capaz de ejercer fuerzas sobre los elementos que en él
se disponen, a propósito de nuestra forma de entender y asociar a los elementos por
distancias, firma, tamaño, textura, color… los elementos se atraen o por el contrario se
repelen.
• Jerarquías y peso visual: organizar la linealidad o saltos en la lectura de un mensaje visual
requiere del control de las relaciones visuales que se establecen al interior por tamaño,
disposición espacial, color, textura y formas
Dentro de los ejemplos clásicos tenemos los recorridos verticales descendentes, los
horizontales y aquellos que juegan en variantes del recorrido siguiendo algún patrón
lógico.
• Repetición y ritmo: los conceptos de repetición, alternancia, simetría, compresión,
expansión, reflejo, rotación, traslación nos permiten visualizar el ritmo
• El primer paso en el diseño de objetos o procesos es la representación mediante
diagramas de su estructura, funcionamiento y comportamiento.
• La diagramación a la cual nos referimos consiste en la representación de los contenidos
que tendrá un producto digital.
• La diagramación se puede dividir en dos tipos: PLANOS Y MAQUETAS
• PLANOS: Tiene como objetivo representar las principales áreas de organización y
rotulado, y están enfocados a los aspectos estructurales y de funcionamiento del
producto. Generalmente se representan con textos, cajas y flechas.
• General a lo concreto
• MAQUETAS: La maquetación es la composición de una página, es la forma de
ocupar el espacio de un plano.
• La idea es conseguir un equilibrio estético entre los elementos del diseño (texto,
titulares e imágenes)
• Existen dos características muy importantes sobre el área en la cual se
desarrollará el trabajo, en este caso el papel.
• La primera el tamaño y la segunda la orientación la cual puede ser vertical o
horizontal y el tamaño puede variar en diversas medidas.
• Diagramación es la composición armónica de textos e imágenes dentro de un
formato establecido.
• Una buena diagramación implica que el impreso sea óptimo en calidad de
lectura.
http://3.bp.blogspot.com/-ZyAhraR0tS4/UXeqpI1-ucI/AAAAAAAAAZ4/yGQmVt66oSA/s1600/Presentation2.jpg
La Composición
• En composición hablamos del diseño de la estructura de la página que obedece a una
serie de reglas, necesarias para que el producto gráfico tenga estérica y función, que sea
legible, claro y estandarizado.
• Algunos de los elementos a tomar en cuenta para una diagramación son:
• Formato: tamaño final de la publicación. Se relacione con el tamaño del papel.
• Márgenes: definen la caja de diagramación que es donde van los textos y las imágenes.
• Columnas: establecen la modulación vertical. Pueden establecerse por número,
combinarse y no tienen que ser del mismo ancho.
• Jerarquización: es organización de datos, ya sea en orden ascendente o descendente.
• Además de los textos, los titulares, las fotos o ilustraciones, las viñetas, encabezados y
los espacios para la publicidad.
• La retícula es una plantilla de diseño, y esta es una herramienta de diseño que nos
permite equilibrar todos los elementos de la composición que se está apunto de crear.
• Está compuesta por una estructura en dos dimensiones la cual está hecha de líneas
verticales y horizontales que tienen como fin formar cuadrados, rectángulos o círculos.
La Composición
• Con esta armazón podemos ordenar todos los elementos racionalmente.
Entonces más que solo líneas, son bloques de construcción es la cuadrícula en la
que se estructurará o montará el diseño.
• También se le conoce como página maestra o caja gráfica.
• Los trabajos de maquetación deben llevar una guía, para esto se utiliza una
retícula compositiva, la cual tiene la finalidad de conseguir un orden y estética, la
retícula compositiva se puede definir como una plantilla.
• Una retícula base, se encuentra compuesta por las siguientes partes,
dependiendo de la composición que se esté diseñando:
• La orientación del papel. -
• El número de columnas y el tamaño de estas. -
• La separación existente entre ellas (el medianil). -
• El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de
imagen, etc.-
• El uso de las imágenes como fondo en todas las páginas (marcas de agua) y
demás elementos ornamentales, tales como los filetes decorativos, etc.
La Composición
https://cfurrianca.files.wordpress.com/2006/11/tensiones.jpg?w=710
es un oficio del Diseño editorial que se
encarga de organizar en un espacio,
contenidos escritos, visuales y en
algunos casos audiovisuales
(multimedia) en medios impresos y
electrónicos, como libros, diarios y
revistas.
Estrictamente, el acto de diagramar tan
solo se relaciona con la distribución de
los elementos en un espacio
determinado de la página, mientras que
el Diseño editorial incluye fases más
amplias del proceso, desde el proyecto
gráfico, hasta los procesos de
producción denominados.
pre-prensa (preparación para
impresión), prensa (impresión) y post-
prensa (acabados).
La Composición
http://4.bp.blogspot.com/_fgzaH_zgtf8/SgdjIBMKglI/AAAAAAAAA3Y/T_xTaSixPvY/s400/peri1.jpg
Hoy en día existen programas que hacen
mucho más sencilla la diagramación,
QuarkXPress y Adobe InDesign que permiten
crear páginas maestras y añadir marcos que
simulan el espacio a emplear haciendo
mucho más sencillo el maquetamiento.
Ellos pueden decidir - junto con los editores -
cuales artículos se quedarán en cuales
páginas, y en qué posición en la página.
De acuerdo con el proyecto gráfico, pueden
determinar las tipografías (typefaces) para
páginas especiales.
En grandes diarios, todavía, el proyecto
gráfico ya prevee las tipologías para uso de
la composición en la línea gráfica.
http://www.monografias.com/trabajos28/pe
riodismo/periodismo2.shtml
http://www.fotonostra.com/grafico/ Make
Money Online : http://ow.ly/KNICZ
• http://image.slidesharecdn.com/diagramacion-120730213256-phpapp01/95/diagramacin-7-728.jpg?cb=1343684093
http://image.slidesharecdn.com/diagramacin-160120021926/95/diagramacin-6-638.jpg?cb=1453256413
La composición gráfica
http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la-composicin-
grfica-12-638.jpg?cb=1394375774
Composición libre o violenta
http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la-
composicin-grfica-17-638.jpg?cb=1394375774
Composición continua
http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la-composicin-grfica-22-
638.jpg?cb=1394375774
Composición en espiral
http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la-composicin-grfica-29-
638.jpg?cb=1394375774
http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la-composicin-grfica-55-
638.jpg?cb=1394375774

Contenu connexe

Tendances (20)

Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
La diagramacion
La diagramacionLa diagramacion
La diagramacion
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
 
Diagramación
DiagramaciónDiagramación
Diagramación
 
Diagramación
DiagramaciónDiagramación
Diagramación
 
T1.giomara y stalin
T1.giomara y stalinT1.giomara y stalin
T1.giomara y stalin
 
Composición con retículas
Composición con retículasComposición con retículas
Composición con retículas
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Ddiagramacion
DdiagramacionDdiagramacion
Ddiagramacion
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
 
La retícula
La retículaLa retícula
La retícula
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulas
 
Jeferson karol taller1
Jeferson karol taller1Jeferson karol taller1
Jeferson karol taller1
 

En vedette (16)

Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
DanC_resume_2016
DanC_resume_2016DanC_resume_2016
DanC_resume_2016
 
Curriculum vitae updated August 2016_1
Curriculum vitae updated August 2016_1Curriculum vitae updated August 2016_1
Curriculum vitae updated August 2016_1
 
Perifericos de entrada
Perifericos de entradaPerifericos de entrada
Perifericos de entrada
 
Redes de computo
Redes de computo Redes de computo
Redes de computo
 
Hardware
HardwareHardware
Hardware
 
La electricidad
La electricidadLa electricidad
La electricidad
 
Perifericos de salida
Perifericos de salidaPerifericos de salida
Perifericos de salida
 
David Ortmann Resume July 2016
David Ortmann Resume July 2016David Ortmann Resume July 2016
David Ortmann Resume July 2016
 
Redes de computadoras y telefonicas
Redes de computadoras y telefonicasRedes de computadoras y telefonicas
Redes de computadoras y telefonicas
 
Tipos de exhibiciòn
Tipos de exhibiciònTipos de exhibiciòn
Tipos de exhibiciòn
 
PRO KABADDI 2016
PRO KABADDI 2016PRO KABADDI 2016
PRO KABADDI 2016
 
Apeksha Jogiya cv
Apeksha Jogiya cvApeksha Jogiya cv
Apeksha Jogiya cv
 
Ensayo termodinamica 2016
Ensayo termodinamica 2016Ensayo termodinamica 2016
Ensayo termodinamica 2016
 
Cach dung tu ngu va thuat ngu kinh te thuong mai viet anh
Cach dung tu ngu va thuat ngu kinh te thuong mai viet anhCach dung tu ngu va thuat ngu kinh te thuong mai viet anh
Cach dung tu ngu va thuat ngu kinh te thuong mai viet anh
 
Resume (1)
Resume (1)Resume (1)
Resume (1)
 

Similaire à Diagramación y composición

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
 
Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2dj vas olalla ayala
 
Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2dj vas olalla ayala
 
Maquetación Ayme Vanessa
Maquetación Ayme VanessaMaquetación Ayme Vanessa
Maquetación Ayme VanessaAyme11
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoAndyMora16
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Planificacion y maquetacion Web
Planificacion y maquetacion WebPlanificacion y maquetacion Web
Planificacion y maquetacion WebErnesto Silva
 
128601785 diseno-editorial
128601785 diseno-editorial128601785 diseno-editorial
128601785 diseno-editorialRaimundo Edwards
 
Técnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garcesTécnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garcesmoterita
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
Taller 1 diagrama
Taller 1 diagramaTaller 1 diagrama
Taller 1 diagramaJose Ruiz
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.Monica Pelaez
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgEVELYNELENA3
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación carlosest1000
 

Similaire à Diagramación y composición (20)

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
 
Layout
LayoutLayout
Layout
 
Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2
 
Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2Diagramación y composición jonathan olalla s2
Diagramación y composición jonathan olalla s2
 
Taller1 lopez torosina
Taller1 lopez torosinaTaller1 lopez torosina
Taller1 lopez torosina
 
Maquetación Ayme Vanessa
Maquetación Ayme VanessaMaquetación Ayme Vanessa
Maquetación Ayme Vanessa
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenografico
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Planificacion y maquetacion Web
Planificacion y maquetacion WebPlanificacion y maquetacion Web
Planificacion y maquetacion Web
 
128601785 diseno-editorial
128601785 diseno-editorial128601785 diseno-editorial
128601785 diseno-editorial
 
Técnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garcesTécnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garces
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
Edicion editorial
Edicion editorialEdicion editorial
Edicion editorial
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Taller 1 diagrama
Taller 1 diagramaTaller 1 diagrama
Taller 1 diagrama
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Maquetacion1
Maquetacion1Maquetacion1
Maquetacion1
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dg
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación
 
Informe imadraw
Informe imadrawInforme imadraw
Informe imadraw
 

Dernier

plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 

Dernier (20)

plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 

Diagramación y composición

  • 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. • Los fundamentos de la diagramación son: 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 (T+I) 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.
  • 4. Diagramación Diagramación: Organización de elementos jerarquizados, basados en un sistema estético de carácter funcional. En un mensaje visual participan tres códigos: Código Iconográfico Código Lexográfico (ver Tipografías, Aspectos formales de la tipografía) Código Cromático (ver Código Cromático) Al momento de diseñar es necesario tener definida las intenciones del diseño y el material (información) que se va utilizar para dar el mensaje. Definidos estos, comienza el proceso de organización, ser capaz de identificar y clasificar la información. Clasificar la información por su función: – Llamado de atención /Golpe visual – Acentuaciones – Cuerpo de la información y desarrollo – Información referencial.
  • 5. Diagramación • Esto me permite distribuir el espacio visual de trabajo para organizar las relaciones y códigos que participaran de este mensaje. • El siguiente paso es la funcionalidad de este mensaje con su soporte, uso y manipulación del mismo por el receptor. • Al definir un espacio, es indudable que defino una forma particular de uso o si se quiere, el uso determina el soporte, por lo tanto, al momento de organizar este espacio visual, tengo que tomar en cuenta la forma de uso que tendrá, para poder proyectar la información adecuada en el espacio preciso. • Para lograr esta proyección, reviso materiales, soportes, soluciones dadas anteriormente y recreo una secuencia “lógica” que me permitirá anticipar la acción y es así que diseño mi caja que contendrá espacios, medias y módulos = Caja de Diagramación/Layout, que será mi marco de referencia para establecer en ella las relaciones de los elementos dispuesto como también las relaciones de esa información y su usuario. • Composición • Entendiendo que los desafío de la composición son: • Facilitar la lectura • Función estética
  • 6. Diagramación • Direccionalidad: la horizontal y la vertical son las direcciones predefinidas en nuestra relación con el entorno (sea cual sea), en ese afán de entender y organizar ese entorno en busca del equilibrio. • Tensiones: todo espacio visual es capaz de ejercer fuerzas sobre los elementos que en él se disponen, a propósito de nuestra forma de entender y asociar a los elementos por distancias, firma, tamaño, textura, color… los elementos se atraen o por el contrario se repelen. • Jerarquías y peso visual: organizar la linealidad o saltos en la lectura de un mensaje visual requiere del control de las relaciones visuales que se establecen al interior por tamaño, disposición espacial, color, textura y formas Dentro de los ejemplos clásicos tenemos los recorridos verticales descendentes, los horizontales y aquellos que juegan en variantes del recorrido siguiendo algún patrón lógico. • Repetición y ritmo: los conceptos de repetición, alternancia, simetría, compresión, expansión, reflejo, rotación, traslación nos permiten visualizar el ritmo • El primer paso en el diseño de objetos o procesos es la representación mediante diagramas de su estructura, funcionamiento y comportamiento. • La diagramación a la cual nos referimos consiste en la representación de los contenidos que tendrá un producto digital.
  • 7. • La diagramación se puede dividir en dos tipos: PLANOS Y MAQUETAS • PLANOS: Tiene como objetivo representar las principales áreas de organización y rotulado, y están enfocados a los aspectos estructurales y de funcionamiento del producto. Generalmente se representan con textos, cajas y flechas. • General a lo concreto • MAQUETAS: La maquetación es la composición de una página, es la forma de ocupar el espacio de un plano. • La idea es conseguir un equilibrio estético entre los elementos del diseño (texto, titulares e imágenes) • Existen dos características muy importantes sobre el área en la cual se desarrollará el trabajo, en este caso el papel. • La primera el tamaño y la segunda la orientación la cual puede ser vertical o horizontal y el tamaño puede variar en diversas medidas. • Diagramación es la composición armónica de textos e imágenes dentro de un formato establecido. • Una buena diagramación implica que el impreso sea óptimo en calidad de lectura.
  • 9. La Composición • En composición hablamos del diseño de la estructura de la página que obedece a una serie de reglas, necesarias para que el producto gráfico tenga estérica y función, que sea legible, claro y estandarizado. • Algunos de los elementos a tomar en cuenta para una diagramación son: • Formato: tamaño final de la publicación. Se relacione con el tamaño del papel. • Márgenes: definen la caja de diagramación que es donde van los textos y las imágenes. • Columnas: establecen la modulación vertical. Pueden establecerse por número, combinarse y no tienen que ser del mismo ancho. • Jerarquización: es organización de datos, ya sea en orden ascendente o descendente. • Además de los textos, los titulares, las fotos o ilustraciones, las viñetas, encabezados y los espacios para la publicidad. • La retícula es una plantilla de diseño, y esta es una herramienta de diseño que nos permite equilibrar todos los elementos de la composición que se está apunto de crear. • Está compuesta por una estructura en dos dimensiones la cual está hecha de líneas verticales y horizontales que tienen como fin formar cuadrados, rectángulos o círculos.
  • 10. La Composición • Con esta armazón podemos ordenar todos los elementos racionalmente. Entonces más que solo líneas, son bloques de construcción es la cuadrícula en la que se estructurará o montará el diseño. • También se le conoce como página maestra o caja gráfica. • Los trabajos de maquetación deben llevar una guía, para esto se utiliza una retícula compositiva, la cual tiene la finalidad de conseguir un orden y estética, la retícula compositiva se puede definir como una plantilla. • Una retícula base, se encuentra compuesta por las siguientes partes, dependiendo de la composición que se esté diseñando: • La orientación del papel. - • El número de columnas y el tamaño de estas. - • La separación existente entre ellas (el medianil). - • El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de imagen, etc.- • El uso de las imágenes como fondo en todas las páginas (marcas de agua) y demás elementos ornamentales, tales como los filetes decorativos, etc.
  • 11. La Composición https://cfurrianca.files.wordpress.com/2006/11/tensiones.jpg?w=710 es un oficio del Diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas. Estrictamente, el acto de diagramar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el Diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados. pre-prensa (preparación para impresión), prensa (impresión) y post- prensa (acabados).
  • 12. La Composición http://4.bp.blogspot.com/_fgzaH_zgtf8/SgdjIBMKglI/AAAAAAAAA3Y/T_xTaSixPvY/s400/peri1.jpg Hoy en día existen programas que hacen mucho más sencilla la diagramación, QuarkXPress y Adobe InDesign que permiten crear páginas maestras y añadir marcos que simulan el espacio a emplear haciendo mucho más sencillo el maquetamiento. Ellos pueden decidir - junto con los editores - cuales artículos se quedarán en cuales páginas, y en qué posición en la página. De acuerdo con el proyecto gráfico, pueden determinar las tipografías (typefaces) para páginas especiales. En grandes diarios, todavía, el proyecto gráfico ya prevee las tipologías para uso de la composición en la línea gráfica. http://www.monografias.com/trabajos28/pe riodismo/periodismo2.shtml http://www.fotonostra.com/grafico/ Make Money Online : http://ow.ly/KNICZ
  • 16. Composición libre o violenta http://image.slidesharecdn.com/composicingrafica-140309143510-phpapp01/95/la- composicin-grfica-17-638.jpg?cb=1394375774
  • 19.
  • 20.
  • 21.
  • 22.