SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (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
 

Destacado (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)
 

Similar a 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
 

Similar a 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
 

Último

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuelacocuyelquemao
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
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
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
plan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativaplan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativafiorelachuctaya2
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Baker Publishing Company
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 

Último (20)

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuela
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
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...
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
plan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativaplan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativa
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 

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.