SlideShare una empresa de Scribd logo
1 de 12
26/3/2009




DISEÑO
          LA DIAGRAMACIÓN DE TEXTOS
GRÁFICO




               | Prof. Pedro Espinoza Hurtado
LA DIAGRAMACIÓN


Primeros Conceptos
Maquetación, composición de página, compaginación, son diferentes términos que se usan para referirse a una misma
cosa: la manera de ocupar el espacio del plano mensurable que es la página. Todo diseñador gráfico, cuando inicia su
carrera, se encuentra con el problema de cómo disponer el conjunto de elementos de diseño impresos (texto o
imágenes) dentro de un espacio dado, de tal forma que se consiga un equilibrio estético entre ellos y en el conjunto.


                         Desde antes de la era Gutenberg, creador de los caracteres móviles y precursor
                         de la imprenta, existía la conciencia de diseño y equilibrio en la composición
                         de manuscritos, en los que se procuraba que cada carácter dibujado tuviera
                         una medida concreta y estandarizada, así como que los márgenes
                         alrededor del texto fueran uniformes.

                         En muchos manuscritos de la Edad Media se puede observar que están
                         estructurados sobre un armazón cuidadosamente medido. Ya en la era
Gutenberg, en la que las páginas se componían con tipos móviles, los caracteres individuales se
disponían en filas para formar las palabras, siendo éstas sostenidas y dispuestas en reglas
longitudinales y columnas iguales, respectivamente, para formar una estructura coherente y
equilibrada. El impresor contaba para colocar los tipos en la zona de impresión con mecanismos
que le permitían medir y estructurar su trabajo en la
página en forma de líneas guía, creando de esta manera
un método de organización y cálculo para emplazar los
textos y las ilustraciones. Los sistemas actuales
proporcionan una mayor flexibilidad y menor rigidez en
relación a las restrictivas estructuras de la página de
antaño pero, aún hoy y quizás con más razón, dada la
elasticidad y flexibilidad de los sistemas actuales,
trabajar con una estructura previa de página y utilizarla
como guía para colocar los elementos, es un requisito
indispensable para el diseñador gráfico.




                                                                                Prof. Pedro Espinoza Hurtado
    2
EL DISEÑO DE LA RETICULA BASE

El objetivo de la comunicación
Lo primero que todo diseñador gráfico debe tener en cuenta antes de proceder a crear la retícula (base sobre la que se
asientan los elementos gráficos) es el objetivo de comunicación gráfica que se pretende.

                             Es un proceso previo de comprensión de la esencia del tipo de mensaje
                             a transmitir, conceptualización y estilo de comunicación que se quiere
                             conseguir.
                             Así, por ejemplo, la retícula quedará condicionada a las características
                             propias del documento gráfico de que se trate, de tal manera que un libro
                             de lectura tendrá una retícula muy distinta a una revista de modas, un
                             periódico o un folleto publicitario. Adicionalmente, la cantidad de
fotografías o ilustraciones a utilizar en la página y la tipografía serán condicionantes en el
proceso de creación de la retícula.

La retícula más simple es la de una sola columna con
márgenes iguales en todos sus bordes. Sobre esta
base de una sola columna el diseñador puede elegir
diferentes variantes en el tamaño de los márgenes, en
función del documento gráfico de que se trate o de
consideraciones como la facilidad de lectura, elegancia
en la representación de los bloques de texto o
                             requisitos de encuadernación.
                             Normalmente, este tipo de

                             retícula se usa para libros de

                             lectura, como Novelas, aunque,

                             por supuesto, tiene otras muchas aplicaciones.

                             Las posibilidades de disposición de elementos gráficos en una retícula
                             de una sola columna son muy limitadas y, en general, se muestra más
                             rígida que otras variantes de retícula. Lo que, en todo caso, el diseñador
                             debe tener en cuenta es que la variedad de opciones, entre las que
                             puede elegir con respecto a los márgenes de los bordes para retículas


                                                                                 Prof. Pedro Espinoza Hurtado
    3
de una sola columna, crearán en cada caso sensaciones de lujo,
tensión, formalidad o informalidad y proporcionarán al tema expuesto
énfasis diferentes.
El diseñador puede elegir, es una opción personal y resultado de su
inspiración, entre un tipo de retícula u otro, siempre y cuando cumpla
                                                los    requisitos       del
                                                 encargo que se le
                                                 ha realizado, que siempre debe seguir unos
                                                 objetivos de comunicación gráfica. Antes de
                                                 sentarse en el ordenador e iniciar el proceso de
                                                 definición de la retícula, se deben realizar
                                                 algunos      bocetos         sobre   papel,      manipular
                                                 físicamente el mismo y probar con diferentes
                                                 formatos,       hasta     lograr     conceptualizar         y
                                                 concretar aquello que se va a realizar.




                                                    ASPECTOS ESENCIALES
                                                    DE LA RETÍCULA

                                                 Convenciones &
                                                 Características
                                                 El diseñador, al elegir una retícula, debe decidir sobre los
                                                 márgenes superiores e inferiores, interiores y exteriores de
                                                 la página con relación a la zona de disposición del texto.
                                                 También tiene que optar sobre la tipografía a utilizar, el
                                                 cuerpo (tamaño medido en milímetros o en puntos) del
                                                 tipo, el cuerpo de los títulos y subtítulos, la alineación de
                                                 párrafos, el espacio vertical entre líneas, el espaciado entre
                                                 caracteres (Kern) y el número de líneas por página.
                                                 Finalmente, y esta es un decisión importante, deberá
                                                 decidir sobre el número de columnas a utilizar, que serán
                                                 tantas como quiera, y la distancia entre ellas que es
                                                 llamado el Medianil.

                                                 Sin embargo, no conviene olvidar que las
                                                 columnas se utilizan sobre todo para texto y,




                                                                        Prof. Pedro Espinoza Hurtado
   4
