TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓN

1. V A L E R I A P Á E Z
C A M I L A H A R O
M A I T E F E R N Á N D E Z
TÉCNICAS DE COMPOSICIÓN
Y MAQUETACIÓN

2. La sección áurea
 La regla áurea es
conocida con
numerosos nombres.
La podemos llamar,
entre otros, sección
áurea, divina
proporción, razón
dorada, número
áureo, etc.

3.  La regla o sección áurea es una proporción
entre medidas. Se trata de la división
armónica de una recta en media y extrema
razón.
 Esto hace referencia a que el segmento
menor es al segmento mayor, como éste es
a la totalidad de la recta. O cortar una línea
en dos partes desiguales de manera que el
segmento mayor sea a toda la línea, como
el menor es al mayor.

4. La composición, el concepto
 En toda composición, los
elementos que se sitúan en la
parte derecha, poseen mayor
peso visual, y nos transmiten
una sensación de avance. En
cambio los que se encuentran
en la parte izquierda, nos
proporcionan una sensación
de ligereza.

5.  Esto también se observa, si lo
aplicamos en la parte superior de
un documento, posee mayor
ligereza visual, mientras que los
elementos que coloquemos en la
parte inferior, nos transmitirán
mayor peso visual.
 Actualmente no existe una
composición perfecta. Cada
composición dependerá de su
resultado final, para todo ello, es
necesario conocer todos los
aspectos y formas para obtener un
resultado con un cierto equilibrio

6. Las proporciones
 Uno de los formatos más
conocidos e utilizados es el
DINA-4. Podemos limitar las
proporciones de nuestra
composición a través del
color.
 También existe las formas, las
angulares y alargadas amplían
el campo de visión, mientras
que formas angulares cortas,
nos transmiten la sensación
de timidez y humildad.

7. La forma
 Las formas redondas (modelo
curvilíneo y rectangular), la
proporción y la simetría, suelen
combinarse, las formas en sus
variantes también son simétricas.
Estas formas crean armonía,
suavidad y perfección. Por ejemplo
las formas simples y regulares son
las que se perciben y recuerdan con
mayor facilidad. Las formas
simétricas, en el mundo de la
naturaleza, un ejemplo del orden
geométrico sobre la formación de
sus estructuras vivientes.

8. El tamaño
 El tamaño de un
elemento, en relación al
resto, también presenta
diferentes definiciones.
Las formas grandes,
anchas o altas, se
perciben cómo, más
fuertes, pero las más
pequeñas, finas o cortas,
simbolizan la debilidad y
delicadeza.

9. La escala
 Decimos que existe una escala cuando se
da una relación matemática (proporción)
entre las dimensiones de distintos
elementos. Una escala, por tanto, se puede
representar mediante un número o una
fórmula.
 La escala normalmente se usa en
cartografía, planos, mapas... para poder
representar una medida proporcional al
tamaño real.
 Es cuando citamos, por ejemplo, este plano
está en escala 1:10. Este concepto hace
referencia a que, para realizar el plano, se
ha aplicado un factor de reducción
determinado (en este caso, dividir por
diez), para poderlo dibujar en un lugar más
pequeño, sin que pierda sus proporciones.

10. Simetria en el diseño
 El equilibrio simétrico se
obtiene a través del equilibrio
del peso visual, el cual se
compensa de un lado y del otro
en una composición visual.
 Cada objeto y elemento en el
diseño alcanza la simetría
cuando se divide una
composición en dos partes
iguales y logramos encontrar
igualdad de peso en ambos lados
y ningún elemento que sobresale
más que el resto en importancia
y peso.

11. El equilibrio
 En una composición se puede
conseguir el equilibrio a través del uso
de líneas y formas. Todos los pesos
deberán estar compensados para
obtener el equilibrio ideal.
 Como medición del peso de las formas
y líneas que utilizamos en una
composición, se observa la importancia
que tienen los objetos dentro del
diseño o creación que queremos
representar, intentando equilibrar los
elementos de mayor importancia con
los de menor importancia, y los de
mayor peso con los de menor.

12. Equilibrio simétrico
 El equilibro simétrico se
produce cuando al dividir una
composición en dos partes
iguales, existe igualdad de
peso en ambos lados. No se
encuentran elementos que
sobresalgan más que el resto
en importancia y peso.
 La creación de un diseño
simétrico nos transmite una
sensación de orden.

13. El equilibrio asimétrico
 Un equilibrio es asimétrico cuando al
dividir una composición en dos
partes iguales, no existen las mismas
dimensiones en tamaño, color, peso
etc, pero existe un equilibrio entre
dos elementos.
 En el equilibrio asimétrico, al ser
