SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
NOMBRE: JESSENIA SUNTAXI
NRC: 9288
MAQUETACIÓN
MAQUETACIÓN
2
✔ La maquetación gráfica es la compaginación de los
diferentes elementos que ocupan la página de una
publicación, es decir, cómo ocupar el espacio del
plano de una página.
✔ La maquetación es la forma de componer las
páginas dentro de un documento, combinando sus
diferentes elementos, imágenes, textos, iconos,
tablas, botones (en el caso de una maquetación
interactiva), etc.
Pasos para hacer diagramación
 Los maquetadores generalmente usan programas de autoedición en la
computadora para componer los elementos en las paginas antes de
imprimir
 antiguamente, antes de la maquetación digital, los diseñadores utilizaban
“ muñecas” (miniaturas) de las paginas, para prever con precisión
milimétrica el layout de cada pagina en tamaño natural
 Algunos de los programas de computadora mas utilizados son el
QuarkXpress, el Adobe, InDesing, el Adobe PageMaker ( desfasado y
dejado de lado por Adobe para desarrollar InDesing) y el Corel Ventura.
3
Hello!
4
5
Antes de empezar a maquetar, en primer lugar debemos definir el
documento sobre el cual se desarrollara el trabajo, como textos,
imágenes, titulares, etc
ELEMENTOS BÁSICOS
✔ Los textos: titulares,
bloques de textos,
subtitulares y pies de fotos.
✔ Las imágenes: fotografías,
otras ilustraciones y los
espacios en blanco.
✔ El TITULAR: de un documento se considera el elemento más importante,
ya que es el más atractivo y en el que más se fija el lector que precisamente
es la labor que tiene, captar la atención del lector e intentar que se
introduzca en el tema para leer el resto del texto.
✔ LOS SUBTÍTULOS: Se colocan debajo de los títulos principales, y
aportan una información complementaria a la del primer titular principal.
✔ EL CUERPO DEL TEXTO: es el elemento al que menos atención se
presta, esto es debido a que en muchas ocasiones el lector ya ha recibido el
mensaje casi en su totalidad con la información que le ha aportado el titular
y la imagen o fotografía.
7
✔ EL PIE DE IMAGEN O PIE DE
FOTOGRAFÍA: se coloca debajo de
ellas aportando alguna información
adicional a las mismas.
✔ LAS IMÁGENES: Son unos de los
elementos de la composición que más
atraen la atención del lector, ya que
visualmente son más rápidas y atractivas
de ver que el texto.
8
 La importancia de la retícula en diseño gráfico no solo radica en el
orden que brinda a los elementos en el diseño, sino que también
aporta elegancia y estética a todo el conjunto.
 El objetivo principal de una retícula es establecer un conjunto de
pautas sobre cómo deben colocarse los elementos dentro de un
diseño. Esta es una parte importante para hacer que el contenido sea
accesible y para ayudar al espectador a comprender dónde encontrar
la siguiente información dentro del diseño.
IMPORTANCIA DE LAS RETICULAS
9
CLASES DE RETÍCULAS
Retícula de una columna:
✔ Esta estructura presenta una única hilera de
información, esto para dar una continuidad y
aprovechar al máximo el espacio en textos
largos y persistentes.
✔ Posee márgenes amplios y evita que se pierda
el punto de lectura, transmite calma y
tranquilidad.
✔ Los libros o informes utilizan este tipo de
retícula. 10
“
11
Retícula de múltiples columnas
✔ Este sistema es uno de las más
utilizados, ofrece una flexibilidad y
versatilidad amplia.
✔ Si se tiene una gran cantidad de
información se puede optar por un
mayor número de columnas (los
periódicos tienen hasta seis).
✔ Es fácil encontrarlas en revistas o
folletos informativos.
12
Retícula Modular
✔ Esta estructura muestra módulos del
mismo tamaño abarcados en todo el
espacio, es más compleja pero gracias
a su menor división del espacio
permite dar más flexibilidad,
movilidad y creatividad a los
contenidos.
✔ Se puede ver en los diseños de
anuncios, carteles o folletos cortos.
Sistema Jerárquico
✔ Como su nombre lo dice, tiene la
finalidad de mostrar los
contenidos de acuerdo a su
importancia y relevancia, por ello
es muy utilizado en sitios web o
información digital, en lo que
primero que se observa es lo que
captará la atención.
13
REFERENCIAS
14
✔ https://baetica.es/arte-la-maquetacion/
✔ https://esdima.com/que-es-una-buena-maquetacion-grafica/
✔ https://gasparbecerra.files.wordpress.com/2008/11/maquetaci
on1.pdf
✔ http://www.ilkaperea.com/es/2019/05/04/importancia-de-la-
reticula-en-diseno-grafico/
✔ https://es.slideshare.net/Natha189/diagramacin-o-maquetacin