por tanto, deben tener en cuenta la funcionalidad de la anchura de las mismas.
                                          Se pueden elegir tantas columnas como se quiera
                                          pero existen algunas convenciones sobre el número
                                          más apropiado para cada caso. Así, por ejemplo, se
                                          considera que una retícula de tres columnas es
                                          adecuada para folletos, dado que proporciona anchas
                                          y legibles columnas de texto, y la flexibilidad de poder
                                          subdividirlas en seis columnas para darle una mayor
                                          versatilidad en la disposición de los elementos.

                                          Sin embargo, no conviene olvidar que las columnas se
                                          utilizan sobre todo para texto y, por tanto, deben tener
                                          en cuenta la funcionalidad de la anchura de las
                                          mismas. Se pueden elegir tantas columnas como se
                                          quiera pero existen algunas convenciones sobre el
                                          número más apropiado para cada caso.
                                         Así, por ejemplo, se considera que una retícula de tres
                                         columnas es adecuada para folletos, dado que
                                         proporciona anchas y legibles columnas de texto, y la
                                         flexibilidad de poder subdividirlas en seis columnas
                                         para darle una mayor versatilidad en la disposición de
                                         los elementos.Otro aspecto es la forma en la que
vamos a modular la página o, dicho de otra manera, distribuir en campos el espacio en el que
distribuiremos los elementos del diseño.
Hasta ahora hemos hablado del número de columnas como elemento de distribución vertical de
los elementos del diseño; sin embargo, en la Maquetación moderna, donde se hace una
utilización masiva de imágenes, el uso de un medio de distribución horizontal del espacio puede
resultar tremendamente útil para obtener el equilibrio en la página entre todos los elementos. El
número de módulos por página dependerá de los objetivos de diseño y sobre todo del número y
tamaño de fotografías o imágenes que deseemos emplazar Estamos hablando de la primera
página, donde aparece el estilo y todas las características ideadas para toda la publicación. De
esta forma, todas las páginas que
forman una revista, catálogo o bien
un libro, tendrán siempre el mismo
estilo y presentación. Son muchas
las definiciones que se le pueden
dar: página maestra, maqueta
base, máster, plantilla. En las
ilustraciones al final podemos ver
diversos ejemplos de retículas
divididas en módulos. Lo que hay
que comprender bien es que la
retícula condiciona de manera
decisiva el producto final, por lo
tanto se deberá realizar pruebas
de retículas antes de empezar un
proyecto de diseño de página.



                                                                   Prof. Pedro Espinoza Hurtado
   5
LOS ELEMENTOS DEL DISEÑO EN LA
                               RETÍCULA

Elementos Fundamentales
Los tres elementos fundamentales del diseño en la página son los títulos, los bloques de texto y las imágenes. Todos
deben combinarse en la retícula para formar un conjunto armonioso, en el que los elementos se van a integrar
apoyándose unos con otros.
De hecho, como ya hemos podido comprobar, la necesidad de disponer de una retícula base proviene del deseo de
conseguir un equilibrio en la disposición de estos tres elementos.



   Una Retícula Base, se
   encuentra compuesta por:
   - La orientación del papel.
   - El número de columnas y
   el tamaño de estas.
   - La separación existente
   entre ellas (el medianil).
   - El color y formato del
   texto (tipografía y tamaño),
   los titulares, cabeceras, pies
   de imagen, etc.
   - El uso de las imágenes
   como fondo en todas las
   páginas (marcas de agua) y
   demás elementos
   ornamentales, tales como
   los filetes decorativos, etc.
   También esto sucede con el
   diseño de una retícula de
   Web, como vemos en esta
   figura.




                                                                                  Prof. Pedro Espinoza Hurtado
    6
Los Títulos
Los títulos cumplen la función de introducir una historia
concreta, de remarcar una información y de atraer la
atención del lector hacia ella. Lo habitual será, por tanto,
que el cuerpo y el grosor de la letra utilizada en el título
sea superior que en el texto. Los títulos son además una
magnífica forma de dar vivezas visuales por lo general
breves y concisas, pudiéndose utilizar recursos de color,
sombra o cualquier otro que consiga el énfasis que le es
propio. En las ilustraciones podemos comprobar algunas
formas de disposición de los títulos en la retícula y los
diferentes impactos que se producen. Los subtítulos
cumplen una función, similar a los títulos, de llamar la
atención del lector. Contienen una información más
detallada en un cuerpo de letra menor pero breve y

concisa.


El Texto
El texto cumple una función narrativa, explicativa del objeto
o conceptos que el documento gráfico presenta. Es el
elemento sometido a más restricciones dentro de la retícula,
no debe exceder los límites de la misma, debe mantener un
interlineado uniforme, un cuerpo de letra generalmente igual
y un espaciado entre letras estable. El número de tipos
diferentes a utilizar varía   pero, como regla general, no
debería exceder de tres. El conjunto del texto determina en
gran parte el diseño, por lo que es especialmente
importante en el impacto visual del documento gráfico.




                                                                Prof. Pedro Espinoza Hurtado
   7
Las Imágenes
El diseño de una composición incluye en una mayoría
de casos el uso de algún tipo de imagen, gráfico o
fotografía. Las imágenes ayudan y permiten romper las
restricciones impuestas por la retícula y las rigideces
formales creadas por los elementos tipográficos. Las
imágenes pueden usarse de manera más flexible y
visualmente estimulante. Se puede con ellas atravesar
las columnas, ocupar el espacio de más de una
columna e, incluso, superar los límites de la retícula.
Tampoco existen restricciones en la elección del
tamaño de la imagen que, si es necesario, puede
extenderse a lo ancho de dos páginas.



