SlideShare una empresa de Scribd logo
1 de 32
UNIDAD V Composición
Editorial
5.1.1 Columnas
5.1.2. Percepción en la lectura
5.1.3 Criterios de legibilidad
5.1.4 Criterios de la leibilidad
Introducción
El diseño editorial es una de las ramas del diseño gráfico que
se ocupa de proyectos y publicaciones como libros,
periódicos, portafolios y revistas. Ya se trate de un periódico
impreso o de una revista digital, en el diseño editorial es
necesario conocer la anatomía de una retícula.
Objetivo
El objetivo principal de una retícula es
establecer un conjunto de directrices
sobre cómo deben colocarse los
elementos dentro de un diseño. En
otras palabras, las retículas hacen
que el contenido sea accesible y
ayudan al espectador a entender
dónde encontrar la siguiente
información a lo largo del diseño.
¿Qué es una Retícula?
En diseño gráfico, la retícula es una estructura basada en
líneas, generalmente verticales y horizontales, que ayuda a
ordenar de forma coherente todos los elementos de la
composición, que son:
• título
• subtítulo
• cuerpo de texto
• imágenes
• pie de página y crédito de la imagen
• ideas destacadas
• paginación
Entre las partes de la retícula, los
módulos son celdas generadas por
las líneas imaginarias. Así pues, en
los módulos se colocan los
elementos con diferentes
distribuciones. Además, la retícula
no es sólo sobre cuadros, sino
también sobre proporciones. Este
es el concepto más importante de
la teoría de la retícula.
•
Además, todas las
retículas
pueden diseñarse de
dos maneras:
• Simétrico
• Asimétrico
• Las retículas simétricas siguen una línea central. Los
márgenes verticales son iguales entre sí, así como los
horizontales. Asimismo, las columnas también tienen la misma
anchura en una retícula simétrica.
• En una retícula asimétrica, tanto los márgenes como las
columnas pueden ser diferentes entre sí. Es importante buscar
siempre el equilibrio cuando se utiliza un diseño asimétrico.
• Entender la anatomía de la retícula en el diseño
editorial facilita saber cómo y dónde colocar la información
dentro de una composición.
•
Anatomía de la
retícula
• Entender las partes de la
retícula permite identificar la
mejor ubicación de cada
elemento.
El formato
Es el área completa donde se
presentará el diseño final. Por ejemplo,
en el diseño impreso, el formato puede
ser una página de tamaño carta o una
página de tamaño póster. Por otro lado,
en el diseño web, el formato es la
ventana del navegador de un
ordenador de sobremesa o de un
dispositivo móvil.
•
Los márgenes
Son los espacios vacíos entre los bordes del
formato y el contenido. En consecuencia, el
tamaño de los márgenes es lo que da al
contenido una forma general, normalmente un
rectángulo.
En primer lugar, establezca los márgenes.
Establecer el tamaño de los márgenes es
el primer paso para construir una
retícula. Esto indicará el espacio disponible
para trabajar. Sin embargo, no debe
confundirse con el relleno, que es el espacio
dentro de las filas y columnas.
•
Columnas
• Las columnas son las secciones
verticales de una retícula. Una
retícula puede tener tanto 1 como 16
columnas. El número de columnas
depende del tipo de publicación. En
otras palabras, más columnas en la
retícula significan más flexibilidad.
• Las columnas adquieren gran
relevancia en el diseño de páginas
web y en publicaciones editoriales
como periódicos y revistas.
Las filas son las secciones
horizontales de una retícula. Ayudan a
separar el contenido horizontalmente.
Los módulos son los bloques de
construcción de cualquier retícula.
Son los espacios creados por la
intersección de las líneas de flujo y
las líneas verticales. Los grupos
verticales de módulos crean
columnas. Los grupos horizontales
crean filas.
El medianil
• Las columnas y las filas están
divididas por medianiles. Imagina
una ciudad, los medianiles serían las
calles y avenidas.
• Cuando el medianil es más
estrecho, se crea más tensión
visual. Por otro lado, las retículas
con medianiles más anchos
producen plantillas relajantes porque
los elementos de la composición
tienen menos tensión entre ellos.
Las zonas
espaciales
• Son agrupaciones de columnas, filas
o módulos que forman un elemento
de composición.
• Los grupos de módulos adyacentes
en áreas verticales y horizontales
crean zonas o regiones espaciales.
Por ejemplo, una región vertical
puede contener un punto de texto,
una región horizontal puede contener
una fotografía. Las regiones pueden
disponerse proporcionalmente o
utilizarse para crear zonas
superpuestas.
Las líneas de
flujo
Son líneas horizontales que separan
las diferentes secciones de una retícula
en bandas paralelas. Ayudan al lector a
seguir el contenido del diseño.
Las líneas de flujo también crean
puntos de parada o bordes para la
colocación de los elementos. Algunas
líneas de flujo se denominan líneas
colgantes y otras se llaman líneas de
base.
•
Marcador
• Un marcador es una zona en la que se
coloca el contenido secundario. Marcan el
lugar exacto donde se coloca la
información que se va a repetir de una
página a otra.
• Los libros y las revistas suelen utilizarlos
para los títulos de los capítulos, la
numeración de las páginas, los
encabezados y los pies de página, etc.
• Introducción
¿Cómo sabemos si un contenido es
legible? ¿Cómo distinguimos entre
una fuente legible y una que no lo es?
¿Se puede interpretar la legibilidad de
un texto en más de un sentido?
¿Cómo medir la legibilidad de un
texto?
5.1.2 Percepción en la lectura
La percepción en la lectura es un proceso complejo que involucra
la interpretación y comprensión de los símbolos escritos. Aquí hay
algunos aspectos importantes sobre la percepción en la lectura:
1.Procesamiento visual: La percepción en la lectura comienza
con el procesamiento visual de las letras y palabras en la
página. El cerebro decodifica estos símbolos visuales en
unidades significativas de lenguaje.
2.Reconocimiento de palabras: A medida que leemos, el
cerebro reconoce palabras familiares de manera rápida y
automática. Este reconocimiento se basa en la familiaridad con
las palabras y su ortografía.
• En la composición de textos en general –sobre todo si se
excluyen los pies de las ilustraciones y los titulares–, una buena
regla consiste en hacer que la longitud de línea no se fragmente
excesivamente e impida la fluidez de la lectura, o el exceso de
longitud dificulte la misma. En cualquier caso, es importante
saber detectar cuándo una longitud de línea es demasiado larga
o corta.
• Leer líneas de texto muy largas cansa a nuestros ojos, que
necesitan las pausas que nos proporcionan los saltos de línea.
En el momento de cambiar de línea, los ojos obtienen esa breve
pausa, que es corta, pero lo suficientemente larga para seguir
leyendo más tiempo. Este proceso se asemeja al de un motor,
que no va a máxima potencia todo el rato para poder seguir
funcionando sin sobrecalentarse.
El ancho ideal de una línea de texto se
encuentra entre los 45 y los 75
caracteres, incluyendo espacios.
Cualquier otra medida que supere por
mucho ese rango se vuelve difícil de leer:
demasiados cambios de línea en líneas
cortas y demasiado pocos en líneas
largas.
El idioma de un texto también
determinará su aspecto, y
especialmente el ancho de línea. Por
ejemplo, sabemos que el número
medio de caracteres de una palabra en
alemán es muy superior a la media en
castellano. Esto es así porque en
alemán es muy habitual combinar
palabras para formar nuevas y, por lo
general, resultan bastante largas. Eso
da como resultado párrafos más
irregulares por la derecha. Para
contrarrestar el efecto, recomendamos
tender hacia la cifra superior del rango
orientativo. Es decir, en estos casos
sería más aconsejable decantarse
hacia los 75 caracteres que hacia los
45.
3. Fijación y movimientos sacádicos: Durante la
lectura, los ojos realizan movimientos llamados
sacádicos, donde se mueven de una palabra a
otra de manera rápida y discontinua. Entre cada
movimiento sacádico, los ojos se detienen en un
punto específico llamado fijación, donde se
procesa visualmente la información.
4.Comprensión textual: La percepción en la
lectura también implica la comprensión del
significado de las palabras y oraciones. Esto
incluye la interpretación del contexto, la inferencia
de significados y la conexión de ideas para formar
una comprensión global del texto.
5. Factores cognitivos y afectivos: La percepción en la lectura está influenciada por
factores cognitivos, como la atención y la memoria, así como por factores afectivos, como el
interés y la motivación. Estos factores pueden afectar la capacidad de una persona para
procesar y comprender el texto.
6. Estrategias de lectura: Los lectores pueden utilizar diferentes estrategias para mejorar su
percepción en la lectura, como la anticipación de contenido, la identificación de palabras
clave, la realización de preguntas durante la lectura y la revisión activa del material.
En resumen, la percepción en la lectura es un proceso dinámico que implica la interpretación
y comprensión activa de los símbolos escritos. Es influenciada por una variedad de factores,
tanto visuales como cognitivos, y puede mejorarse mediante el uso de estrategias de lectura
efectivas.
5.1.3 Criterios de legibilidad
Los ojos se desplazan de izquierda
a derecha mediante
sacudidas rápidas que se producen
entre cada una de las fijaciones.
1.Claridad en la tipografía: Utilizar fuentes claras y legibles,
preferiblemente en tamaño adecuado. Las fuentes serif (con
remates) suelen ser más fáciles de leer para textos extensos
impresos, mientras que las fuentes sans-serif funcionan bien
para textos en pantalla. Además, el espaciado entre letras y
palabras debe ser suficiente para evitar la fatiga visual.
2.Distribución del texto: La distribución adecuada del texto en la
página es importante para la legibilidad. Debe haber suficiente
espacio en blanco alrededor del texto para evitar que parezca
abrumador. Además, los párrafos y las secciones deben estar
claramente divididos para facilitar la lectura y la comprensión.
3. Uso de encabezados y subtítulos: Utilizar encabezados y
subtítulos claros y descriptivos ayuda a organizar la información y
facilita la navegación por el texto. Esto permite a los lectores
escanear rápidamente el contenido y encontrar la información que
están buscando.
4. Ortografía y gramática correctas: La corrección ortográfica y
gramatical es esencial para la legibilidad. Los errores de este tipo
pueden distraer al lector y dificultar la comprensión del texto.
5. Frases y párrafos concisos: Utilizar frases y párrafos cortos y
concisos facilita la lectura y la comprensión del texto. Evitar las
oraciones largas y complejas ayuda a mantener la atención del lector
y a evitar confusiones.
6. Uso adecuado de imágenes y gráficos: Las imágenes y los
gráficos pueden mejorar la legibilidad del texto al proporcionar una
representación visual de la información. Sin embargo, es importante
que estas imágenes sean relevantes y estén correctamente
etiquetadas para evitar confusiones.
7. Consistencia y coherencia: Mantener una estructura y estilo
consistentes en todo el texto ayuda a los lectores a orientarse y
comprender mejor la información. Esto incluye la consistencia en el
uso de términos, el formato del texto y la organización del contenido.
•
Actividad
El siguiente texto contiene errores ortográficos, gramaticales o de
formato deberás corregirlo.
• "Eran una bello día de primavera, los pájaros cantaban y el sol
brillaba en el cielo. María y su amigo juan decidiéron ir a dar un
paseo por el parqe. Pero cuando llegaron, se encontraron con
una sorpresa desagradable. Aparecio un cartel que decia que el
parqe estaba cerrado por el dia. Juan se sintio decepcionado,
pero María tuvo una idea. 'Por qué no vamos a la heladería y
luego vemos una película?' sugirió. Juan sonrió, 'Esa es una
idea estupenda', respondió."
Errores identificados:
1.Ortográficos:
1. "bello" en lugar de "belo".
2. "decidiéron" en lugar de "decidieron".
3. "parqe" en lugar de "parque".
4. "aparecio" en lugar de "apareció".
5. "decia" en lugar de "decía".
6. "Juan se sintio" en lugar de "Juan se sintió".
2.Gramaticales:
1. "dar un paseo por el parqe" debería ser "dar un paseo por el parque".
2. "cuando llegaron, se encontraron con una sorpresa desagradable" es una oración
demasiado larga y podría dividirse en dos para mejorar la claridad y legibilidad.
3. "María tuvo una idea" debería ser "María tenía una idea" para mantener la
coherencia de los tiempos verbales.
4. "Por qué no vamos a la heladería y luego vemos una película?" debería ser "¿Por
qué no vamos a la heladería y luego vemos una película?" para incluir el signo de
interrogación al inicio de la pregunta.
5. "respondió" debería ser "respondió."
3.Formato:
1. Falta de mayúscula al inicio de la oración "pero cuando llegaron, se encontraron con
una sorpresa desagradable".
2. Falta de tildes en palabras como "día", "Juan", "idea" y "estupenda".

