SlideShare a Scribd company logo
1 of 43
ELEMENTOS QUE
COMPONEN LA
PÁGINA
Y deconstrucción de la retícula
INTRIDUCCIÓN
 La estructura reticular, la tipografía, el diseño, y los distintos
elementos que conforman la página, han pasado a formar
parte del status quo de la actividad del diseñador. Sin
embargo existen muchas otras formas de organizar la
información y las imágenes. La decisión de utilizar una
retícula siempre se deduce de la naturaleza del contenido del
proyecto.
 A veces, ese contenido tiene su propia estructura interna y
una retícula no necesariamente lo clarificará; otras veces, el
contenido necesita ignorar la estructura por completo para
crear determinadas reacciones emocionales en el público al
que se desea llegar.
 Es necesario conocer todos los elementos y las
consideraciones de los mismos para crear diseños de
páginas memorables
de la página impresa
Elementos tipográficos
El titular
 Es el elemento lingüístico más importante de la
composición, ya que tiene la misión de llamar la
atención e introducir al resto del contenido.
 El titular puede ser largo, corto, más o menos
grande, no hay leyes sobre este tema, pero si
algunas recomendaciones que parten de estudios
realizados.
 Algunos autores recomiendan las frases y las
palabras cortas, que los titulares estén
compuestos de mayúsculas y minúsculas, que
sea tipografía con serifa para su mejor legibilidad.
El titular
 Lo importante es que
consiga llamar la
atención, transmitir un
mensaje rápido, y si es
capaz de conseguirlo con
una frase larga, será
igualmente bueno que un
anuncio con un titular
corto.
 Lo lógico es que el tamaño
del titular sea mayor que el
resto de texto que exista
en la composición, sin
olvidar que aún teniendo
diferentes tamaños deben
estar equilibrados.
El cuerpo del texto
 Es normalmente el elemento al que menos se le
presta atención, bien porque resulta pesado,
aburrido, o por la sencilla razón de que en
algunas ocasiones, con la imagen (infografía,
ilustración) y el titular ya parece que se han
desarrollado los elementos fundamentales,
además el texto "nadie lo lee".
 La cuestión es tener siempre presente que
cuando hablamos de un anuncio, por ejemplo,
aunque el tanto por ciento de personas que lean
el texto sea bajo, para el que lo lea el cuerpo de
texto puede ser nuestro mejor vendedor, por lo
que deberemos cuidarlo.
El cuerpo del texto
El Pie de Foto
 Este elemento tiene como misión dar información sobre la
fotografía, y normalmente es preciso y no muy denso.
 Aunque pueda parecer de poca importancia, es uno de los
elementos que más se leen, por lo que debemos aportar una
información suplementaria a la imagen y que pueda
despertar más interés en otros elementos de la composición.
 Normalmente al pie de foto se le aplica un cuerpo pequeño (
6, 7 u 8 puntos), no debemos pensar que eso evita su poder
de atracción o visibilidad, ya que normalmente el receptor se
siente atraído tanto por tipografía grande como por cuerpos
pequeños en los que hay que esforzarse para saber que
dicen.
Subtítulos
 Simplemente adelantan o resumen en pocas
palabras, el contenido del bloque de texto.
Subtítulos
Espacios en blanco
 Tienen más importancia de lo que parece,
aunque algunos anuncios casi prescindan de
ellos.
 Los espacios es blanco transmiten claridad,
libertad, espacio, y ayudan en muchos casos
a equilibrar la composición.
Las fotografías
 Son por lo general los elementos que más llaman la
atención y es la parte
 de la composición que seguro que miramos.
 La presencia de una imagen abre al diseñador un
abanico de
 posibilidades mucho más amplio, ya que son
elementos que:
 1. Proporcionan información.
 2. Enseñan el producto tal como es.
 3. Hacen la comunicación más real y creíble.
 4. Sugieren, expresan
sensaciones, estimulan.palabras, el contenido del
bloque de texto.
OTROS ELEMENTOS
Filete.
 Líneas que sirven para delimitar
recuadros, cuadros, ilustraciones o fotografías o
para separar diferentes partes del texto.
 Los filetes pueden utilizarse en las publicaciones
con fines diversos, pueden tener una función más
ornamental o funcional o una combinación de
ambas. Pueden estar dividiendo y estructurando
el espacio textual o blanco, también pueden ser
utilizados para destacar cierta información de
diseño general, como base o colofón de ciertos
textos o con una función de direccionalidad.
 Hay una gama amplia de distintos grosores, estilos o colores
