Taller de diseño I (Gramática visual)

Gramática visual 2.0ELizaldE

viernes, 22 de febrero de 13

Imagen FigurativaGramática Visual / Sistemas básicos.


Imagen NO FigurativaGramática Visual / Sistemas básicos.


Sombra proyectadaGramática Visual / Sistemas básicos.


Sombra inherenteGramática Visual / Sistemas básicos.


SombraProyectada


LegibilidadGramática Visual / Variables de control


Dinos tus ideas al oído


Figura y FondoGramática Visual / Variables de control


PregnanciaGramática Visual / Variables de control


Coherencia FormalGramática Visual / Variables de control


Coherencia FormalGramática Visual


Recorrido VisualGramática Visual / Variables de control


Agrupación / SegragaciónGramática Visual / Variables de control


Simple / ComplejoGramática Visual / Estrategias de comunicación visual


Acento / NeutroGramática Visual / Estrategias de comunicación visual


Equilibrio / InestabilidadGramática Visual / Estrategias de comunicación visual


Plano / ProfundoGramática Visual / Estrategias de comunicación visual


Abierto / CerradoGramática Visual / Estrategias de comunicación visual


Simetría / AsimetríaGramática Visual / Estrategias de comunicación visual


Orden / DesordenGramática Visual / Estrategias de comunicación visual


TipografíasGramática Visual / Tipografías

Las familias tipográficas también son conocidas con el nombre de familias de fuentes (del francés antiguo fondre, correspondiente en español a derretir o verter, refiriéndose al tipo hecho de metal fundido). Una fuente puede ser metal, película fotográfica, o medio


RomanasGramática Visual / Tipografías

Formado por fuentes que muestran influencias de la escritura manual, en concreto de la caligrafía humanista del s. XV, y también de la tradición lapidaria romana, donde los pies de las letras se tallaban para evitar que la piedra saltase en los ángulos.

Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad.


RomanasGramática Visual / Tipografías


GoticasGramática Visual / Tipografías

Góticas: de estructura densa, composición apretada y verticalidad acentuada, manchan extraordinariamente la página. Además, no existe conexión entre letras, lo que acentúa más su ilegibilidad. Ejemplos de este tipo son Fraktur, Old English, Koch Fraktur, Wedding Text, Forte Grotisch.


EgipcianasGramática Visual / Tipografías

- Tienen serif.- El serif es tan grueso como los bastones, esta es la principal característica que la identifica.- Puede ser cuadrado (Lubalin Graph, Robotik) o bien redondo (Cooper Black).- Las relaciones entre serif y bastón pueden ser angulares (Memphis) o bien curvas (Clarendon).- La dirección del eje de engrosamiento es normalmente horizontal.

Los primeros tipos de la familia Egipcia, entran en juego hacia el año 1820, con el primer tipo la "clarendon". El tipo clarendon es de rigurosa actualidad, al igual que el Egyptienne usado en fotocomposición. Ofrecen cuerpos medianos para ser usados como textos de libros.


Consiste en una especie de egipcia muy estrecha, denominada por algunos Colonial y por otros Italiana. Su principal característica reside en el hecho de presentar bastones horizontales más gruesos que los verticales, en forma inversa a la corriente. Es una pequeña familia, con tipos muy armoniosos y muy adecuados para determinados titulares.

Memphis

Italiana

Robotik

Clarendon 1820


Gill SansGramática Visual / Tipografías

Gill Sans es un tipo de letra sans serif o paloseco muy usada actualmente; fue creado por el tipógrafo Eric Gill y publicada por la fundidora Monotype entre los años de 1928 y 1930. Sus formas están basadas en la Johnston underground creada por Edward Johnston para el Metro de Londres; la Gill Sans es ampliamente apreciada por sus sutiles y graciosas formas así como por su versatilidad.


http://es.wikipedia.org/wiki/Tipo_de_letra

http://es.wikipedia.org/wiki/Tipo_de_letra

http://es.wikipedia.org/wiki/Sans_serif

http://es.wikipedia.org/wiki/Sans_serif

http://es.wikipedia.org/wiki/Paloseco

http://es.wikipedia.org/wiki/Paloseco

http://es.wikipedia.org/wiki/Eric_Gill

http://es.wikipedia.org/wiki/Eric_Gill

http://es.wikipedia.org/wiki/Monotype

http://es.wikipedia.org/wiki/Monotype

http://es.wikipedia.org/wiki/1928




http://es.wikipedia.org/w/index.php?title=Johnston_underground&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Johnston_underground&action=edit&redlink=1

http://es.wikipedia.org/wiki/Edward_Johnston

http://es.wikipedia.org/wiki/Edward_Johnston

http://es.wikipedia.org/wiki/Metro_de_Londres

http://es.wikipedia.org/wiki/Metro_de_Londres

Gill SansGramática Visual / Tipografías


LOS LIBROS SON PARA

CRECERviernes, 22 de febrero de 13

SCRIPTASGramática Visual / Tipografías


Colorviernes, 22 de febrero de 13

Collasuyo

, es

usa

da e

n la

act

ualid

ad c

omo

sím

bolo

ét