Más contenido relacionado

Similar a 5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibilidad_ 5.1.4 Criterios de la leibilidad (1) (1).pptx

154797521
154797521154797521
154797521RAULCH
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoAnnabellYar
 
Herramientas tecnologicas
Herramientas tecnologicas Herramientas tecnologicas
Herramientas tecnologicas Daniela Henao
 
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
 
HABILIDADES APLICADAS AL PROCESO DE APRENDIZAJE
HABILIDADES APLICADAS AL PROCESO DE APRENDIZAJEHABILIDADES APLICADAS AL PROCESO DE APRENDIZAJE
HABILIDADES APLICADAS AL PROCESO DE APRENDIZAJEadry mm
 
Habilidades y tecnicas de estudio
Habilidades y tecnicas de estudioHabilidades y tecnicas de estudio
Habilidades y tecnicas de estudioMiguel Vazquez
 
T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoAnnabellYar
 
Elementos que componen la página viii
Elementos que componen la página viiiElementos que componen la página viii
Elementos que componen la página viiicliovirtual
 

Similar a 5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibilidad_ 5.1.4 Criterios de la leibilidad (1) (1).pptx (20)

154797521
154797521154797521
154797521
 
154797521
154797521154797521
154797521
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
 
Herramientas tecnologicas
Herramientas tecnologicas Herramientas tecnologicas
Herramientas tecnologicas
 
