diseño publicitario y nuevas tecnologías #7: composición, jerarquía, retículas, y patrones

Post on 24-May-2015

1.693 Views

Category:

Education

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Apuntes #7 de javier@herrerovalle.es

TRANSCRIPT

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

top related