Más contenido relacionado

Similar a T2 pa3 suntaxijesseniadg

Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Reticulas para pantallas
Reticulas para pantallasReticulas para pantallas
Reticulas para pantallasadrianamontano2
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
Técnicas de estudio
Técnicas de estudioTécnicas de estudio
Técnicas de estudioCENTRE SUPORT
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavidDavid Correa
 
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
 
Reticulas de diseño
Reticulas de diseñoReticulas de diseño
Reticulas de diseñodabu27
 

Similar a T2 pa3 suntaxijesseniadg (20)

Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Reticulas para pantallas
Reticulas para pantallasReticulas para pantallas
Reticulas para pantallas
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Técnicas de estudio
Técnicas de estudioTécnicas de estudio
Técnicas de estudio
 
Info ms dos final
Info ms dos finalInfo ms dos final
Info ms dos final
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Infografía MS-DOS
Infografía MS-DOSInfografía MS-DOS
Infografía MS-DOS
 
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
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Reticulas de diseño
Reticulas de diseñoReticulas de diseño
Reticulas de diseño
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Tarea de sara
Tarea de saraTarea de sara
Tarea de sara
 
Tarea de sara
Tarea de saraTarea de sara
Tarea de sara
 
Tarea de sara
Tarea de saraTarea de sara
Tarea de sara
 
Mapa mental tarea
Mapa mental tareaMapa mental tarea
Mapa mental tarea
 
Diseño Multimedial
Diseño MultimedialDiseño Multimedial
Diseño Multimedial
 

Más de jesseniasuntaxi

T1 pa3 suntaxijesseniadg
T1 pa3 suntaxijesseniadgT1 pa3 suntaxijesseniadg
T1 pa3 suntaxijesseniadgjesseniasuntaxi
 
JesseniaSuntaxiParcial2DG
JesseniaSuntaxiParcial2DGJesseniaSuntaxiParcial2DG
JesseniaSuntaxiParcial2DGjesseniasuntaxi
 
T5JesseniaSuntaxiDiseñoGrafico
T5JesseniaSuntaxiDiseñoGraficoT5JesseniaSuntaxiDiseñoGrafico
T5JesseniaSuntaxiDiseñoGraficojesseniasuntaxi
 
T4SuntaxiJesseniaDiseñoGrafico
T4SuntaxiJesseniaDiseñoGraficoT4SuntaxiJesseniaDiseñoGrafico
T4SuntaxiJesseniaDiseñoGraficojesseniasuntaxi
 
T3SuntaxiJesseniaDiseñoGrafico
T3SuntaxiJesseniaDiseñoGraficoT3SuntaxiJesseniaDiseñoGrafico
T3SuntaxiJesseniaDiseñoGraficojesseniasuntaxi
 
T3SuntaxiJesseniaDisenoGrafico
T3SuntaxiJesseniaDisenoGraficoT3SuntaxiJesseniaDisenoGrafico
T3SuntaxiJesseniaDisenoGraficojesseniasuntaxi
 