Mapas
MapasMapas
Mapas
 
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
 
HABILIDADES APLICADAS AL PROCESO DE APRENDIZAJE
HABILIDADES APLICADAS AL PROCESO DE APRENDIZAJEHABILIDADES APLICADAS AL PROCESO DE APRENDIZAJE
HABILIDADES APLICADAS AL PROCESO DE APRENDIZAJE
 
Técnicas de estudio
Técnicas de estudioTécnicas de estudio
Técnicas de estudio
 
Técnicas de estudio
Técnicas de estudioTécnicas de estudio
Técnicas de estudio
 
T2 pa3armasdanieladg
T2 pa3armasdanieladgT2 pa3armasdanieladg
T2 pa3armasdanieladg
 
Habilidades y tecnicas de estudio
Habilidades y tecnicas de estudioHabilidades y tecnicas de estudio
Habilidades y tecnicas de estudio
 
T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenografico
 
Presentacion escribir web
Presentacion escribir webPresentacion escribir web
Presentacion escribir web
 
Técnicas de Subrayado
Técnicas de SubrayadoTécnicas de Subrayado
Técnicas de Subrayado
 
Elementos que componen la página viii
Elementos que componen la página viiiElementos que componen la página viii
Elementos que componen la página viii
 
Técnicas de estudio
Técnicas de estudioTécnicas de estudio
Técnicas de estudio
 