desiguales los pesos a un lado y otro
del eje, el efecto es variado.
 La asimetría nos transmite agitación,
tensión, dinamismo, alegría y
vitalidad; en este tipo de equilibrio
una masa grande cerca del centro se
equilibra por otra pequeña alejada
del aquel.

14. El contraste de escala
 El contraste de escala se
consigue a través de la
contraposición de diferentes
elementos a diferentes escalas de
las normales, o el uso de
medidas irreales.
 Utilizando este recurso, la
percepción del elemento se
encuentra alterado. Esta clase de
contraste es utilizado en la
fotografía y pintura, para atraer
la atención del espectador de
forma muy efectiva y eficaz.

15. El contraste de contornos
 El contraste de contornos irregulares destacan de
forma importante sobre los regulares o más
conocidos. Este tipo de contraste es ideal para captar
la atención del usuario observador a determinados
elementos de una composición.

16. El contraste de tono
 El contraste de tono se basa en la
utilización de tonos muy
contrastados, la combinación de
claro-oscuro; el mayor peso lo
tendrá el elemento con mayor
oscuridad.
 Para que este perdiera
protagonismo en el diseño,
tendríamos que disminuir la
intensidad del tono y
redimensionarlo después, para que
no perdiese equilibrio en la
composición.
 Este tipo de contraste es uno de los
más utilizados en composiciones
gráficas.

17. El contraste de colores
 El tono es una de las
dimensiones del color más
importantes. El contraste más
efectivo se obtiene combinando
los diferentes tonos.
 El contraste creado entre dos
colores será mayor cuanto más
alejados se encuentren del
círculo cromático.
 Los colores opuestos contrastan
mucho más, mientras que los
análogos apenas lo hacen,
perdiendo importancia visual
ambos.

18. Técnicas y modas del diseño
 Las técnicas del diseño Gráfico énfasis es una
disciplina aplicada que ofrece soluciones visuales a
problemas específicos en diversos campos como el
editorial, los periódicos, la fotografía, la ilustración,
el diseño corporativo, la tipografía, la publicidad y el
diseño visual digital, la comunicación y la estética en
los mensajes visuales.

19.  Las tres áreas que sustentan la enseñanza de la
especialidad de Diseño Gráfico son la teórica, la
técnica y la proyectual.
 Las tres se ponen en práctica en cada uno de los
cursos del plan de estudios, con diferentes acentos de
acuerdo al área de estudio.
 Sin embargo cabe destacar que el Diseño Gráfico es
una disciplina artística que utiliza la técnica como
herramientas de proyección.

20. El cartel publicitario
 Por el tamaño se entiende que es
un poster o cartel, aquel diseño
impreso que sobrepase el tamaño
DIN A3.
 El diseño de un cartel publicitario
o un poster es uno de los retos
más atractivos que un diseñador
puede encontrar.
 Un cartel o un poster están
hechos para captar la atención a
las personas mientras, éstas, se
encuentran en movimiento y para
que sean visibles desde grandes
distancias e impactantes por su
gran dimensión.

21. Características de los carteles o posters
 Gráficamente un cartel debe presentar un correcto
equilibrio de todos los elementos que contiene.
 Las imágenes, gráficos, fotos y textos deben
representar una línea de comunicación que permita
al ojo humano (y al cerebro) dirigirse de un punto de
información a otro. Esto crea movimiento y
dinamismo.
 Los puntos de información no son colocados por
casualidad, sinó que son creados por el diseñador
para influir en el lector

22. El diseño de posters y carteles
 En un cartel, los textos y los tipos de letras son elementos
importantes que deben ser realzados usando distintos
colores, y a ser posible colores muy llamativos y
diferentes tamaños. Esto ayudará a los clientes a leer el
cartel con facilidad.
 Si el cartel tiene distintos encabezamientos, utilizaremos
dos o más tamaños de letra.
 El color del texto debe encontrarse contrastado con el
color de fondo: si el fondo es oscuro, utilizar letra clara y
viceversa. Cuanto menor sea el contenido, mejor, y si
tiene que aparecer mucha información, intentaremos que
los datos sean gráficos.

23. Los flyers
 Denominados también, "Volantes" son folletos de
pequeñas dimensiones y gramajes reducidos y que se
utilizan para transmitir información publicitaria
sobre productos y servicios de una empresa.

24. Los folletos
 Son elementos que pueden encontarse también
incluidos en un mailing. Presentan el producto o
servicio de forma detallada e ilustrada, destacando
las ventajas y las características de la oferta. Su
formato o tamaño, varía en función de las
necesidades del producto y del desarrollo creativo.

25. Díptico
 Es un folleto impreso formado
