diseño publicitario y nuevas tecnologías #7: composición, jerarquía, retículas, y patrones
DESCRIPTION
Apuntes #7 de [email protected]TRANSCRIPT
![Page 1: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/1.jpg)
DISEÑOPUBLICITARIOY NUEVASTECNOLOGÍAS
JAVIhERrero
![Page 2: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/2.jpg)
#7
composiciónjerarquía, retículas, y patrones
![Page 3: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/3.jpg)
victor papanek
El diseño es el esfuerzoconsciente para imponerun orden.
Nomadic furniture, 1973
![Page 4: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/4.jpg)
jerarquía
<? include"conexion.php";if (!isset($accion)){$result=mysql_query("SELECT * FROM usuarios WHERE id=$id",$conexion);$row=mysql_fetch_row($result); echo"<html> <head><title>Actualizar datos de la base</title></head><body><form action="actualizar.php?accion=guardar" method="POST"> Nombre:<br><input type="text" value="$row[1]" name="nombre"><br> Apellido:<br><input type="text" value="$row[2]" name="apellido"><br> DNI:<br> <input type="text" value="$row[3]" name="dni"><br><input type="hidden" name="id" value="$row[0]"> <input type="submit" value="Guardar"> </form> </body> </html>"; }elseif($accion==guardar){ $result=mysql_query("UPDATE usuarios SET nombre=$nombre, apellido=$apellido, dni=$dni WHERE id = $id",$conexion); echo" <html> <body> <h3>Los registros han sido actualizados</h3></body></html>";}include "cerrar_conexion.php";?>
plana
<?include "conexion.php";
if (!isset($accion)){ $result=mysql_query("SELECT * FROM usuarios WHERE id=$id", $conexion); $row=mysql_fetch_row($result); echo" <html> <head><title>Actualizar datos de la base</title></head> <body> <form action="actualizar.php?accion=guardar" method="POST"> Nombre:<br> <input type="text" value="$row[1]" name="nombre"><br> Apellido:<br> <input type="text" value="$row[2]" name="apellido"><br> DNI:<br> <input type="text" value="$row[3]" name="dni"><br> <input type="hidden" name="id" value="$row[0]"> <input type="submit" value="Guardar"> </form> </body> </html>";} elseif($accion==guardar) { $result=mysql_query("UPDATE usuarios SET nombre=$nombre, apellido=$apellido, dni=$dni WHERE id = $id",$conexion); echo" <html> <body> <h3>Los registros han sido actualizados</h3> </body> </html>"; }include "cerrar_conexion.php";?>de código
![Page 5: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/5.jpg)
jerarquía
En cada composición debe existir un elemento dominante según el significado y la finalidad de la composición, y unos elementos en posición de subordinación.
con jerarquía sin jerarquía
![Page 6: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/6.jpg)
índice de contenidos
![Page 7: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/7.jpg)
índice de contenidos
Annual report for SB bank, 2006
![Page 8: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/8.jpg)
jerarquía tipográfica
sin jerarquía
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012El Hermitage en el PradoColección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 9: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/9.jpg)
jerarquía tipográfica
contraste de peso
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012El Hermitage en el PradoColección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 10: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/10.jpg)
jerarquía tipográfica
contraste de color
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012El Hermitage en el PradoColección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 11: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/11.jpg)
jerarquía tipográfica
alineación
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012
El Hermitage en el PradoColección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 12: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/12.jpg)
jerarquía tipográfica
intervalos espaciales
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012
El Hermitage en el Prado
Colección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 13: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/13.jpg)
jerarquía tipográfica
caja alta e intervalos espaciales
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012
EL HERMITAGE EN EL PRADO
Colección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011
State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 14: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/14.jpg)
jerarquía tipográfica
peso, color, espacio, alineación
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012
El Hermitage en el Prado
Colección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011
State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 15: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/15.jpg)
jerarquía tipográfica
escala, espacio, alineación
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012
El Hermitage en el Prado
Colección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011
State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 16: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/16.jpg)
jerarquía tipográfica
cursiva, escala, color, alineación
Museo Nacional del PradoMadrid, 8 Nov 2011 - 25 Mar 2012
El Hermitage en el Prado
Colección obras desde S. V A.C. hasta S. XX Año Dual España-Rusia 2011
State Hermitage Museum de San Petesburgo.Patrocinio Fundación BBVA
![Page 17: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/17.jpg)
willi baumeister
La tipografía consiste en gran medida en el acto de dividir una superficie limitada.
El nadador en la escalera
![Page 18: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/18.jpg)
jerarquía en publicidad
Richter7, Salt Lake City, USA
DraftFCB, Lisbon, Portugal
![Page 19: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/19.jpg)
retícula
Una retícula es una red de líneas,
que por lo general, corren horizontal
y verticalmente en incrementos de ritmo
uniforme, si bien pueden ser
segadas, irregulares o incluso circulares.
cgtextures.com
![Page 20: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/20.jpg)
![Page 21: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/21.jpg)
![Page 22: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/22.jpg)
retícula
![Page 23: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/23.jpg)
relaciones actuales
Democracia de elementos.
Urbanismo, arquitectura y tecnologías modernas.
Sinónimo de fluidez.
Architecture of density, Michael wolff
![Page 24: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/24.jpg)
retícula como herramienta
La retícula imprime un singular carácter democrático a la página impresa.
Toda la página es aprovechable y los bordes cobran tanta importancia como el centro.
Sirven para generar forma, colocar imágenes y organizar la información.
architecture of density, michael wolff Arcos Comunicação, Recife, Brazil
![Page 25: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/25.jpg)
organización del contenido
![Page 26: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/26.jpg)
retícula estricta
Saa
tchi
& S
aatc
hi, M
alay
sia
![Page 27: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/27.jpg)
retícula rota
McC
ann
Eric
kson
Arg
entin
a
![Page 28: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/28.jpg)
orwen jones
Los principios que pueden descubrirse en las obras del pasado nos pertenecen; no así los resultados.
The Grammar of Ornament (1856)
![Page 29: Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones](https://reader034.vdocuments.site/reader034/viewer/2022052410/5561eb2dd8b42af10c8b5125/html5/thumbnails/29.jpg)
patrones
En el S. XX los diseñadores modernos se se inclinaron por embelecamientos minimalistas, en detrimento de la ornamentación minimalista .
Comprender como se producen los patrones enseña al diseñador a tejer modelos complejos a partir de estructuras elementales.
architecture of density, michael wolff
Mybrand, Lisbon, Portugal