T1SuntaxiJesseniaDisenoGrafico
T1SuntaxiJesseniaDisenoGraficoT1SuntaxiJesseniaDisenoGrafico
T1SuntaxiJesseniaDisenoGraficojesseniasuntaxi
 
T2SuntaxiJesseniaDisenoGrafico
T2SuntaxiJesseniaDisenoGraficoT2SuntaxiJesseniaDisenoGrafico
T2SuntaxiJesseniaDisenoGraficojesseniasuntaxi
 

Más de jesseniasuntaxi (11)

T1 pa3 suntaxijesseniadg
T1 pa3 suntaxijesseniadgT1 pa3 suntaxijesseniadg
T1 pa3 suntaxijesseniadg
 
T4 pa2suntaxijesseniadg
T4 pa2suntaxijesseniadgT4 pa2suntaxijesseniadg
T4 pa2suntaxijesseniadg
 
T3 pa2suntaxijesseniadg
T3 pa2suntaxijesseniadgT3 pa2suntaxijesseniadg
T3 pa2suntaxijesseniadg
 
T2Pa2suntaxijesseniadg
T2Pa2suntaxijesseniadgT2Pa2suntaxijesseniadg
T2Pa2suntaxijesseniadg
 
JesseniaSuntaxiParcial2DG
JesseniaSuntaxiParcial2DGJesseniaSuntaxiParcial2DG
JesseniaSuntaxiParcial2DG
 
T5JesseniaSuntaxiDiseñoGrafico
T5JesseniaSuntaxiDiseñoGraficoT5JesseniaSuntaxiDiseñoGrafico
T5JesseniaSuntaxiDiseñoGrafico
 
T4SuntaxiJesseniaDiseñoGrafico
T4SuntaxiJesseniaDiseñoGraficoT4SuntaxiJesseniaDiseñoGrafico
T4SuntaxiJesseniaDiseñoGrafico
 
T3SuntaxiJesseniaDiseñoGrafico
T3SuntaxiJesseniaDiseñoGraficoT3SuntaxiJesseniaDiseñoGrafico
T3SuntaxiJesseniaDiseñoGrafico
 
T3SuntaxiJesseniaDisenoGrafico
T3SuntaxiJesseniaDisenoGraficoT3SuntaxiJesseniaDisenoGrafico
T3SuntaxiJesseniaDisenoGrafico
 
T1SuntaxiJesseniaDisenoGrafico
T1SuntaxiJesseniaDisenoGraficoT1SuntaxiJesseniaDisenoGrafico
T1SuntaxiJesseniaDisenoGrafico
 
T2SuntaxiJesseniaDisenoGrafico
T2SuntaxiJesseniaDisenoGraficoT2SuntaxiJesseniaDisenoGrafico
T2SuntaxiJesseniaDisenoGrafico
 