Tarea de sara
Tarea de saraTarea de sara
Tarea de sara
 

Más de GabyVelazquez18

envase unidad IV NORMAS Y LEGISLACION .pptx
envase unidad IV NORMAS Y LEGISLACION .pptxenvase unidad IV NORMAS Y LEGISLACION .pptx
envase unidad IV NORMAS Y LEGISLACION .pptxGabyVelazquez18
 
La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...
La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...
La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...GabyVelazquez18
 
metodologia de JORGE FRASCARAhhhhhhh.pptx
metodologia de JORGE FRASCARAhhhhhhh.pptxmetodologia de JORGE FRASCARAhhhhhhh.pptx
metodologia de JORGE FRASCARAhhhhhhh.pptxGabyVelazquez18
 
GRANDES TIPOGRAFOS, la evolucion de las escrituras.pptx
GRANDES TIPOGRAFOS, la evolucion de las escrituras.pptxGRANDES TIPOGRAFOS, la evolucion de las escrituras.pptx
GRANDES TIPOGRAFOS, la evolucion de las escrituras.pptxGabyVelazquez18
 
3.2.1 Estructura_ 3.2.2 Peso_ 3.2.3 Tamaño.pptx
3.2.1 Estructura_  3.2.2 Peso_  3.2.3 Tamaño.pptx3.2.1 Estructura_  3.2.2 Peso_  3.2.3 Tamaño.pptx
3.2.1 Estructura_ 3.2.2 Peso_ 3.2.3 Tamaño.pptxGabyVelazquez18
 
7.2 Nuevo diseño de revistas.pptx
7.2 Nuevo diseño de revistas.pptx7.2 Nuevo diseño de revistas.pptx
7.2 Nuevo diseño de revistas.pptxGabyVelazquez18
 
GD 1.1 Y 1.2 LINEAS.pptx
GD 1.1 Y 1.2 LINEAS.pptxGD 1.1 Y 1.2 LINEAS.pptx
GD 1.1 Y 1.2 LINEAS.pptxGabyVelazquez18
 

Más de GabyVelazquez18 (10)

envase unidad IV NORMAS Y LEGISLACION .pptx
envase unidad IV NORMAS Y LEGISLACION .pptxenvase unidad IV NORMAS Y LEGISLACION .pptx
envase unidad IV NORMAS Y LEGISLACION .pptx
 
La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...
La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...
La evaluación ergonómica de un puesto de trabajo se centra en el análisis de ...
 
metodologia de JORGE FRASCARAhhhhhhh.pptx
metodologia de JORGE FRASCARAhhhhhhh.pptxmetodologia de JORGE FRASCARAhhhhhhh.pptx
metodologia de JORGE FRASCARAhhhhhhh.pptx
 
GRANDES TIPOGRAFOS, la evolucion de las escrituras.pptx
GRANDES TIPOGRAFOS, la evolucion de las escrituras.pptxGRANDES TIPOGRAFOS, la evolucion de las escrituras.pptx
GRANDES TIPOGRAFOS, la evolucion de las escrituras.pptx
 
3.2.1 Estructura_ 3.2.2 Peso_ 3.2.3 Tamaño.pptx
3.2.1 Estructura_  3.2.2 Peso_  3.2.3 Tamaño.pptx3.2.1 Estructura_  3.2.2 Peso_  3.2.3 Tamaño.pptx
3.2.1 Estructura_ 3.2.2 Peso_ 3.2.3 Tamaño.pptx
 