Bloque de Texto
Al titular le suele acompañar casi siempre el bloque
de texto, que estará compuesto de un número
variable de líneas de palabras, que configurarán un
bloque gráfico compacto en contraste con el titular,
de una o dos líneas.
Hemos de tratar el bloque de texto de manera
distinta al titular, para poder conseguir una clara
diferenciación.




  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. Estas a su vez, deben contener la información
  relacionada con el texto que las acompaña, ya que de lo contrario, podríamos confundir al público lector.
  Son tres criterios creativos que se pueden utilizan para componer con las imágenes en una composición A

 sangre la imagen aplicada de manera que no tenga márgenes, Como sello de agua detrás de los bloques de texto de
                          modo opaco Recortada de su fondo rodeada de texto alrededor




                                                                              Prof. Pedro Espinoza Hurtado
   8
RECORRIDO VISUAL DE LAS ÁREAS DE
                                  DISEÑO

Información gráfica
De forma establecida por nuestro sistema de percepción visual, influenciados además por factores culturales,
procedemos siempre a leer la información gráfica según un esquema direccional constante y preestablecido. En el
mundo occidental, la escritura se realiza en sentido horizontal con un trazado de izquierda a derecha. Por lo tanto,
poseemos una inclinación natural a mantener esta direccionalidad en la decodificación que hacemos de los mensajes
gráficos.




Alcance la máxima efectividad comunicativa con los recorridos visuales básicos siguientes:
La salida se efectúa siempre por el margen inferior derecho. Desde que entramos hasta que
abandonamos la página habremos realizado un promedio máximo de diez fijaciones visuales por
hoja, habiéndonos detenido una media de dos veces en cada bloque de información. Siempre
realizamos un recorrido visual en sentido descendente avanzando de izquierda a derecha.



                                                                               Prof. Pedro Espinoza Hurtado
    9
Una misma línea tiene mayor peso si se la ubica en la parte inferior de nuestra área de diseño que si se
            sitúa en la parte superior, donde transmite una mayor sensación de ligereza.




                                                                                   Eso sí, la información
                                                                                  que deseemos que se
                                                                                       recuerde en última
                                                                                    instancia, la vamos a
                                                                                   situar a la salida de la
                                                                                    comunicación gráfica
                                                                                 (nos referimos al límite
                                                                                         inferior derecho).
                                                                                 Observemos dónde se
                                                                                suele ubicar el teléfono,
                                                                                           la dirección, los
                                                                                  cupones de respuesta
                                                                                            por correo, etc.
                                                                               Del mismo modo existen
                                                                                una serie de esquemas
                                                                                 visuales que funcionan
                                                                                        mejor a la hora de
                                                                                  retener la atención del
                                                                                    perceptor de nuestra
                                                                                     comunicación, sobre
                                                                              todo en lo que respecta a
                                                                                           las ubicaciones
                                                                                        jerárquicas de las
                                                                                             imágenes que
                                                                                              coloquemos.




                                                                        Prof. Pedro Espinoza Hurtado
10
Debemos ubicar las
                                                                         imágenes de modo
                                                                         que nos dirijan la
                                                                         atención hacia el
                                                                         interior de nuestras
                                                                         composiciones, en
                                                                         vez de sacarnos
                                                                         inmediatamente de
                                                                         nuestra área de
                                                                         diseño.
                                                                         Situaremos,      por
                                                                         tanto, de manera
                                                                         intencional los ejes
                                                                         direccionales     de
                                                                         nuestras imágenes
                                                                         siempre hacia el
                                                                         centro de nuestra
                                                                         composición.
                                                                         Si nuestro diseño se
                                                                         compone de una
                                                                         única página, y
                                                                         decidimos      incluir,
                                                                         un perfil, éste nunca
                                                                         debería      ubicarse
                                                                         mirando hacia el
                                                                         margen derecho, ya
                                                                         que impulsaría a
                                                                         nuestra mirada a
                                                                         abandonar la visión
                                                                         de la página sin
                                                                         haber realizado un
                                                                         recorrido       visual
                                                                         completo.




Algunos expertos afirman, que el orden de lectura de los documentos es así:
- Titular.
- Imagen.
- Pies de la imagen.
- Texto, este en último término si los tres primeros elementos son interesantes para el lector.
El pie de las fotografías tiene más importancia que el texto en muchas ocasiones, por lo que
los elementos de la Maquetación deben ser analizados y estudiados hasta en el último detalle.




                                                                Prof. Pedro Espinoza Hurtado
11
Si queremos mejorar la efectividad compositiva de nuestro diseño
                                         podemos seguir además la siguiente jerarquía formal con las
                                         imágenes. Teniendo en cuenta que el punto de máxima atención
                                         visual se sitúa en la zona superior izquierda de nuestra composición,
                                         hemos de observar las siguientes indicaciones para un manejo eficaz
                                         de cada tipo de imagen.



                                         Las imágenes en color poseen una mayor fuerza visual,
                                         por lo que tenderemos a ponerlas en la zona izquierda
                                         para de este modo equilibrar sus pesos visuales. Si lo
                                         que tenemos son colores cálidos frente a fríos,
                                         ubicaremos los cálidos a la izquierda, ya que los colores
                                         fríos son más ligeros óptimamente, y por tanto poseen
                                         menor fuerza comunicativa. Muchas figuras enfrentadas
                                         a una sola deben ubicarse en la zona de mayor peso, al