que proporciona cualquier programa de diseño.
 Aunque la gran variedad de opciones no deben de hacer
perder el estilo que del diseño, por ejemplo, la utilización de
filetes demasiados gruesos con caracteres finos puede hacer
que el trabajo se eche a perder y que la composición resulte
torpe.
 Las líneas deben establecer una relación con la tipografía
utilizada en la página así como con el diseño general.
Escoger un tipo de línea para el diseño es siempre una
decisión que debe ser analizada y justificada
conceptualmente, tanto en cuanto a la intencionalidad como
al tipo o estilo de la misma.
Capitulares
 Otro elemento en los trabajos editoriales es la
utilización de capitulares, o iniciales muy
grandes, que tienen como función indicar el
comienzo de un capítulo y centrar la atención en
el inicio del texto o simplemente con una intención
decorativa.
 Lo normal es que la línea base de la capitular
caiga una o más líneas bajo la línea base de la
primera línea del párrafo. Es conveniente utilizar
este recurso en aquellas columnas que tengan
suficiente ancho como para que no queden
espacios tipográficos raros y antiestéticos o
escasez de texto junto a la capitular.
Foliación
 El folio o número de página debe observar una
colocación funcional y estetica.
 Ya que la numeración de una publicación es de
vital importancia (especialmente en manuales e
instructivos). En principio puede estar arriba
, abajo, a la derecha o a la izquierda.
 La posición de la mancha dentro de la página y el
ancho del blanco determinan el posicionamiento
del folio.
 Cabe mencionar que no es recomendable colocar
el folio en el blanco correspondiente al interior de
la publicación.
 Desde un punto de vista psicológico, el folio situado simétricamente
en el centro y debajo de la mancha produce un efecto de algo
estático y tranquilo.
 El situado en el blanco de corte, da idea de algo dinámico.
 Si el folio se coloca encima o debajo de la mancha, su distancia
respecto a la misma, es decir de arriba o hacia abajo, debe
corresponder a una o más líneas vacías, según el tamaño del
margen, pero no se debe determinar al azar.
 Si el folio se coloca a la izquierda o derecha de la mancha, la
distancia entre éstos será normalmente igual al espacio intermedio
entre columnas o medianil, y debe alinearse siempre con una linea
de texto.
DECONSTRUCCIÓN
RETICULAR
DECONSTRUCCIÓN
 Como la palabra misma indica, el propósito de
“deconstruir” es desmontar un espacio
racionalmente estructurado de modo que se
obligue a los elementos que se encuentran en
él a establecer nuevas relaciones entre sí; o,
dicho de un modo sencillo, empezar con una
retícula y después ver qué ocurre.
 Apuntando esto, probablemente quede claro
que no existe ningún conjunto de reglas válido
que pueda aplicarse al proceso de
deconstrucción.
Deconstrucción Lingüística
 El ritmo natural del lenguaje hablado, por
ejemplo, suele utilizarse como guía para
cambiar el peso, el cuerpo, el color o la
alineación en las líneas de tipografía
Composición óptica
espontánea
 Lejos de ser aleatorio, este método compositivo
puede describirse como la disposición
intencionadamente intuitiva de material en función
de sus aspectos formales: esto es, consiste en
ver las relaciones y los contrastes inherentes a un
material determinado, y en establecer vínculos
para el observador a partir de dichas relaciones.
 El resultado es una estructura que depende de
las tensiones ópticas de la composición y de su
conexión con la jerarquía informativa que existe
dentro del espacio.
Deconstrucción de
columnas mediante
collage
Retícula modular
deconstruída
mediante una
operación aleatoria
Composición óptica
espontánea
Deconstrucción de
una retícula de
columnas en collage
sistemático
Deconstrucción verbal

More Related Content

What's hot

What's hot (17)

Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Ejemplos de fundamentos de diseño
Ejemplos de fundamentos de diseñoEjemplos de fundamentos de diseño
Ejemplos de fundamentos de diseño
 
LA ESTRUCTURA EN DISEÑO BASICO
LA ESTRUCTURA EN DISEÑO BASICOLA ESTRUCTURA EN DISEÑO BASICO
LA ESTRUCTURA EN DISEÑO BASICO
 
3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Composición en Diseño Editorial
Composición en Diseño EditorialComposición en Diseño Editorial
Composición en Diseño Editorial
 
La historia del cartel
La historia del cartelLa historia del cartel
La historia del cartel
 