Jones.pptx
Jones.pptxJones.pptx
Jones.pptx
 
Atropina.ppt
Atropina.pptAtropina.ppt
Atropina.ppt
 
7.2 Nuevo diseño de revistas.pptx
7.2 Nuevo diseño de revistas.pptx7.2 Nuevo diseño de revistas.pptx
7.2 Nuevo diseño de revistas.pptx
 
GD 1.1 Y 1.2 LINEAS.pptx
GD 1.1 Y 1.2 LINEAS.pptxGD 1.1 Y 1.2 LINEAS.pptx
GD 1.1 Y 1.2 LINEAS.pptx
 
clase 17 de marzo.pptx
clase 17 de marzo.pptxclase 17 de marzo.pptx
clase 17 de marzo.pptx
 

Último

Planos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesPlanos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesthauromaniko
 
Sofia Moreno Mapa Mental. Sistema Politico
Sofia Moreno Mapa Mental. Sistema PoliticoSofia Moreno Mapa Mental. Sistema Politico
Sofia Moreno Mapa Mental. Sistema Politicosoficmorenof
 
presentacion medicina y salud ilustrativo infantil celeste.pdf
presentacion medicina y salud ilustrativo infantil celeste.pdfpresentacion medicina y salud ilustrativo infantil celeste.pdf
presentacion medicina y salud ilustrativo infantil celeste.pdfLisbethraquelGutierr1
 
Organizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdf
Organizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdfOrganizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdf
Organizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdfpayesjorge17
 
Guía para la gestion de Proyectos ISO 21500 y PMBOK.pdf
Guía para la gestion de Proyectos ISO 21500 y PMBOK.pdfGuía para la gestion de Proyectos ISO 21500 y PMBOK.pdf
Guía para la gestion de Proyectos ISO 21500 y PMBOK.pdfssuser099d3b
 
Clase teorica mamposteria via seca y humeda.pdf
Clase teorica mamposteria  via seca y humeda.pdfClase teorica mamposteria  via seca y humeda.pdf
Clase teorica mamposteria via seca y humeda.pdfalozdan
 
kalho .pptx.....................................
kalho .pptx.....................................kalho .pptx.....................................
kalho .pptx.....................................kyloram2020
 
Teorías y Análisis para la arquitectura contemporánea
Teorías y Análisis para la arquitectura contemporáneaTeorías y Análisis para la arquitectura contemporánea
Teorías y Análisis para la arquitectura contemporáneaMendezAlvirdeAdalidA
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUAlexander VA
 
MAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENA
MAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENAMAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENA
MAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENAJhonGomez100
 
presentación antigua grecia y su arquitectura
presentación antigua grecia y su arquitecturapresentación antigua grecia y su arquitectura
presentación antigua grecia y su arquitecturaCLAUDIAYANNETHROSALE
 
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdfvictoralejandroayala2
 
GUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllos
GUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllosGUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllos
GUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllosyancarlospaguadaluna1
 
UBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptx
UBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptxUBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptx
UBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptxamadordonatocruztrej
 
Presentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdfPresentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdfl21450226
 
ARQUITECTURA DE SOFTWARE,en el la tecnología
ARQUITECTURA DE SOFTWARE,en el la tecnologíaARQUITECTURA DE SOFTWARE,en el la tecnología
ARQUITECTURA DE SOFTWARE,en el la tecnologíacastrogonzalezmarici
 
Dominio de internet, materia de diseño web
Dominio de internet, materia de diseño webDominio de internet, materia de diseño web
Dominio de internet, materia de diseño webJAIMEROLANDOESPINURR
 

Último (17)

Planos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesPlanos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicaciones
 
Sofia Moreno Mapa Mental. Sistema Politico
Sofia Moreno Mapa Mental. Sistema PoliticoSofia Moreno Mapa Mental. Sistema Politico
Sofia Moreno Mapa Mental. Sistema Politico
 
presentacion medicina y salud ilustrativo infantil celeste.pdf
presentacion medicina y salud ilustrativo infantil celeste.pdfpresentacion medicina y salud ilustrativo infantil celeste.pdf
presentacion medicina y salud ilustrativo infantil celeste.pdf
 
Organizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdf
Organizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdfOrganizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdf
Organizador Grafico Conceptual Doodle Multicolor_20240511_194122_0000.pdf
 
Guía para la gestion de Proyectos ISO 21500 y PMBOK.pdf
Guía para la gestion de Proyectos ISO 21500 y PMBOK.pdfGuía para la gestion de Proyectos ISO 21500 y PMBOK.pdf
Guía para la gestion de Proyectos ISO 21500 y PMBOK.pdf
 
Clase teorica mamposteria via seca y humeda.pdf
Clase teorica mamposteria  via seca y humeda.pdfClase teorica mamposteria  via seca y humeda.pdf
Clase teorica mamposteria via seca y humeda.pdf
 