igual que    ocurre cuando combinamos
imágenes que implican acción frente a
otras estáticas. El conjunto de elementos
visuales más dinámico debe llevarse al
área con mayor protagonismo visual. Por
último, indicaremos que existe además
otra escala jerárquica de prioridades en lo
que respecta al contenido visual ya la
temática de las imágenes con las que
trabajamos. Las imágenes de niños tienen
más poder de atracción que las de adultos,
                                     que a su vez, predominan sobre las representaciones de
                                     animales. Por debajo encontramos los objetos inanimados
                                     que poseen poca capacidad para captar nuestra atención,
                                     situándose al final de esta escala jerárquica, por su poco
                                     impacto visual, las imágenes de figuras geométricas.



 Tengamos, presente en nuestro diseño cada una de las jerarquías que hemos señalado
 anteriormente a la hora de seleccionar tanto la temática como la configuración, así como
 también la ubicación, si lo que pretendemos es comunicar nuestro mensaje eficazmente.




                                                                         Prof. Pedro Espinoza Hurtado
  12

Más contenido relacionado

La actualidad más candente

Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.Monica Pelaez
 
Libro de Diseño Tipográfico
Libro de Diseño TipográficoLibro de Diseño Tipográfico
Libro de Diseño TipográficoEsteban Suarez
 
Elementos visuales de la imagen elplano
Elementos visuales de la imagen elplanoElementos visuales de la imagen elplano
Elementos visuales de la imagen elplanoGabriel Sotov
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografiaVickydancerf
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - RetículasFidel Romero
 
Diagramacion
DiagramacionDiagramacion
Diagramacionperla
 
Elementos de expresion grafica
Elementos de expresion graficaElementos de expresion grafica
Elementos de expresion graficajairo Torres
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartelalfredoU2
 
Historia de la_tipografia-_cortes-rojas-tecay
Historia de la_tipografia-_cortes-rojas-tecayHistoria de la_tipografia-_cortes-rojas-tecay
Historia de la_tipografia-_cortes-rojas-tecayYanaraTecaySandoval
 
Plano y sus formas
Plano y sus formasPlano y sus formas
Plano y sus formasRITA
 
Técnicas de representación
Técnicas de representaciónTécnicas de representación
Técnicas de representaciónPaulina López
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Duarte
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bitslaura
 
Gutenberg y sus tipos móviles
Gutenberg y sus tipos móvilesGutenberg y sus tipos móviles
Gutenberg y sus tipos móvilesVerónica Piña
 

La actualidad más candente (20)

Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Libro de Diseño Tipográfico
Libro de Diseño TipográficoLibro de Diseño Tipográfico
Libro de Diseño Tipográfico
 
Elementos visuales de la imagen elplano
Elementos visuales de la imagen elplanoElementos visuales de la imagen elplano
Elementos visuales de la imagen elplano
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografia
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
Elementos de expresion grafica
Elementos de expresion graficaElementos de expresion grafica
Elementos de expresion grafica
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
Historia de la_tipografia-_cortes-rojas-tecay
Historia de la_tipografia-_cortes-rojas-tecayHistoria de la_tipografia-_cortes-rojas-tecay
Historia de la_tipografia-_cortes-rojas-tecay
 
Plano y sus formas
Plano y sus formasPlano y sus formas
Plano y sus formas
 
Técnicas de representación
Técnicas de representaciónTécnicas de representación
Técnicas de representación
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Tipografia
TipografiaTipografia
Tipografia
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bits
 
Técnicas de presentación en Diseño
Técnicas de presentación en DiseñoTécnicas de presentación en Diseño
Técnicas de presentación en Diseño
 
Gutenberg y sus tipos móviles
Gutenberg y sus tipos móvilesGutenberg y sus tipos móviles
Gutenberg y sus tipos móviles
 

Destacado

FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNAle Altuve
 
Disenar para los_ojodiseñar para los ojoss
Disenar para los_ojodiseñar para los ojossDisenar para los_ojodiseñar para los ojoss
Disenar para los_ojodiseñar para los ojossBuonejo Expresarte
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6sugart
 
Graficación por computadora
Graficación por computadoraGraficación por computadora
Graficación por computadoraDiaNa González
 
Maquetacion y reticulas
Maquetacion y reticulasMaquetacion y reticulas
Maquetacion y reticulasErika Nieto
 
Disenar Para Los Ojos
Disenar Para Los OjosDisenar Para Los Ojos
Disenar Para Los Ojosruth1804
 
Que es una página maestra
Que es una página maestraQue es una página maestra
Que es una página maestrajonnni
 
Curso De Solfeo
Curso De SolfeoCurso De Solfeo
Curso De Solfeohectoree
 
Que es una página maestra en indesign
Que es una página maestra en indesignQue es una página maestra en indesign
Que es una página maestra en indesignYenny Paola Martinez
 

Destacado (20)

FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Disenar para los_ojodiseñar para los ojoss
Disenar para los_ojodiseñar para los ojossDisenar para los_ojodiseñar para los ojoss
Disenar para los_ojodiseñar para los ojoss
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6
 
Graficación por computadora
Graficación por computadoraGraficación por computadora
Graficación por computadora
 
Maquetacion y reticulas
Maquetacion y reticulasMaquetacion y reticulas
Maquetacion y reticulas
 
Disenar Para Los Ojos
Disenar Para Los OjosDisenar Para Los Ojos
Disenar Para Los Ojos
 
Que es una página maestra
Que es una página maestraQue es una página maestra
Que es una página maestra
 
Curso De Solfeo
Curso De SolfeoCurso De Solfeo
Curso De Solfeo
 
Que es una página maestra en indesign
Que es una página maestra en indesignQue es una página maestra en indesign
Que es una página maestra en indesign
 
Semana 12 unidad y variedad
Semana 12   unidad y variedadSemana 12   unidad y variedad
Semana 12 unidad y variedad
 