por una lámina
de papel o cartulina que se dobla
en dos partes. Constituye un
medio para comunicar ideas
sencillas sobre
un producto, servicio, empresa, e
vento, etc. Su nombre deriva,
por extensión, de
los dípticos artísticos.

26. La disposición de la información suele ser la
siguiente:
 En las portadas se imprime el eslogan o frase de la
campaña así como el logotipo identificativo de la
empresa o los integrantes de un grues un pex de
cartulina para dos
 En el interior se despliegan los argumentos de venta
exponiendo las ventajas competitivas del producto o
servicio, generalmente, apoyadas por fotografías o
gráficos.
 Por último, la contraportada se reserva para colocar
el logotipo de la empresa y datos de utilidad como
localización, teléfono de contacto,etc.

27. Tríptico
 Es un folleto informativo doblado en tres
partes, por lo regular es una hoja de papel
tamaño ( 297 x 210 mm) también conocido
como A4, contiene la información del evento
e institución que lo organiza, fechas, en la
cara interna de la hoja vienen los invitados
especiales, el contenido de conferencias,
horarios, ponentes, recesos, datos de la
inauguración y clausura, en la parte
posterior se dejan los datos para inscripción
e informes.
 Puede incluir textos e imágenes de apoyo,
organizando la información de manera clara
sobre un tema. Debido a su tamaño y diseño,
permite tener un mayor impacto entre la
población a la que va destinada.

28. Catálogo
 Libro, folleto o lista que contiene una relación de los
objetos que según un determinado criterio se
consideran un conjunto se compra muchos
catálogos de exposiciones de pintura.

29. Página maestra
 En programas de diseño
gráfico multipágina, modelo de
página que se define dentro de
un documento como base para
la creación de páginas reales.
 Las páginas maestras no se
pueden usar como páginas
reales. Son modelos que
el usuario debe llamar y aplicar
para crear las páginas reales.
Por eso todo documento tiene
al menos una página maestra,
que se usa
como formato predefinido.

30.  La diferencia entre página maestra y plantilla es que, en diseño
gráfico, una plantilla es un documento que se usa como modelo de
documentos (contiene colores, hojas de estilo, páginas maestras,
etc...), mientras que una página maestra es sólo un modelo de
página dentro de un documento, que a su vez puede (y suele) ser
una plantilla.
 En un diseño multipágina, las páginas maestras sirven para definir
aquellos elementos variables que suelen ir colocados en el mismo
sitio o recibir el mismo
tratamiento: Folios de numeración, encabezados, columnado, etc
 Creadas con sensatez, las páginas maestras son un elemento
extremadamente poderoso para un diseñador gráfico o maquetador,
ya que permiten variar el diseño con gran velocidad y coherencia
formal.
 Un documento puede contener varias docenas de páginas maestra,
aunque lo usual es que no se llegue a la decena.

31. Las hojas de estilo
 Son conjuntos de instrucciones, a veces en forma de archivo
anexo, que se asocian a los archivos de texto y se ocupan de
los aspectos de formato y de presentación de los contenidos:
tipo, fuente y tamaño de letras, alineación y posicionamiento
del texto, colores y fondos, etc. Las hojas de estilo permiten
liberar la composición del texto de los aspectos visuales y
favorecen que se estructure y anote mediante códigos que
permiten un tratamiento más eficaz de los contenidos. El uso
adecuado de las hojas de estilo es uno de los aspectos clave de
la edición digital. Las hojas de estilo son una herramienta de
gran utilidad de los programas de tratamiento de textos,
como OpenOffice.org o Microsoft Word. Asimismo,
constituyen una parte esencial de los lenguajes de
marcas para edición digital: LaTeX, XML y XHTML. Dos
lenguajes de hojas de estilo son CSS y XSL.

32. El tratamiento de textos
 O procesamiento de textos es la creación,
modificación, corrección y armado de documentos
usando un procesador de texto. También puede
referirse a técnicas avanzadas de taquigrafía, usadas
algunas veces en contextos especiales con máquinas
de escribir modificadas especialmente.

33. La retícula
 Se desarrolla a partir del
tamaño de la página, su
función es subdividir la página
en campos e intervalos, dentro
del espacio definido por los
márgenes, mientras que su
objetivo es mantener una
colocación correcta de los
elemento dentro de la página,
dando una sensación de
estructura ordenada.

34. La medida de la retícula se
establecerá a partir de las variables
tipográficas: la familia, la fuente, el
cuerpo, la medida de línea y la
interlínea.
La utilización de la retícula supuso
un cambio radical en la concepción
clásica de la página y junto con las
innovaciones del diseño que
promovió Bauhaus, propició un
concepto moderno de la página,
caracterizado por la asimetría y por
el empleo del contraste, que le
confieren un carácter más dinámico