T2 pa3 suntaxijesseniadg

  • 1. NOMBRE: JESSENIA SUNTAXI NRC: 9288 MAQUETACIÓN
  • 2. MAQUETACIÓN 2 ✔ La maquetación gráfica es la compaginación de los diferentes elementos que ocupan la página de una publicación, es decir, cómo ocupar el espacio del plano de una página. ✔ La maquetación es la forma de componer las páginas dentro de un documento, combinando sus diferentes elementos, imágenes, textos, iconos, tablas, botones (en el caso de una maquetación interactiva), etc.
  • 3. Pasos para hacer diagramación  Los maquetadores generalmente usan programas de autoedición en la computadora para componer los elementos en las paginas antes de imprimir  antiguamente, antes de la maquetación digital, los diseñadores utilizaban “ muñecas” (miniaturas) de las paginas, para prever con precisión milimétrica el layout de cada pagina en tamaño natural  Algunos de los programas de computadora mas utilizados son el QuarkXpress, el Adobe, InDesing, el Adobe PageMaker ( desfasado y dejado de lado por Adobe para desarrollar InDesing) y el Corel Ventura. 3
  • 5. 5 Antes de empezar a maquetar, en primer lugar debemos definir el documento sobre el cual se desarrollara el trabajo, como textos, imágenes, titulares, etc
  • 6. ELEMENTOS BÁSICOS ✔ Los textos: titulares, bloques de textos, subtitulares y pies de fotos. ✔ Las imágenes: fotografías, otras ilustraciones y los espacios en blanco.
  • 7. ✔ El TITULAR: de un documento se considera el elemento más importante, ya que es el más atractivo y en el que más se fija el lector que precisamente es la labor que tiene, captar la atención del lector e intentar que se introduzca en el tema para leer el resto del texto. ✔ LOS SUBTÍTULOS: Se colocan debajo de los títulos principales, y aportan una información complementaria a la del primer titular principal. ✔ EL CUERPO DEL TEXTO: es el elemento al que menos atención se presta, esto es debido a que en muchas ocasiones el lector ya ha recibido el mensaje casi en su totalidad con la información que le ha aportado el titular y la imagen o fotografía. 7
  • 8. ✔ EL PIE DE IMAGEN O PIE DE FOTOGRAFÍA: se coloca debajo de ellas aportando alguna información adicional a las mismas. ✔ LAS IMÁGENES: Son unos de los elementos de la composición que más atraen la atención del lector, ya que visualmente son más rápidas y atractivas de ver que el texto. 8
  • 9.  La importancia de la retícula en diseño gráfico no solo radica en el orden que brinda a los elementos en el diseño, sino que también aporta elegancia y estética a todo el conjunto.  El objetivo principal de una retícula es establecer un conjunto de pautas sobre cómo deben colocarse los elementos dentro de un diseño. Esta es una parte importante para hacer que el contenido sea accesible y para ayudar al espectador a comprender dónde encontrar la siguiente información dentro del diseño. IMPORTANCIA DE LAS RETICULAS 9
  • 10. CLASES DE RETÍCULAS Retícula de una columna: ✔ Esta estructura presenta una única hilera de información, esto para dar una continuidad y aprovechar al máximo el espacio en textos largos y persistentes. ✔ Posee márgenes amplios y evita que se pierda el punto de lectura, transmite calma y tranquilidad. ✔ Los libros o informes utilizan este tipo de retícula. 10
  • 11. “ 11 Retícula de múltiples columnas ✔ Este sistema es uno de las más utilizados, ofrece una flexibilidad y versatilidad amplia. ✔ Si se tiene una gran cantidad de información se puede optar por un mayor número de columnas (los periódicos tienen hasta seis). ✔ Es fácil encontrarlas en revistas o folletos informativos.
  • 12. 12 Retícula Modular ✔ Esta estructura muestra módulos del mismo tamaño abarcados en todo el espacio, es más compleja pero gracias a su menor división del espacio permite dar más flexibilidad, movilidad y creatividad a los contenidos. ✔ Se puede ver en los diseños de anuncios, carteles o folletos cortos.
  • 13. Sistema Jerárquico ✔ Como su nombre lo dice, tiene la finalidad de mostrar los contenidos de acuerdo a su importancia y relevancia, por ello es muy utilizado en sitios web o información digital, en lo que primero que se observa es lo que captará la atención. 13
  • 14. REFERENCIAS 14 ✔ https://baetica.es/arte-la-maquetacion/ ✔ https://esdima.com/que-es-una-buena-maquetacion-grafica/ ✔ https://gasparbecerra.files.wordpress.com/2008/11/maquetaci on1.pdf ✔ http://www.ilkaperea.com/es/2019/05/04/importancia-de-la- reticula-en-diseno-grafico/ ✔ https://es.slideshare.net/Natha189/diagramacin-o-maquetacin