Semana 9 armonias del color
Semana 9    armonias del colorSemana 9    armonias del color
Semana 9 armonias del color
 
Semana 13 jerarquia
Semana 13   jerarquiaSemana 13   jerarquia
Semana 13 jerarquia
 
Semana 8 psicología del color
Semana 8   psicología del colorSemana 8   psicología del color
Semana 8 psicología del color
 
Semana 11 sintaxis de imagen
Semana 11   sintaxis de imagenSemana 11   sintaxis de imagen
Semana 11 sintaxis de imagen
 
Introducción
IntroducciónIntroducción
Introducción
 
Semana 6,7 el color
Semana 6,7   el colorSemana 6,7   el color
Semana 6,7 el color
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
Movimientos compositivos
Movimientos compositivosMovimientos compositivos
Movimientos compositivos
 
Semana 14 recorrido visual
Semana 14   recorrido visualSemana 14   recorrido visual
Semana 14 recorrido visual
 
Ritmo e Interrelaciones de Formas
Ritmo e Interrelaciones de FormasRitmo e Interrelaciones de Formas
Ritmo e Interrelaciones de Formas
 

Similar a La Diagramacion o Maquetacion

Similar a La Diagramacion o Maquetacion (20)

Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Ensayo: Composición y tipografia
Ensayo: Composición y tipografiaEnsayo: Composición y tipografia
Ensayo: Composición y tipografia
 
fundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdffundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdf
 
Produccion y edicion de medios impresos
Produccion y edicion de medios impresosProduccion y edicion de medios impresos
Produccion y edicion de medios impresos
 
T2 pa3armasdanieladg
T2 pa3armasdanieladgT2 pa3armasdanieladg
T2 pa3armasdanieladg
 
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
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Maquetacion1
Maquetacion1Maquetacion1
Maquetacion1
 
Clase 3
Clase 3Clase 3
Clase 3
 
Guía Básica para el Diseño de Documentos
Guía Básica para el Diseño de DocumentosGuía Básica para el Diseño de Documentos
Guía Básica para el Diseño de Documentos
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
 
Grilla
GrillaGrilla
Grilla
 
Temas de clase de word
Temas de clase  de wordTemas de clase  de word
Temas de clase de word
 
Trabajo práctico I diseño IV
Trabajo práctico I diseño IVTrabajo práctico I diseño IV
Trabajo práctico I diseño IV
 
Diseño de periodicos melissa roman
Diseño de periodicos  melissa romanDiseño de periodicos  melissa roman
Diseño de periodicos melissa roman
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 

Más de Pedro Espinoza Hurtado

Figuras Poligonales hechas con CorelDraw.pdf
Figuras Poligonales hechas con CorelDraw.pdfFiguras Poligonales hechas con CorelDraw.pdf
Figuras Poligonales hechas con CorelDraw.pdfPedro Espinoza Hurtado
 
Culturas Peruanas del periodo formativo
Culturas Peruanas del periodo formativoCulturas Peruanas del periodo formativo
Culturas Peruanas del periodo formativoPedro Espinoza Hurtado
 
Linea de tiempo universal paralela a la del PERÚ
Linea de tiempo universal paralela a la del PERÚLinea de tiempo universal paralela a la del PERÚ
Linea de tiempo universal paralela a la del PERÚPedro Espinoza Hurtado
 
Efecto Powerclip con sombra e imagen de fondo
Efecto Powerclip con sombra e imagen de fondoEfecto Powerclip con sombra e imagen de fondo
Efecto Powerclip con sombra e imagen de fondoPedro Espinoza Hurtado
 

Más de Pedro Espinoza Hurtado (20)

Figuras Poligonales hechas con CorelDraw.pdf
Figuras Poligonales hechas con CorelDraw.pdfFiguras Poligonales hechas con CorelDraw.pdf
Figuras Poligonales hechas con CorelDraw.pdf
 
Infografías Creativas
Infografías CreativasInfografías Creativas
Infografías Creativas
 
Mascara de recorte con gato
Mascara de recorte con gatoMascara de recorte con gato
Mascara de recorte con gato
 
Efecto Power clip en corel draw X3
Efecto Power clip en corel draw X3Efecto Power clip en corel draw X3
Efecto Power clip en corel draw X3
 
Guia de trabajo creativo semaforo
Guia de trabajo creativo semaforoGuia de trabajo creativo semaforo
Guia de trabajo creativo semaforo
 
Santuario de Pachacamac
Santuario de PachacamacSantuario de Pachacamac
Santuario de Pachacamac
 
Culturas Peruanas del periodo formativo
Culturas Peruanas del periodo formativoCulturas Peruanas del periodo formativo
Culturas Peruanas del periodo formativo
 
Oso de anteojos - PERÚ
Oso de anteojos - PERÚOso de anteojos - PERÚ
Oso de anteojos - PERÚ
 
El Medio ambiente y la Contaminación
El Medio ambiente y la ContaminaciónEl Medio ambiente y la Contaminación
El Medio ambiente y la Contaminación
 
Ayacucho - PERÚ
Ayacucho -  PERÚAyacucho -  PERÚ
Ayacucho - PERÚ
 
El Bodegón
El BodegónEl Bodegón
El Bodegón
 
Linea de tiempo universal paralela a la del PERÚ
Linea de tiempo universal paralela a la del PERÚLinea de tiempo universal paralela a la del PERÚ
Linea de tiempo universal paralela a la del PERÚ
 
Efecto Powerclip con sombra e imagen de fondo
Efecto Powerclip con sombra e imagen de fondoEfecto Powerclip con sombra e imagen de fondo
Efecto Powerclip con sombra e imagen de fondo
 