Elaboraciòn de un Cartel
Elaboraciòn de un CartelElaboraciòn de un Cartel
Elaboraciòn de un Cartel
 
Metacommentary and academic titles
Metacommentary and academic titlesMetacommentary and academic titles
Metacommentary and academic titles
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Gestalt
GestaltGestalt
Gestalt
 
Descargar Técnicas de la comunicación visual
Descargar Técnicas de la comunicación visual Descargar Técnicas de la comunicación visual
Descargar Técnicas de la comunicación visual
 
Tema 4 al 8 diseño y su configuracion
Tema 4 al 8 diseño y su configuracionTema 4 al 8 diseño y su configuracion
Tema 4 al 8 diseño y su configuracion
 
Estilo suizo
Estilo suizoEstilo suizo
Estilo suizo
 
Diseñar con reticula
Diseñar con reticulaDiseñar con reticula
Diseñar con reticula
 
Diseño editorial: Tipografia
Diseño editorial: TipografiaDiseño editorial: Tipografia
Diseño editorial: Tipografia
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 

Viewers also liked

Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramacióncliovirtual
 
Plugins para Navegador
Plugins para Navegador Plugins para Navegador
Plugins para Navegador dvmartinez
 
Criterios para la busqueda de informaciòn en internet
Criterios para la busqueda de informaciòn en internetCriterios para la busqueda de informaciòn en internet
Criterios para la busqueda de informaciòn en internetanaymarce
 
Criterios de Busqueda y seleccion de informacion en la web.
Criterios de Busqueda y seleccion de informacion en la web.Criterios de Busqueda y seleccion de informacion en la web.
Criterios de Busqueda y seleccion de informacion en la web.karenhoran
 
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNETCRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNETMaris
 
Herramienta de hotmail
Herramienta de hotmailHerramienta de hotmail
Herramienta de hotmailIgil24
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina webkatherinviviana
 
Criterios para analizar la informacion de internet
Criterios para analizar la informacion de internetCriterios para analizar la informacion de internet
Criterios para analizar la informacion de internetdenisita
 
Criterios búsqueda información Internet
Criterios búsqueda información InternetCriterios búsqueda información Internet
Criterios búsqueda información Internetlaurargonzalez
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web2012diego
 
Criterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiableCriterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiableEly Ayala
 
Sistema de complemento
Sistema de complementoSistema de complemento
Sistema de complementoAlee Delat
 

Viewers also liked (18)

El libro ix
El libro ixEl libro ix
El libro ix
 
Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramación
 
Hypervinculo
HypervinculoHypervinculo
Hypervinculo
 
Módulos y Plugins
Módulos y PluginsMódulos y Plugins
Módulos y Plugins
 
Aprende a buscar y elegir palabras clave para tu web
Aprende a buscar y elegir palabras clave para tu webAprende a buscar y elegir palabras clave para tu web
Aprende a buscar y elegir palabras clave para tu web
 
Pagina web
Pagina webPagina web
Pagina web
 
Plugins para Navegador
Plugins para Navegador Plugins para Navegador
Plugins para Navegador
 
Criterios para la busqueda de informaciòn en internet
Criterios para la busqueda de informaciòn en internetCriterios para la busqueda de informaciòn en internet
Criterios para la busqueda de informaciòn en internet
 
Criterios de Busqueda y seleccion de informacion en la web.
Criterios de Busqueda y seleccion de informacion en la web.Criterios de Busqueda y seleccion de informacion en la web.
Criterios de Busqueda y seleccion de informacion en la web.
 
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNETCRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
 
Herramienta de hotmail
Herramienta de hotmailHerramienta de hotmail
Herramienta de hotmail
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Criterios para analizar la informacion de internet
Criterios para analizar la informacion de internetCriterios para analizar la informacion de internet
Criterios para analizar la informacion de internet
 
Criterios búsqueda información Internet
Criterios búsqueda información InternetCriterios búsqueda información Internet
Criterios búsqueda información Internet
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Plugin YOAST
Plugin YOASTPlugin YOAST
Plugin YOAST
 
Criterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiableCriterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiable
 
Sistema de complemento
Sistema de complementoSistema de complemento
Sistema de complemento
 

Similar to Elementos que componen la página viii

El folleto
El folletoEl folleto
El folletoMash169
 
00-CLAVES-TIPOGRAFICAS-2022.pdf
00-CLAVES-TIPOGRAFICAS-2022.pdf00-CLAVES-TIPOGRAFICAS-2022.pdf
00-CLAVES-TIPOGRAFICAS-2022.pdfthauromaniko
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorialluiart
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorialLuis Frias
 
Elementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticosElementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticosUn Rincón para Crear
 
Diseño editorial... terminado
Diseño editorial... terminadoDiseño editorial... terminado
Diseño editorial... terminadolilianasanmartin2
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavidDavid Correa
 
Consejos para elaborar un panel o póster para una reunión científica
Consejos para elaborar un panel o póster para una reunión científicaConsejos para elaborar un panel o póster para una reunión científica
Consejos para elaborar un panel o póster para una reunión científicaJoaquín Luis Navarro
 
PRINCIPIO DE LA ALINEACION y sabiduria PPP.pptx
PRINCIPIO DE LA ALINEACION y sabiduria PPP.pptxPRINCIPIO DE LA ALINEACION y sabiduria PPP.pptx
PRINCIPIO DE LA ALINEACION y sabiduria PPP.pptxgerardouliseslopezlo
 
ComprensióN De Textos
ComprensióN De TextosComprensióN De Textos
ComprensióN De Textosmirtangela
 
Comprensión de Textos
Comprensión de TextosComprensión de Textos
Comprensión de Textosmirtangela
 
Las técnicas de estudio o estrategias de
Las técnicas de estudio o estrategias deLas técnicas de estudio o estrategias de
Las técnicas de estudio o estrategias deJosAlejandroRodrguez21
 
Todo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revistaTodo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revistapmdesingfiles
 
4.2 composición
4.2 composición4.2 composición
4.2 composiciónLuis Amaya
 
4.2 composicion
4.2 composicion4.2 composicion
4.2 composicionLuis Amaya
 
Taller1 michelle jacky
Taller1 michelle jackyTaller1 michelle jacky
Taller1 michelle jackyLokita Linda
 
Técnicas de estudio parte I
Técnicas de estudio   parte ITécnicas de estudio   parte I
Técnicas de estudio parte IDeyanira Sáenz
 

Similar to Elementos que componen la página viii (20)

Clase 7
Clase 7Clase 7
Clase 7
 
El folleto
El folletoEl folleto
El folleto
 
00-CLAVES-TIPOGRAFICAS-2022.pdf
00-CLAVES-TIPOGRAFICAS-2022.pdf00-CLAVES-TIPOGRAFICAS-2022.pdf
00-CLAVES-TIPOGRAFICAS-2022.pdf
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorial
 
Elementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticosElementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticos
 
Diseño editorial... terminado
Diseño editorial... terminadoDiseño editorial... terminado
Diseño editorial... terminado
 
Poster Científico
Poster CientíficoPoster Científico
Poster Científico
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Consejos para elaborar un panel o póster para una reunión científica
Consejos para elaborar un panel o póster para una reunión científicaConsejos para elaborar un panel o póster para una reunión científica
Consejos para elaborar un panel o póster para una reunión científica
 
PRINCIPIO DE LA ALINEACION y sabiduria PPP.pptx
PRINCIPIO DE LA ALINEACION y sabiduria PPP.pptxPRINCIPIO DE LA ALINEACION y sabiduria PPP.pptx
PRINCIPIO DE LA ALINEACION y sabiduria PPP.pptx
 
ComprensióN De Textos
ComprensióN De TextosComprensióN De Textos
ComprensióN De Textos
 
Comprensión de Textos
Comprensión de TextosComprensión de Textos
Comprensión de Textos
 
Las técnicas de estudio o estrategias de
Las técnicas de estudio o estrategias deLas técnicas de estudio o estrategias de
Las técnicas de estudio o estrategias de
 
Todo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revistaTodo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revista
 
4.2 composición
4.2 composición4.2 composición
4.2 composición
 
4.2 composicion
4.2 composicion4.2 composicion
4.2 composicion
 
Taller1 michelle jacky
Taller1 michelle jackyTaller1 michelle jacky
Taller1 michelle jacky
 
Técnicas de estudio parte I
Técnicas de estudio   parte ITécnicas de estudio   parte I
Técnicas de estudio parte I
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
 

More from cliovirtual

More from cliovirtual (14)

DEL BRIEF A LA SOLUCIÓN
DEL BRIEF A LA SOLUCIÓNDEL BRIEF A LA SOLUCIÓN
DEL BRIEF A LA SOLUCIÓN
 
Libro
LibroLibro
Libro
 
Pop up-avanzado
Pop up-avanzadoPop up-avanzado
Pop up-avanzado
 
Pop up-simple
Pop up-simplePop up-simple
Pop up-simple
 