kalho .pptx.....................................
kalho .pptx.....................................kalho .pptx.....................................
kalho .pptx.....................................
 
Teorías y Análisis para la arquitectura contemporánea
Teorías y Análisis para la arquitectura contemporáneaTeorías y Análisis para la arquitectura contemporánea
Teorías y Análisis para la arquitectura contemporánea
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
MAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENA
MAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENAMAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENA
MAPA ORGANIZACIONAL DE LA ESTRUCTURA DEL SENA
 
presentación antigua grecia y su arquitectura
presentación antigua grecia y su arquitecturapresentación antigua grecia y su arquitectura
presentación antigua grecia y su arquitectura
 
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
 
GUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllos
GUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllosGUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllos
GUIA DE TRABAJO DE CAMPO, pantanos de villa, chorrllos
 
UBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptx
UBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptxUBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptx
UBICACIÓN GEOGRÁFICA DEL PERÚ EN AMÉRICA Y EL MUNDO.pptx
 
Presentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdfPresentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdf
 
ARQUITECTURA DE SOFTWARE,en el la tecnología
ARQUITECTURA DE SOFTWARE,en el la tecnologíaARQUITECTURA DE SOFTWARE,en el la tecnología
ARQUITECTURA DE SOFTWARE,en el la tecnología
 
Dominio de internet, materia de diseño web
Dominio de internet, materia de diseño webDominio de internet, materia de diseño web
Dominio de internet, materia de diseño web
 