Efecto Power Clip con Glow
Efecto Power Clip con Glow Efecto Power Clip con Glow
Efecto Power Clip con Glow
 
POP ART Tutorial Guide
POP ART Tutorial GuidePOP ART Tutorial Guide
POP ART Tutorial Guide
 
Como hacer un logotipo Claro
Como hacer un logotipo ClaroComo hacer un logotipo Claro
Como hacer un logotipo Claro
 
Efecto de relieve- Tallado en madera
Efecto de relieve- Tallado en madera  Efecto de relieve- Tallado en madera
Efecto de relieve- Tallado en madera
 
Cuento de La Hormiguita y El Elefante
Cuento de La Hormiguita y El ElefanteCuento de La Hormiguita y El Elefante
Cuento de La Hormiguita y El Elefante
 
La hermosura de los números
La hermosura de los númerosLa hermosura de los números
La hermosura de los números
 
Imagenes de paisajes creativos
Imagenes de paisajes creativosImagenes de paisajes creativos
Imagenes de paisajes creativos
 

Último

Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxYasmilia
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdfyolandavalencia19
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
Tarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfTarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfLigiaItzelPerez
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfautomatechcv
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESMairaLasso1
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 añosMilagrosMnstx
 
Presentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptxPresentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptxissacicsem
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfYesiRoh
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdfcpachecot
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 20242024 GCA
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfsolidalilaalvaradoro
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfSharonSmis
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
elracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptxelracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptxFAngelChaupisGarcia
 

Último (20)

Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptx
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
Tarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfTarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdf
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONES
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
 
Presentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptxPresentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptx
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdf
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
elracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptxelracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptx
 