nico

del

pue

blo

aim

ara.


La versión de seis colores de la Bandera del Orgullo

LGBT es la versión más usada actualmente. La versión

original de 1978 tenía dos bandas adicionales: rosado y turquesa.

Gilbert Bakerviernes, 22 de febrero de 13



http://es.wikipedia.org/wiki/Rosado

http://es.wikipedia.org/wiki/Rosado

http://es.wikipedia.org/wiki/Turquesa

http://es.wikipedia.org/wiki/Turquesa

http://es.wikipedia.org/w/index.php?title=Gilbert_Baker&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Gilbert_Baker&action=edit&redlink=1

Susa

n K

are


Isaa

c N

ewto

n (1

643-

1727

)


En 1665 una epidemia de peste obligó a la universidad de Cambridge a cerrar sus puertas por espacio de casi dos años. Isaac Newton se fue a su casa y se puso a pensar y a hacer experimentos con luz.

Desde hacía siglos se creía que la luz blanca era luz en estado puro y que para obtener colores había que modificar la luz blanca. Newton oscureció su cuarto. Luego abrió un orificio pequeño por donde entraba un fino rayo de luz. Frente a éste puso un bloque de material transparente y vio que en la pared de enfrente se proyectaba un bonito arcoiris. El material transparente torcía, o “refractaba”. Si Newton ponía un segundo prisma de material transparente, volvía a obtener luz blanca.

Newton se dijo que la luz blanca no era luz pura, sino luz compuesta. En la luz blanca estaban contenidos todos los colores. El prisma refractaba la luz, pero distintos com

Teoría corpuscular de Newton


Síntesis Adi+v

a:

colores p

rimarios


Síntesis su

strac+va:

colores p

rimarios


Que

Com

unic

an lo

s co

lore

s)


Círc

ulo

crom

átic

oPi

gmen

tos

prim

ario

s


Círc

ulo

crom

átic

oPi

gmen

tos

prim

ario

s

1º

1º 1º


Círc

ulo

crom

átic

oCo

mpl

emen

tario

s

1º

1º 1º


Círc

ulo

crom

átic

oSu

plem

enta

rios

1º

1º 1º


Simetría (R.A.E) (Del lat. symmetrĭa, y este del gr. συμμετρία).

1. f. Correspondencia exacta en forma, tamaño y posición de las partes de un todo.



2. f. Biol. Correspondencia que se puede distinguir, de manera ideal, en el cuerpo de una planta o de un animal respecto a un centro, un eje o un plano, de acuerdo con los cuales se disponen ordenadamente órganos o partes equivalentes.



3. f. Geom. Correspondencia exacta en la disposición regular de las partes o puntos de un cuerpo o figura con relación a un centro, un eje o un plano.


Asimetría


Asimetría (R.A.E)


Asimetría viernes, 22 de febrero de 13

Clasificación deSimetría


Clasificación deSimetría 1.Isometría2.Homeometría3.Singenometría4.Catametría5.Heterometría


1.Isometría

Son isométricos ó isomorfos, aquellos elementos que tienen la misma forma y tamaño. (igualdad de los motivos y su repetición regular). El elemento no cambia.ISO=Idéntico


2.- Homeometría

son homeomorfos, aquellos que se repiten en la forma, pero tamaños diferentes. Sus tamaños aumentan o disminuyen de acuerdo a una ley constante.


3.- Singenometría

Son singenomorfos, aquellos deformados de manera afín o proyectiva. El Proceso en donde las formas que lo constituyen son una transformación sucesiva de formas parecidas a fin.

(reflexionar sobre el proceso de transformación: ver proceso mutativo en las obras de metamorfosis realizadas por Escher).CINGERE=TRANSFORMAR


http://www.mcescher.com/

http://www.mcescher.com/

4.- Catametría

son catamorfos, aquellos cuyas formas tienen características iguales y características diversas. Están ligados por una común relación interfigural, con elementos de pertenencia a una familia. (ej: tipografía TIMES NEW ROMAN, Cuerpo 70, normal)


5.- Heterometría

al contrario de la catametría, este tipo de relación es la que se encuentra solamente de manera intraformal, por ejemplo el manejo de las geometrías circulares que hace en los autos.


Ejercicio


Simetría Axial


45º

Simetría Radial


x 20 bocetosde simetría axial

x 20 bocetosde simetría radial

45º

Simetría Radial

Simetría Axial


El seleccionado (de los 20)se realiza en la croquera en formato 20 x 20 cms, entintado con negro y utilizando instrumentos (cuadriculas menores a 1 cm.)

El seleccionado (de los 20)se realiza en la croquera en formato 20 x 20 cms, entintado con negro y utilizando instrumentos (cuadriculas menores a 1 cm.)

Simetría Radial

Simetría Axial


Traspase luego a mica (radiografía ), cortando los sectores que desea pintar en el stencil

Simetría Radial

Simetría Axial

Traspase luego a mica, cortando los sectores que desea pintar en el stencil

1

2


20 cm

Dejarpaspartú


Taller de diseño I (Gramática visual)

Documents

Transcript of Taller de diseño I (Gramática visual)