Proceso Packaging
Proceso PackagingProceso Packaging
Proceso Packaging
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
naming
namingnaming
naming
 
Clase III
Clase IIIClase III
Clase III
 
CLASE 2
CLASE 2CLASE 2
CLASE 2
 
INTRO_IMAGEN TURISTICA
INTRO_IMAGEN TURISTICAINTRO_IMAGEN TURISTICA
INTRO_IMAGEN TURISTICA
 
Net art lectura clase_iii
Net art lectura clase_iiiNet art lectura clase_iii
Net art lectura clase_iii
 
INTRODUCCION
INTRODUCCIONINTRODUCCION
INTRODUCCION
 
Clase ii investigacion
Clase ii investigacionClase ii investigacion
Clase ii investigacion
 
NAMING
NAMINGNAMING
NAMING
 

Recently uploaded

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
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
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
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
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
 
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.
 
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
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)veganet
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
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
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
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
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 

Recently uploaded (20)

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...
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
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
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
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
 
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
 
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
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
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
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
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
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 

Elementos que componen la página viii

  • 1. ELEMENTOS QUE COMPONEN LA PÁGINA Y deconstrucción de la retícula
  • 2. INTRIDUCCIÓN  La estructura reticular, la tipografía, el diseño, y los distintos elementos que conforman la página, han pasado a formar parte del status quo de la actividad del diseñador. Sin embargo existen muchas otras formas de organizar la información y las imágenes. La decisión de utilizar una retícula siempre se deduce de la naturaleza del contenido del proyecto.  A veces, ese contenido tiene su propia estructura interna y una retícula no necesariamente lo clarificará; otras veces, el contenido necesita ignorar la estructura por completo para crear determinadas reacciones emocionales en el público al que se desea llegar.  Es necesario conocer todos los elementos y las consideraciones de los mismos para crear diseños de páginas memorables
  • 3. de la página impresa Elementos tipográficos
  • 4. El titular  Es el elemento lingüístico más importante de la composición, ya que tiene la misión de llamar la atención e introducir al resto del contenido.  El titular puede ser largo, corto, más o menos grande, no hay leyes sobre este tema, pero si algunas recomendaciones que parten de estudios realizados.  Algunos autores recomiendan las frases y las palabras cortas, que los titulares estén compuestos de mayúsculas y minúsculas, que sea tipografía con serifa para su mejor legibilidad.
  • 5. El titular  Lo importante es que consiga llamar la atención, transmitir un mensaje rápido, y si es capaz de conseguirlo con una frase larga, será igualmente bueno que un anuncio con un titular corto.  Lo lógico es que el tamaño del titular sea mayor que el resto de texto que exista en la composición, sin olvidar que aún teniendo diferentes tamaños deben estar equilibrados.
  • 6.
  • 7.
  • 8.
  • 9. El cuerpo del texto  Es normalmente el elemento al que menos se le presta atención, bien porque resulta pesado, aburrido, o por la sencilla razón de que en algunas ocasiones, con la imagen (infografía, ilustración) y el titular ya parece que se han desarrollado los elementos fundamentales, además el texto "nadie lo lee".  La cuestión es tener siempre presente que cuando hablamos de un anuncio, por ejemplo, aunque el tanto por ciento de personas que lean el texto sea bajo, para el que lo lea el cuerpo de texto puede ser nuestro mejor vendedor, por lo que deberemos cuidarlo.
  • 10. El cuerpo del texto
  • 11. El Pie de Foto  Este elemento tiene como misión dar información sobre la fotografía, y normalmente es preciso y no muy denso.  Aunque pueda parecer de poca importancia, es uno de los elementos que más se leen, por lo que debemos aportar una información suplementaria a la imagen y que pueda despertar más interés en otros elementos de la composición.  Normalmente al pie de foto se le aplica un cuerpo pequeño ( 6, 7 u 8 puntos), no debemos pensar que eso evita su poder de atracción o visibilidad, ya que normalmente el receptor se siente atraído tanto por tipografía grande como por cuerpos pequeños en los que hay que esforzarse para saber que dicen.
  • 12.
  • 13. Subtítulos  Simplemente adelantan o resumen en pocas palabras, el contenido del bloque de texto.
  • 15. Espacios en blanco  Tienen más importancia de lo que parece, aunque algunos anuncios casi prescindan de ellos.  Los espacios es blanco transmiten claridad, libertad, espacio, y ayudan en muchos casos a equilibrar la composición.
  • 16.
  • 17. Las fotografías  Son por lo general los elementos que más llaman la atención y es la parte  de la composición que seguro que miramos.  La presencia de una imagen abre al diseñador un abanico de  posibilidades mucho más amplio, ya que son elementos que:  1. Proporcionan información.  2. Enseñan el producto tal como es.  3. Hacen la comunicación más real y creíble.  4. Sugieren, expresan sensaciones, estimulan.palabras, el contenido del bloque de texto.
  • 18.
  • 20. Filete.  Líneas que sirven para delimitar recuadros, cuadros, ilustraciones o fotografías o para separar diferentes partes del texto.  Los filetes pueden utilizarse en las publicaciones con fines diversos, pueden tener una función más ornamental o funcional o una combinación de ambas. Pueden estar dividiendo y estructurando el espacio textual o blanco, también pueden ser utilizados para destacar cierta información de diseño general, como base o colofón de ciertos textos o con una función de direccionalidad.
  • 21.
  • 22.
  • 23.
  • 24.  Hay una gama amplia de distintos grosores, estilos o colores que proporciona cualquier programa de diseño.  Aunque la gran variedad de opciones no deben de hacer perder el estilo que del diseño, por ejemplo, la utilización de filetes demasiados gruesos con caracteres finos puede hacer que el trabajo se eche a perder y que la composición resulte torpe.  Las líneas deben establecer una relación con la tipografía utilizada en la página así como con el diseño general. Escoger un tipo de línea para el diseño es siempre una decisión que debe ser analizada y justificada conceptualmente, tanto en cuanto a la intencionalidad como al tipo o estilo de la misma.
  • 25. Capitulares  Otro elemento en los trabajos editoriales es la utilización de capitulares, o iniciales muy grandes, que tienen como función indicar el comienzo de un capítulo y centrar la atención en el inicio del texto o simplemente con una intención decorativa.  Lo normal es que la línea base de la capitular caiga una o más líneas bajo la línea base de la primera línea del párrafo. Es conveniente utilizar este recurso en aquellas columnas que tengan suficiente ancho como para que no queden espacios tipográficos raros y antiestéticos o escasez de texto junto a la capitular.
  • 26.
  • 27.
  • 28. Foliación  El folio o número de página debe observar una colocación funcional y estetica.  Ya que la numeración de una publicación es de vital importancia (especialmente en manuales e instructivos). En principio puede estar arriba , abajo, a la derecha o a la izquierda.  La posición de la mancha dentro de la página y el ancho del blanco determinan el posicionamiento del folio.  Cabe mencionar que no es recomendable colocar el folio en el blanco correspondiente al interior de la publicación.
  • 29.  Desde un punto de vista psicológico, el folio situado simétricamente en el centro y debajo de la mancha produce un efecto de algo estático y tranquilo.  El situado en el blanco de corte, da idea de algo dinámico.  Si el folio se coloca encima o debajo de la mancha, su distancia respecto a la misma, es decir de arriba o hacia abajo, debe corresponder a una o más líneas vacías, según el tamaño del margen, pero no se debe determinar al azar.  Si el folio se coloca a la izquierda o derecha de la mancha, la distancia entre éstos será normalmente igual al espacio intermedio entre columnas o medianil, y debe alinearse siempre con una linea de texto.
  • 31. DECONSTRUCCIÓN  Como la palabra misma indica, el propósito de “deconstruir” es desmontar un espacio racionalmente estructurado de modo que se obligue a los elementos que se encuentran en él a establecer nuevas relaciones entre sí; o, dicho de un modo sencillo, empezar con una retícula y después ver qué ocurre.  Apuntando esto, probablemente quede claro que no existe ningún conjunto de reglas válido que pueda aplicarse al proceso de deconstrucción.
  • 32. Deconstrucción Lingüística  El ritmo natural del lenguaje hablado, por ejemplo, suele utilizarse como guía para cambiar el peso, el cuerpo, el color o la alineación en las líneas de tipografía
  • 33.
  • 34. Composición óptica espontánea  Lejos de ser aleatorio, este método compositivo puede describirse como la disposición intencionadamente intuitiva de material en función de sus aspectos formales: esto es, consiste en ver las relaciones y los contrastes inherentes a un material determinado, y en establecer vínculos para el observador a partir de dichas relaciones.  El resultado es una estructura que depende de las tensiones ópticas de la composición y de su conexión con la jerarquía informativa que existe dentro del espacio.
  • 35.
  • 36.
  • 37.
  • 38.
  • 42. Deconstrucción de una retícula de columnas en collage sistemático