La Diagramacion o Maquetacion

  • 1. 26/3/2009 DISEÑO LA DIAGRAMACIÓN DE TEXTOS GRÁFICO | Prof. Pedro Espinoza Hurtado
  • 2. LA DIAGRAMACIÓN Primeros Conceptos Maquetación, composición de página, compaginación, son diferentes términos que se usan para referirse a una misma cosa: la manera de ocupar el espacio del plano mensurable que es la página. Todo diseñador gráfico, cuando inicia su carrera, se encuentra con el problema de cómo disponer el conjunto de elementos de diseño impresos (texto o imágenes) dentro de un espacio dado, de tal forma que se consiga un equilibrio estético entre ellos y en el conjunto. Desde antes de la era Gutenberg, creador de los caracteres móviles y precursor de la imprenta, existía la conciencia de diseño y equilibrio en la composición de manuscritos, en los que se procuraba que cada carácter dibujado tuviera una medida concreta y estandarizada, así como que los márgenes alrededor del texto fueran uniformes. En muchos manuscritos de la Edad Media se puede observar que están estructurados sobre un armazón cuidadosamente medido. Ya en la era Gutenberg, en la que las páginas se componían con tipos móviles, los caracteres individuales se disponían en filas para formar las palabras, siendo éstas sostenidas y dispuestas en reglas longitudinales y columnas iguales, respectivamente, para formar una estructura coherente y equilibrada. El impresor contaba para colocar los tipos en la zona de impresión con mecanismos que le permitían medir y estructurar su trabajo en la página en forma de líneas guía, creando de esta manera un método de organización y cálculo para emplazar los textos y las ilustraciones. Los sistemas actuales proporcionan una mayor flexibilidad y menor rigidez en relación a las restrictivas estructuras de la página de antaño pero, aún hoy y quizás con más razón, dada la elasticidad y flexibilidad de los sistemas actuales, trabajar con una estructura previa de página y utilizarla como guía para colocar los elementos, es un requisito indispensable para el diseñador gráfico. Prof. Pedro Espinoza Hurtado 2
  • 3. EL DISEÑO DE LA RETICULA BASE El objetivo de la comunicación Lo primero que todo diseñador gráfico debe tener en cuenta antes de proceder a crear la retícula (base sobre la que se asientan los elementos gráficos) es el objetivo de comunicación gráfica que se pretende. Es un proceso previo de comprensión de la esencia del tipo de mensaje a transmitir, conceptualización y estilo de comunicación que se quiere conseguir. Así, por ejemplo, la retícula quedará condicionada a las características propias del documento gráfico de que se trate, de tal manera que un libro de lectura tendrá una retícula muy distinta a una revista de modas, un periódico o un folleto publicitario. Adicionalmente, la cantidad de fotografías o ilustraciones a utilizar en la página y la tipografía serán condicionantes en el proceso de creación de la retícula. La retícula más simple es la de una sola columna con márgenes iguales en todos sus bordes. Sobre esta base de una sola columna el diseñador puede elegir diferentes variantes en el tamaño de los márgenes, en función del documento gráfico de que se trate o de consideraciones como la facilidad de lectura, elegancia en la representación de los bloques de texto o requisitos de encuadernación. Normalmente, este tipo de retícula se usa para libros de lectura, como Novelas, aunque, por supuesto, tiene otras muchas aplicaciones. Las posibilidades de disposición de elementos gráficos en una retícula de una sola columna son muy limitadas y, en general, se muestra más rígida que otras variantes de retícula. Lo que, en todo caso, el diseñador debe tener en cuenta es que la variedad de opciones, entre las que puede elegir con respecto a los márgenes de los bordes para retículas Prof. Pedro Espinoza Hurtado 3
  • 4. de una sola columna, crearán en cada caso sensaciones de lujo, tensión, formalidad o informalidad y proporcionarán al tema expuesto énfasis diferentes. El diseñador puede elegir, es una opción personal y resultado de su inspiración, entre un tipo de retícula u otro, siempre y cuando cumpla los requisitos del encargo que se le ha realizado, que siempre debe seguir unos objetivos de comunicación gráfica. Antes de sentarse en el ordenador e iniciar el proceso de definición de la retícula, se deben realizar algunos bocetos sobre papel, manipular físicamente el mismo y probar con diferentes formatos, hasta lograr conceptualizar y concretar aquello que se va a realizar. ASPECTOS ESENCIALES DE LA RETÍCULA Convenciones & Características El diseñador, al elegir una retícula, debe decidir sobre los márgenes superiores e inferiores, interiores y exteriores de la página con relación a la zona de disposición del texto. También tiene que optar sobre la tipografía a utilizar, el cuerpo (tamaño medido en milímetros o en puntos) del tipo, el cuerpo de los títulos y subtítulos, la alineación de párrafos, el espacio vertical entre líneas, el espaciado entre caracteres (Kern) y el número de líneas por página. Finalmente, y esta es un decisión importante, deberá decidir sobre el número de columnas a utilizar, que serán tantas como quiera, y la distancia entre ellas que es llamado el Medianil. Sin embargo, no conviene olvidar que las columnas se utilizan sobre todo para texto y, Prof. Pedro Espinoza Hurtado 4
  • 5. por tanto, deben tener en cuenta la funcionalidad de la anchura de las mismas. Se pueden elegir tantas columnas como se quiera pero existen algunas convenciones sobre el número más apropiado para cada caso. Así, por ejemplo, se considera que una retícula de tres columnas es adecuada para folletos, dado que proporciona anchas y legibles columnas de texto, y la flexibilidad de poder subdividirlas en seis columnas para darle una mayor versatilidad en la disposición de los elementos. Sin embargo, no conviene olvidar que las columnas se utilizan sobre todo para texto y, por tanto, deben tener en cuenta la funcionalidad de la anchura de las mismas. Se pueden elegir tantas columnas como se quiera pero existen algunas convenciones sobre el número más apropiado para cada caso. Así, por ejemplo, se considera que una retícula de tres columnas es adecuada para folletos, dado que proporciona anchas y legibles columnas de texto, y la flexibilidad de poder subdividirlas en seis columnas para darle una mayor versatilidad en la disposición de los elementos.Otro aspecto es la forma en la que vamos a modular la página o, dicho de otra manera, distribuir en campos el espacio en el que distribuiremos los elementos del diseño. Hasta ahora hemos hablado del número de columnas como elemento de distribución vertical de los elementos del diseño; sin embargo, en la Maquetación moderna, donde se hace una utilización masiva de imágenes, el uso de un medio de distribución horizontal del espacio puede resultar tremendamente útil para obtener el equilibrio en la página entre todos los elementos. El número de módulos por página dependerá de los objetivos de diseño y sobre todo del número y tamaño de fotografías o imágenes que deseemos emplazar Estamos hablando de la primera página, donde aparece el estilo y todas las características ideadas para toda la publicación. De esta forma, todas las páginas que forman una revista, catálogo o bien un libro, tendrán siempre el mismo estilo y presentación. Son muchas las definiciones que se le pueden dar: página maestra, maqueta base, máster, plantilla. En las ilustraciones al final podemos ver diversos ejemplos de retículas divididas en módulos. Lo que hay que comprender bien es que la retícula condiciona de manera decisiva el producto final, por lo tanto se deberá realizar pruebas de retículas antes de empezar un proyecto de diseño de página. Prof. Pedro Espinoza Hurtado 5
  • 6. LOS ELEMENTOS DEL DISEÑO EN LA RETÍCULA Elementos Fundamentales Los tres elementos fundamentales del diseño en la página son los títulos, los bloques de texto y las imágenes. Todos deben combinarse en la retícula para formar un conjunto armonioso, en el que los elementos se van a integrar apoyándose unos con otros. De hecho, como ya hemos podido comprobar, la necesidad de disponer de una retícula base proviene del deseo de conseguir un equilibrio en la disposición de estos tres elementos. Una Retícula Base, se encuentra compuesta por: - La orientación del papel. - El número de columnas y el tamaño de estas. - La separación existente entre ellas (el medianil). - El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de imagen, etc. - El uso de las imágenes como fondo en todas las páginas (marcas de agua) y demás elementos ornamentales, tales como los filetes decorativos, etc. También esto sucede con el diseño de una retícula de Web, como vemos en esta figura. Prof. Pedro Espinoza Hurtado 6
  • 7. Los Títulos Los títulos cumplen la función de introducir una historia concreta, de remarcar una información y de atraer la atención del lector hacia ella. Lo habitual será, por tanto, que el cuerpo y el grosor de la letra utilizada en el título sea superior que en el texto. Los títulos son además una magnífica forma de dar vivezas visuales por lo general breves y concisas, pudiéndose utilizar recursos de color, sombra o cualquier otro que consiga el énfasis que le es propio. En las ilustraciones podemos comprobar algunas formas de disposición de los títulos en la retícula y los diferentes impactos que se producen. Los subtítulos cumplen una función, similar a los títulos, de llamar la atención del lector. Contienen una información más detallada en un cuerpo de letra menor pero breve y concisa. El Texto El texto cumple una función narrativa, explicativa del objeto o conceptos que el documento gráfico presenta. Es el elemento sometido a más restricciones dentro de la retícula, no debe exceder los límites de la misma, debe mantener un interlineado uniforme, un cuerpo de letra generalmente igual y un espaciado entre letras estable. El número de tipos diferentes a utilizar varía pero, como regla general, no debería exceder de tres. El conjunto del texto determina en gran parte el diseño, por lo que es especialmente importante en el impacto visual del documento gráfico. Prof. Pedro Espinoza Hurtado 7
  • 8. Las Imágenes El diseño de una composición incluye en una mayoría de casos el uso de algún tipo de imagen, gráfico o fotografía. Las imágenes ayudan y permiten romper las restricciones impuestas por la retícula y las rigideces formales creadas por los elementos tipográficos. Las imágenes pueden usarse de manera más flexible y visualmente estimulante. Se puede con ellas atravesar las columnas, ocupar el espacio de más de una columna e, incluso, superar los límites de la retícula. Tampoco existen restricciones en la elección del tamaño de la imagen que, si es necesario, puede extenderse a lo ancho de dos páginas. Bloque de Texto Al titular le suele acompañar casi siempre el bloque de texto, que estará compuesto de un número variable de líneas de palabras, que configurarán un bloque gráfico compacto en contraste con el titular, de una o dos líneas. Hemos de tratar el bloque de texto de manera distinta al titular, para poder conseguir una clara diferenciación. 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. Estas a su vez, deben contener la información relacionada con el texto que las acompaña, ya que de lo contrario, podríamos confundir al público lector. Son tres criterios creativos que se pueden utilizan para componer con las imágenes en una composición A sangre la imagen aplicada de manera que no tenga márgenes, Como sello de agua detrás de los bloques de texto de modo opaco Recortada de su fondo rodeada de texto alrededor Prof. Pedro Espinoza Hurtado 8
  • 9. RECORRIDO VISUAL DE LAS ÁREAS DE DISEÑO Información gráfica De forma establecida por nuestro sistema de percepción visual, influenciados además por factores culturales, procedemos siempre a leer la información gráfica según un esquema direccional constante y preestablecido. En el mundo occidental, la escritura se realiza en sentido horizontal con un trazado de izquierda a derecha. Por lo tanto, poseemos una inclinación natural a mantener esta direccionalidad en la decodificación que hacemos de los mensajes gráficos. Alcance la máxima efectividad comunicativa con los recorridos visuales básicos siguientes: La salida se efectúa siempre por el margen inferior derecho. Desde que entramos hasta que abandonamos la página habremos realizado un promedio máximo de diez fijaciones visuales por hoja, habiéndonos detenido una media de dos veces en cada bloque de información. Siempre realizamos un recorrido visual en sentido descendente avanzando de izquierda a derecha. Prof. Pedro Espinoza Hurtado 9
  • 10. Una misma línea tiene mayor peso si se la ubica en la parte inferior de nuestra área de diseño que si se sitúa en la parte superior, donde transmite una mayor sensación de ligereza. Eso sí, la información que deseemos que se recuerde en última instancia, la vamos a situar a la salida de la comunicación gráfica (nos referimos al límite inferior derecho). Observemos dónde se suele ubicar el teléfono, la dirección, los cupones de respuesta por correo, etc. Del mismo modo existen una serie de esquemas visuales que funcionan mejor a la hora de retener la atención del perceptor de nuestra comunicación, sobre todo en lo que respecta a las ubicaciones jerárquicas de las imágenes que coloquemos. Prof. Pedro Espinoza Hurtado 10
  • 11. Debemos ubicar las imágenes de modo que nos dirijan la atención hacia el interior de nuestras composiciones, en vez de sacarnos inmediatamente de nuestra área de diseño. Situaremos, por tanto, de manera intencional los ejes direccionales de nuestras imágenes siempre hacia el centro de nuestra composición. Si nuestro diseño se compone de una única página, y decidimos incluir, un perfil, éste nunca debería ubicarse mirando hacia el margen derecho, ya que impulsaría a nuestra mirada a abandonar la visión de la página sin haber realizado un recorrido visual completo. Algunos expertos afirman, que el orden de lectura de los documentos es así: - Titular. - Imagen. - Pies de la imagen. - Texto, este en último término si los tres primeros elementos son interesantes para el lector. El pie de las fotografías tiene más importancia que el texto en muchas ocasiones, por lo que los elementos de la Maquetación deben ser analizados y estudiados hasta en el último detalle. Prof. Pedro Espinoza Hurtado 11
  • 12. Si queremos mejorar la efectividad compositiva de nuestro diseño podemos seguir además la siguiente jerarquía formal con las imágenes. Teniendo en cuenta que el punto de máxima atención visual se sitúa en la zona superior izquierda de nuestra composición, hemos de observar las siguientes indicaciones para un manejo eficaz de cada tipo de imagen. Las imágenes en color poseen una mayor fuerza visual, por lo que tenderemos a ponerlas en la zona izquierda para de este modo equilibrar sus pesos visuales. Si lo que tenemos son colores cálidos frente a fríos, ubicaremos los cálidos a la izquierda, ya que los colores fríos son más ligeros óptimamente, y por tanto poseen menor fuerza comunicativa. Muchas figuras enfrentadas a una sola deben ubicarse en la zona de mayor peso, al igual que ocurre cuando combinamos imágenes que implican acción frente a otras estáticas. El conjunto de elementos visuales más dinámico debe llevarse al área con mayor protagonismo visual. Por último, indicaremos que existe además otra escala jerárquica de prioridades en lo que respecta al contenido visual ya la temática de las imágenes con las que trabajamos. Las imágenes de niños tienen más poder de atracción que las de adultos, que a su vez, predominan sobre las representaciones de animales. Por debajo encontramos los objetos inanimados que poseen poca capacidad para captar nuestra atención, situándose al final de esta escala jerárquica, por su poco impacto visual, las imágenes de figuras geométricas. Tengamos, presente en nuestro diseño cada una de las jerarquías que hemos señalado anteriormente a la hora de seleccionar tanto la temática como la configuración, así como también la ubicación, si lo que pretendemos es comunicar nuestro mensaje eficazmente. Prof. Pedro Espinoza Hurtado 12