5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibilidad_ 5.1.4 Criterios de la leibilidad (1) (1).pptx

  • 1. UNIDAD V Composición Editorial 5.1.1 Columnas 5.1.2. Percepción en la lectura 5.1.3 Criterios de legibilidad 5.1.4 Criterios de la leibilidad
  • 2. Introducción El diseño editorial es una de las ramas del diseño gráfico que se ocupa de proyectos y publicaciones como libros, periódicos, portafolios y revistas. Ya se trate de un periódico impreso o de una revista digital, en el diseño editorial es necesario conocer la anatomía de una retícula.
  • 3. Objetivo El objetivo principal de una retícula es establecer un conjunto de directrices sobre cómo deben colocarse los elementos dentro de un diseño. En otras palabras, las retículas hacen que el contenido sea accesible y ayudan al espectador a entender dónde encontrar la siguiente información a lo largo del diseño.
  • 4. ¿Qué es una Retícula? En diseño gráfico, la retícula es una estructura basada en líneas, generalmente verticales y horizontales, que ayuda a ordenar de forma coherente todos los elementos de la composición, que son: • título • subtítulo • cuerpo de texto • imágenes • pie de página y crédito de la imagen • ideas destacadas • paginación
  • 5. Entre las partes de la retícula, los módulos son celdas generadas por las líneas imaginarias. Así pues, en los módulos se colocan los elementos con diferentes distribuciones. Además, la retícula no es sólo sobre cuadros, sino también sobre proporciones. Este es el concepto más importante de la teoría de la retícula. •
  • 6. Además, todas las retículas pueden diseñarse de dos maneras: • Simétrico • Asimétrico
  • 7. • Las retículas simétricas siguen una línea central. Los márgenes verticales son iguales entre sí, así como los horizontales. Asimismo, las columnas también tienen la misma anchura en una retícula simétrica. • En una retícula asimétrica, tanto los márgenes como las columnas pueden ser diferentes entre sí. Es importante buscar siempre el equilibrio cuando se utiliza un diseño asimétrico. • Entender la anatomía de la retícula en el diseño editorial facilita saber cómo y dónde colocar la información dentro de una composición. •
  • 8. Anatomía de la retícula • Entender las partes de la retícula permite identificar la mejor ubicación de cada elemento.
  • 9. El formato Es el área completa donde se presentará el diseño final. Por ejemplo, en el diseño impreso, el formato puede ser una página de tamaño carta o una página de tamaño póster. Por otro lado, en el diseño web, el formato es la ventana del navegador de un ordenador de sobremesa o de un dispositivo móvil. •
  • 10. Los márgenes Son los espacios vacíos entre los bordes del formato y el contenido. En consecuencia, el tamaño de los márgenes es lo que da al contenido una forma general, normalmente un rectángulo. En primer lugar, establezca los márgenes. Establecer el tamaño de los márgenes es el primer paso para construir una retícula. Esto indicará el espacio disponible para trabajar. Sin embargo, no debe confundirse con el relleno, que es el espacio dentro de las filas y columnas. •
  • 11. Columnas • Las columnas son las secciones verticales de una retícula. Una retícula puede tener tanto 1 como 16 columnas. El número de columnas depende del tipo de publicación. En otras palabras, más columnas en la retícula significan más flexibilidad. • Las columnas adquieren gran relevancia en el diseño de páginas web y en publicaciones editoriales como periódicos y revistas.
  • 12.
  • 13.
  • 14.
  • 15. Las filas son las secciones horizontales de una retícula. Ayudan a separar el contenido horizontalmente. Los módulos son los bloques de construcción de cualquier retícula. Son los espacios creados por la intersección de las líneas de flujo y las líneas verticales. Los grupos verticales de módulos crean columnas. Los grupos horizontales crean filas.
  • 16. El medianil • Las columnas y las filas están divididas por medianiles. Imagina una ciudad, los medianiles serían las calles y avenidas. • Cuando el medianil es más estrecho, se crea más tensión visual. Por otro lado, las retículas con medianiles más anchos producen plantillas relajantes porque los elementos de la composición tienen menos tensión entre ellos.
  • 17. Las zonas espaciales • Son agrupaciones de columnas, filas o módulos que forman un elemento de composición. • Los grupos de módulos adyacentes en áreas verticales y horizontales crean zonas o regiones espaciales. Por ejemplo, una región vertical puede contener un punto de texto, una región horizontal puede contener una fotografía. Las regiones pueden disponerse proporcionalmente o utilizarse para crear zonas superpuestas.
  • 18. Las líneas de flujo Son líneas horizontales que separan las diferentes secciones de una retícula en bandas paralelas. Ayudan al lector a seguir el contenido del diseño. Las líneas de flujo también crean puntos de parada o bordes para la colocación de los elementos. Algunas líneas de flujo se denominan líneas colgantes y otras se llaman líneas de base. •
  • 19. Marcador • Un marcador es una zona en la que se coloca el contenido secundario. Marcan el lugar exacto donde se coloca la información que se va a repetir de una página a otra. • Los libros y las revistas suelen utilizarlos para los títulos de los capítulos, la numeración de las páginas, los encabezados y los pies de página, etc.
  • 20. • Introducción ¿Cómo sabemos si un contenido es legible? ¿Cómo distinguimos entre una fuente legible y una que no lo es? ¿Se puede interpretar la legibilidad de un texto en más de un sentido? ¿Cómo medir la legibilidad de un texto?
  • 21. 5.1.2 Percepción en la lectura La percepción en la lectura es un proceso complejo que involucra la interpretación y comprensión de los símbolos escritos. Aquí hay algunos aspectos importantes sobre la percepción en la lectura: 1.Procesamiento visual: La percepción en la lectura comienza con el procesamiento visual de las letras y palabras en la página. El cerebro decodifica estos símbolos visuales en unidades significativas de lenguaje. 2.Reconocimiento de palabras: A medida que leemos, el cerebro reconoce palabras familiares de manera rápida y automática. Este reconocimiento se basa en la familiaridad con las palabras y su ortografía.
  • 22. • En la composición de textos en general –sobre todo si se excluyen los pies de las ilustraciones y los titulares–, una buena regla consiste en hacer que la longitud de línea no se fragmente excesivamente e impida la fluidez de la lectura, o el exceso de longitud dificulte la misma. En cualquier caso, es importante saber detectar cuándo una longitud de línea es demasiado larga o corta. • Leer líneas de texto muy largas cansa a nuestros ojos, que necesitan las pausas que nos proporcionan los saltos de línea. En el momento de cambiar de línea, los ojos obtienen esa breve pausa, que es corta, pero lo suficientemente larga para seguir leyendo más tiempo. Este proceso se asemeja al de un motor, que no va a máxima potencia todo el rato para poder seguir funcionando sin sobrecalentarse.
  • 23. El ancho ideal de una línea de texto se encuentra entre los 45 y los 75 caracteres, incluyendo espacios. Cualquier otra medida que supere por mucho ese rango se vuelve difícil de leer: demasiados cambios de línea en líneas cortas y demasiado pocos en líneas largas.
  • 24. El idioma de un texto también determinará su aspecto, y especialmente el ancho de línea. Por ejemplo, sabemos que el número medio de caracteres de una palabra en alemán es muy superior a la media en castellano. Esto es así porque en alemán es muy habitual combinar palabras para formar nuevas y, por lo general, resultan bastante largas. Eso da como resultado párrafos más irregulares por la derecha. Para contrarrestar el efecto, recomendamos tender hacia la cifra superior del rango orientativo. Es decir, en estos casos sería más aconsejable decantarse hacia los 75 caracteres que hacia los 45.
  • 25. 3. Fijación y movimientos sacádicos: Durante la lectura, los ojos realizan movimientos llamados sacádicos, donde se mueven de una palabra a otra de manera rápida y discontinua. Entre cada movimiento sacádico, los ojos se detienen en un punto específico llamado fijación, donde se procesa visualmente la información. 4.Comprensión textual: La percepción en la lectura también implica la comprensión del significado de las palabras y oraciones. Esto incluye la interpretación del contexto, la inferencia de significados y la conexión de ideas para formar una comprensión global del texto.
  • 26. 5. Factores cognitivos y afectivos: La percepción en la lectura está influenciada por factores cognitivos, como la atención y la memoria, así como por factores afectivos, como el interés y la motivación. Estos factores pueden afectar la capacidad de una persona para procesar y comprender el texto. 6. Estrategias de lectura: Los lectores pueden utilizar diferentes estrategias para mejorar su percepción en la lectura, como la anticipación de contenido, la identificación de palabras clave, la realización de preguntas durante la lectura y la revisión activa del material. En resumen, la percepción en la lectura es un proceso dinámico que implica la interpretación y comprensión activa de los símbolos escritos. Es influenciada por una variedad de factores, tanto visuales como cognitivos, y puede mejorarse mediante el uso de estrategias de lectura efectivas.
  • 27. 5.1.3 Criterios de legibilidad Los ojos se desplazan de izquierda a derecha mediante sacudidas rápidas que se producen entre cada una de las fijaciones.
  • 28. 1.Claridad en la tipografía: Utilizar fuentes claras y legibles, preferiblemente en tamaño adecuado. Las fuentes serif (con remates) suelen ser más fáciles de leer para textos extensos impresos, mientras que las fuentes sans-serif funcionan bien para textos en pantalla. Además, el espaciado entre letras y palabras debe ser suficiente para evitar la fatiga visual. 2.Distribución del texto: La distribución adecuada del texto en la página es importante para la legibilidad. Debe haber suficiente espacio en blanco alrededor del texto para evitar que parezca abrumador. Además, los párrafos y las secciones deben estar claramente divididos para facilitar la lectura y la comprensión.
  • 29. 3. Uso de encabezados y subtítulos: Utilizar encabezados y subtítulos claros y descriptivos ayuda a organizar la información y facilita la navegación por el texto. Esto permite a los lectores escanear rápidamente el contenido y encontrar la información que están buscando. 4. Ortografía y gramática correctas: La corrección ortográfica y gramatical es esencial para la legibilidad. Los errores de este tipo pueden distraer al lector y dificultar la comprensión del texto.
  • 30. 5. Frases y párrafos concisos: Utilizar frases y párrafos cortos y concisos facilita la lectura y la comprensión del texto. Evitar las oraciones largas y complejas ayuda a mantener la atención del lector y a evitar confusiones. 6. Uso adecuado de imágenes y gráficos: Las imágenes y los gráficos pueden mejorar la legibilidad del texto al proporcionar una representación visual de la información. Sin embargo, es importante que estas imágenes sean relevantes y estén correctamente etiquetadas para evitar confusiones. 7. Consistencia y coherencia: Mantener una estructura y estilo consistentes en todo el texto ayuda a los lectores a orientarse y comprender mejor la información. Esto incluye la consistencia en el uso de términos, el formato del texto y la organización del contenido. •
  • 31. Actividad El siguiente texto contiene errores ortográficos, gramaticales o de formato deberás corregirlo. • "Eran una bello día de primavera, los pájaros cantaban y el sol brillaba en el cielo. María y su amigo juan decidiéron ir a dar un paseo por el parqe. Pero cuando llegaron, se encontraron con una sorpresa desagradable. Aparecio un cartel que decia que el parqe estaba cerrado por el dia. Juan se sintio decepcionado, pero María tuvo una idea. 'Por qué no vamos a la heladería y luego vemos una película?' sugirió. Juan sonrió, 'Esa es una idea estupenda', respondió."
  • 32. Errores identificados: 1.Ortográficos: 1. "bello" en lugar de "belo". 2. "decidiéron" en lugar de "decidieron". 3. "parqe" en lugar de "parque". 4. "aparecio" en lugar de "apareció". 5. "decia" en lugar de "decía". 6. "Juan se sintio" en lugar de "Juan se sintió". 2.Gramaticales: 1. "dar un paseo por el parqe" debería ser "dar un paseo por el parque". 2. "cuando llegaron, se encontraron con una sorpresa desagradable" es una oración demasiado larga y podría dividirse en dos para mejorar la claridad y legibilidad. 3. "María tuvo una idea" debería ser "María tenía una idea" para mantener la coherencia de los tiempos verbales. 4. "Por qué no vamos a la heladería y luego vemos una película?" debería ser "¿Por qué no vamos a la heladería y luego vemos una película?" para incluir el signo de interrogación al inicio de la pregunta. 5. "respondió" debería ser "respondió." 3.Formato: 1. Falta de mayúscula al inicio de la oración "pero cuando llegaron, se encontraron con una sorpresa desagradable". 2. Falta de tildes en palabras como "día", "Juan", "idea" y "estupenda".