35. La Rejilla base
 En diseño gráfico, la rejilla base es el conjunto de líneas
horizontales imaginarias que controlan la colocación de los
textos en las páginas para que se apoyen sobre ella por sus
líneas base (baseline) y tengan así una apariencia ordenada y
cómoda para la vista, así mismo se usa también como para
apoyar otros elementos gráficos como imágenes, recuadros,
rayas, etc…
 El uso de las rejillas base impone una ordenación visual de
ejes horizontales que facilita a los diseñadores la creación de
trabajos con un acabado profesional, y a los lectores el acceso
a la información contenida en esos diseños. Se podría decir
que es una herramienta del diseñador invisible para los
lectores, que nunca la ven aunque perciban su presencia en el
resultado final en forma de orden.

36.  El uso de rejillas base es anterior a la autoedición y el uso
del ordenador, en aquella época tenían la forma de finas
rayas azules dibujadas en las hojas de montaje, ya que los
tonos claros de azul no se reproducía en los aparatos de
fotomecánica de la época.
 Actualmente los programas profesionales de diseño
gráfico que incorporan rejillas base para documentos
multipágina son InDesign o Quark Xpress. En estos
programas la rejilla base tampoco se imprime y se puede
mostrar/ocultar y modificar en apariencia, medidas etc…

37. Mejores maneras de visualizar textos
Estilos [Párrafo básico]
 De manera predeterminada, cada nuevo documento
contiene el estilo [Párrafo básico], que se aplica al
texto que se escribe. Puede editar este estilo, pero no
puede cambiar el nombre ni eliminarlo. Puede
cambiar el nombre de los estilos y eliminar los que
cree. También puede seleccionar un estilo
predeterminado diferente para aplicarlo al texto.

38. Atributos de los estilos de carácter
 A diferencia de los estilos de párrafo, los estilos de
carácter no incluyen todos los atributos de formato
del texto seleccionado. En su lugar, cuando crea un
estilo de carácter, InDesign convierte solo aquellos
atributos que sean diferentes del formato del estilo
de la parte del texto seleccionado. De esta forma,
puede crear un estilo de carácter que, cuando se
aplica al texto, modifica únicamente algunos
atributos, como las familias y el tamaño de la fuente,
omitiendo todos los demás atributos de carácter. Si
desea que otros atributos formen parte del estilo,
añádalos al editar el estilo.

39. Estilo siguiente
 Puede aplicar estilos automáticamente a medida que introduce
texto. Por ejemplo, si el diseño del documento requiere que al estilo
“título 1” le siga el estilo “texto independiente”, defina la opción
Estilo siguiente para el “título 1” como “texto independiente”. Tras
introducir un párrafo con el estilo “título 1,” al pulsar Intro o
Retorno comenzará un nuevo párrafo con el estilo “texto
independiente”.
 Si utiliza el menú contextual al aplicar un estilo a dos o más
párrafos, puede que el estilo principal se aplique al primer párrafo y
que el Estilo siguiente se aplique a los otros párrafos.
(Consulte Aplicación de estilos).
 Para utilizar la función Estilo siguiente, elija un estilo del menú
Estilo siguiente al crear o editar un estilo.
 Jeff Witchel ofrece un tutorial de vídeo sobre el uso de la función
Estilo siguiente en Using the Next Style feature (Uso de la función
Estilo siguiente).

40. Net grafía
 http://www.fotonostra.com/grafico/escala.htm
 http://www.fotonostra.com/grafico/reglaaurea.htm
 https://www.paredro.com/la-importancia-de-la-simetria-en-el-diseno/
 http://www.fotonostra.com/grafico/equilibriosimetrico.htm
 http://www.fotonostra.com/grafico/contrastescontornos.htm
 http://www.fotonostra.com/grafico/contrastestono.htm
 http://paginawebtareas.blogspot.com/2012/09/foco.html
 http://www.fotonostra.com/grafico/cartelesyposters.htm
 http://www.fotonostra.com/grafico/disenofolletos.htm
 https://es.wikipedia.org/wiki/D%C3%ADptico_(publicidad)
 https://es.wikipedia.org/wiki/Tr%C3%ADptico_(publicidad)
 https://es.thefreedictionary.com/cat%C3%A1logo
 http://www.glosariografico.com/pagina_maestra
 https://es.wikipedia.org/wiki/Hoja_de_estilo
 https://es.wikipedia.org/wiki/Tratamiento_de_textos
 https://designsuarezvi.wordpress.com/2012/03/12/reticula-y-rejilla-base/
 https://helpx.adobe.com/es/indesign/using/paragraph-character-styles.html