Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones
-
Upload
javier-herrero-valle -
Category
Education
-
view
1.690 -
download
1
description
Transcript of Diseño Publicitario y Nuevas Tecnologías #7: Composición, jerarquía, retículas, y patrones
DISEÑOPUBLICITARIOY NUEVASTECNOLOGÍAS
JAVIhERrero
#7
composiciónjerarquía, retículas, y patrones
victor papanek
El diseño es el esfuerzoconsciente para imponerun orden.
Nomadic furniture, 1973
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
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
índice de contenidos
índice de contenidos
Annual report for SB bank, 2006
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
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
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
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
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
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
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
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
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
willi baumeister
La tipografía consiste en gran medida en el acto de dividir una superficie limitada.
El nadador en la escalera
jerarquía en publicidad
Richter7, Salt Lake City, USA
DraftFCB, Lisbon, Portugal
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
retícula
relaciones actuales
Democracia de elementos.
Urbanismo, arquitectura y tecnologías modernas.
Sinónimo de fluidez.
Architecture of density, Michael wolff
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
organización del contenido
retícula estricta
Saa
tchi
& S
aatc
hi, M
alay
sia
retícula rota
McC
ann
Eric
kson
Arg
entin
a
orwen jones
Los principios que pueden descubrirse en las obras del pasado nos pertenecen; no así los resultados.
The Grammar of Ornament (1856)
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