Diapositiva 1

Mdulo IIUnidad IIIFormas y figuras Clase 11

1. Introduccin2

Qu es Diseo?34El diseo es un proceso de creacin visual con un propsito. El diseo cubre exigencias prcticas.Una unidad de diseo grfico debe de ser colocada donde la vea el publico y transportar un mensaje prefijado.Un buen diseo es la mejor expresin visual de la esencia de algo, ya sea esto un mensaje o un producto.Su creacin no debe ser esttica sino funcional.

El lenguaje visual56El diseo es prctico, pero antes de enfrentarse a problemas debe de dominar el lenguaje visual.

El lenguaje visual es la base para la creacin del diseo.

Existen principios, reglas o conceptos en los que se refiere a la organizacin visual, los cuales sern aplicados a las composiciones.

Interpretando el lenguaje visual78El lenguaje hablado y escrito posee leyes gramaticales y el Lenguaje visual carece de leyes obvias.

Los fundamentos que veremos tienen relacin con el pensamiento sistemtico y muy poca con la emocin o la intuicin. Con la mxima objetividad y mnima ambigedad.

El diseador resuelve problemas y casi siempre le son dados

Elementos del Diseo9Se distinguen 4 gruposElementos conceptualesElementos visualesElementos de relacinElementos prcticos

Elementos Conceptuales 1011

El puntoIndica posicin. No tiene largo ni ancho.No ocupa un zona del espacio, es el principio y fin de una lnea.La lneaEs la proyeccin de un punto, tiene largo , pero no ancho, tiene posicin, pero no direccin, forma los bordes de un plano .

El planoEs el recorrido de una lnea en mov. que se convierte en un plano, y el plano tiene largo ancho, pero no grosor. Define los lmites extremos de un volumen. El volumenEs el recorrido de un plano en mov. que se convierte en un volumen. Tiene un aposicin en el espacio.

Elementos Visuales 1213

FormaEs todo lo que puede ser visto y podemos identificarTamaoTodas las formas tienen tamao y es posible medirlas.ColorLos colores poseen variaciones tonales y cromticas.TexturaSe refiere a las formas que pueden tener las superficies, plana relieve, suave rugosa.

Elementos de Relacin1415

DireccinLa direccin de una forma depende de la relacin con el marco de referencia que contiene las formas.PosicinLa posicin de una forma va a depender de la relacin del marco respecto al cuadroGravedadLa sensacin de gravedad no es visual sino ilusoria, pesados livianos, estables inestables,.EspacioS e refiere a que las forma por muy peq que sean ocupan un espacio, puede estar ocupado o vaco

Elementos Prcticos 1617Elementos de RepresentacinElementos de SignificadoElementos de Funcin

18Elementos de Representacin

Cuando una forma ha sido derivada de la naturaleza o del mundo hecho por los seres humanos, es representativa.

La representacin puede ser realista, estilizada o semiabstracta.1922

2324

25

26Elementos de Significado

El significado se hace presente cuando el diseo transporta un mensaje.27

28Elementos de Funcin

La funcin se hace presente cuando un diseo debe servir un determinado propsito.29

30

31

32

33

34

La referencia al marco35La referencia al marco no supone necesariamente un marco real.

El marco puede ser de cualquier forma.

El plano de la imagen36Es en realidad la superficie plana del papel en el que el diseo ha sido creado.

Forma y estructura37La forma no es slo la forma que se ve, sino una figura de tamao. Color y textura.

La estructura que incluye a los elementos de relacin es esencial para el diseo total.38

Refrigerio ??10 min

2. Forma39 La forma y los elementos conceptuales40Cuando son visibles se convierten en formas que pueden tener una figura, un tamao, un color y una textura.

La forma como punto, lnea, 4142

La forma como plano y volumen4344

Formas positivas y negativas4546

La forma y la distribucin de color

4748

49

Interrelacin deformas50DistanciaToqueSuperposicin5152PenetracinUninSustraccin53InterseccinCoincidencia54

Interrelacin de formasTarea 1 / Valor 4pts Entrega (15 de Mayo)Forma y figura - Hacer 2 composiciones de forma y figura en blanco y negro en formato carta. Integrar en cada composicin 3 tipos de interrelacin de formas.Tomar en cuenta formas geomtricas simples.Las composiciones deben tener, mov, equi, prop y ritmoColocar en la parte posterior los tipos de elementos de interrelacin utilizados.- Utilizar material resistente.- Hacer una carpeta en la cual coloquen sus trabajos.

56

Mdulo II, segunda clase Unidad IIIDiseo Bidimensional57

Repeticin58Qu es repeticin?59 Mdulos60Es cuando un diseo ha sido compuesto por una cantidad de formas, las identicas o similares entre s son Formas unitarias o mdulos.

Los mdulos tienden a unificar el diseo. Repeticin de Mdulos61La repeticin es el mtodo ms simple para el diseo.

La repeticin de mdulos siempre aporta sensacin una inmediata sensacin de armona.

Tipos de repeticin6263

FiguratamaoTexturaColorDireccinVariaciones en la repeticin6465

repetidasindefinidasgradacinalternadasSimilares66 Submdulos y supermdulosEl encuentro de los cuatro crculos6768

linealcuadradatriangularen rombocircularRepeticin y reflexin6970

71Ejemplos

72

73

74

75

76

77

Refrigerio ??5 min

Estructura7878Qu es estructura?79 Estructura80Debe gobernar la posicin de las formas en un diseo.

Por regla general, impone un orden y predetermina las relaciones internas las formas en un diseo.

La estructura esta siempre presente cuando hay una organizacin.Una estructura puede ser:1. Formal2. Semiformal3. Informal4. Inactiva5. Activa6.Invisible 7.Visible

81 1. Estructura formal82Aparecen construidas de manera rgida, matemtica.

El espacio queda dividido en una cantidad de subdivisiones.

Nos d una fuerte sensacin de regularidad

2. Estructura semiformal83Es bastante regular , pero existe la ligera regularidad.

Puede componerse o no de lneas estructurales que determinan la disposicin de mdulos.

3. Estructura informal84No tiene lneas estructurales.

La organizacin es libre y definida.

85 4. Estructura inactiva86 5. Estructura activa

6. Estructura invisible87Son invisibles, sean formales, semiformal, informales,activas o inactivas.

Las lneas son conceptuales.

Son activas, pero no son lneas visibles,en un grosor mesurable.88 7. Estructura visible

8. Estructura de repeticin89Esta estructura de repeticin es formal y puede ser activa o inactiva, visible o invisible. Queda dividida en subdivisiones estructurales de exactamente la misma forma y tamao.

La estructura de repeticin es la ms simple de todas.9. El enrejado bsico y algunas variaciones9091

enrejado bsicoproporcindireccin92

Desliza -mientocurvaquebradoreflexin93

combinacindivisionesulterioresenrejado triangular94

Enrejado hexagonal10. Estructura de multiple repeticin9596

CurvaquebradoreflexinSuperposicin de estructuras de repeticin9798

99Ejemplos

100

101

102

103

104

Tarea 2 / Valor 6pts Entrega (28 de Abril)Repeticin y estructura- Hacer 1 composiciones blanco y negro en formato carta.- Estructura en repeticin formal, activa en invisible. Realizar repeticiones en sub - mdulos y super-mdulos.- Utilizar formas geomtricas que no sean complejas. Integra en cada composicin 3 tipos de interrelacin de formas.- Utilizar material resistente(cartulina, construccin, etc.)- La entrega se har en una carpeta.106

107

108

109

Clase 3Mdulo llDiseo bidimensional5. Similitud6. Gradacin

110

Similitud111111Qu es similitud?112Las figuras pueden parecerse entre si sin embargo no son idnticas

No tiene la estricta regularidad de la repeticin, pero si la sensacin de regularidad.113 Similitud de mdulos114 Se refiere a la similitud de las figuras de los mdulos.

La figura siempre es el elemento principal para establecer una relacin de similitudSimilitud de figuras115116

AsociacinimperfeccinDistorcin espacial117

uninsustraccinTensin o compresin118

Cul es similitud y cul gradacin?119

Similitud y gradacinLa estructura de similitud120121

122Ejemplos

123

124

125

126

127

128

Tarea 3 / Valor 3pts Entrega (29 de Mayo)Similitud- Hacer 1 composicin blanco y negro en formato carta.- Estructura en repeticin formal o semiformal, activa e invisible.- Incluir similitud en la repeticiones de las figuras.- Tomar en cuenta los tipos de similitudes: asociacin imperfeccin, distorsin espacial, unin, sustraccin, tensin y compresin.- Utilizar formas geomtricas que no sean complejas. Integra interrelacin de formas.- Utilizar material resistente(cartulina, construccin, etc.)

130

hasta que !!TERMINEN!!

Gradacin131131Qu es gradacin?132Gradacin de mdulos133 La mayor parte de los elementos visuales o de relacin pueden ser utilizados en gradacin.134

Gradacin en el planoRotacin en el planoProgresin en el plano135 Gradacin espacialRotacin espacialProgresin espacial

136

Gradacin en la figuraUnin y sustraccinTensin y compresin137

138

139

140 Modelos de gradacin Importan dos factores, la serie de gradacin y la direccin del mov.

La serie de gradacin quedan marcados por una situacin inicial y otra final141

Mov.paraleloMov.ConcentricoMov. enzigzag142

143 La estructura de gradacin144

tamao direccin deslizamientocurvaturaReflexincombinacinDivisin ulteriorEnrejado: triangularhexagonal145

146

Gradacin alternada147Ejemplos

148

149

150

Tarea 4 / Valor 4pts Entrega (29 de Mayo) Gradacin Hacer 1 composicin blanco y negro en formato carta.Tomar en cuenta la gradacin del plano y la gradacin de figuras. Colocar las figuras de acuerdo al siguiente modelo secuencial. 1,2,3,4,5,6,5,4,3,2,1. - Tomar en cuenta la estructura en gradacin.Trabajar la estructura en repeticin formal, activa e invisible, utilizando formas geomtricas sencillas, integra interrelacin de formas.- Utilizar material resistente.152

Clase 4Mdulo llDiseo bidimensional7. Radiacin8. Anomala

153 Radiacin154Qu es radiacin?155Radiacin156Es un caso especial de la repeticin.Es un fenmeno comn en la naturaleza: Flores, tirar una piedra sobre el agua.

Puede tener un efecto de vibracin ptica que encontramos en la gradacin

Es muy til cuando se requiera de un diseo vigoroso y atrayente.

Caractersticas de un esquema de radiacin1571. Es generalmente multisimtrico.

2. Posee un poderoso punto focal, situado en el centro.

3. Puede generar energa ptica y movimiento desde o hacia el centro.

La estructura de radiacin158Establecen sus variaciones y complejidad.

Centro de radiacin: Es el punto focal alrededor de los mdulos, no siempre este se encuentra en el centro.

Direcciones de radiacin: Centrfuga, concntrica, centrpeta.

Estructuracentrfuga159Caractersticas160Las lneas estructurales se irradian regularmente desde el centro o desde sus cercanas hacia todas las direcciones

161

Estructura bsicaCurvatura o quebrantamiento de lneas estructuralesCentro de posicin excntrica162

Apertura del centro de radiacinCentros mltiples abriendo el centroCentros mltiples dividiendo y deslizando el centro163

Centros mltiples ocultos combinando estructuras de radiacin excntricasEstructuraconcntrica164Caractersticas165En lugar de irradiar desde el centro, las lneas estructurales rodean al centro con capas regulares

166

Estructura bsicaTraslado de centros167

La espiral168

Centros mltiplesCentros distorsionados ocultos ambos169

Rotacin gradual en capas concntricasCapas concntricas con radiaciones centrfugasCapas concntricas reorganizadasEstructuracentrpeta170Caractersticas171El centro no est donde habrn de converger todas las lneas estructurales sino hacia donde apuntan todos los ngulos.

172

Estructura bsicaCambio de direccinCurvatura o quebrantamientoApertura del centroSuperposicin de estructuras de radiacin173174

El mismo tipo2 estructuras de radiacinUna estructura dominar depende de la figura y la colocacinRadiacin y repeticin175176

Lneas trasladadasSuperpuestas sobre formas simplesSubdivisiones estructurales y mdulos177178

CentrfugaConcntricaCentrpetaMdulos en radiacin179180

Mdulos de tamao mayor181182

183Ejemplos

184

185

186

187

188

Tarea 5 / Valor 5pts Entrega (07 de Junio) Radiacin Hacer 1 composiciones blanco y negro en formato carta.- Combinar 2 de las estructuras sig. (Centrfuga, concentrica, centrpeta)- Utilizar mdulos de gradacin para la radiacin.- Composicin excntrica.- Estructura activa e invisible.Utilizar material resistente.190

Tarea 5 / Valor 10pts Entrega (19 de Mayo) Trabajo final Hacer una composicin bidimensional, para promover el animal geomtrico que entregaron para el mdulo anterior.La composicin debe ser trabajada en base a los fundamentos bidimensionales desarrollados en este mdulo.Tomar en cuento la relacin figura fondo.Colocar un texto corto que refuerce la composicin.La entrega ser en un formato tamao tabloide(11 X 17 pulg).-La tcnica que aplicaran ser libre.Clase 5 Mdulo llDiseo bidimensional8. Anomala9. Concentracin

192 Anomala193Qu es anomala?194Anomala195La anomala es la presencia de la irregularidad en un diseo en el cual an prevalecer la regularidad.

A veces la anomala es slo un elemento singular dentro de una organizacin uniforme.

Algunos ejemplos

196

197En el diseo , el uso de la anomala debe de responder a una verdadera necesidad. Debe tener un propsito definido, los cuales veremos a continuacin.

198

Atraer la atencinAliviar la monotona199

Transformar la regularidadQuebrar la regularidadAnomala entre los mdulos200201Existe la regularidad entre los mdulos cuando estn relacionados entre si bajo algunas disciplinas: repeticin, similitud o gradacin.

Un mdulo anmalo no tiene que ser diferente en todo sentido respecto a la regularidad general.

202

203La anomala puede ser comparativa.1. Un mdulo anmalo puede ser ms anmalo que otro.2. La anomala puede ser sutil.3. Tambin extremadamente prominente.

204

205

206Los mdulos anmalos pueden llamar la atencin:207

1.La anomala es prominente.

208

2. Todos los mdulos parecen estar en una zona restringida.

209

3. Hay pocos o slo un mdulo anmalo.

Anomala dentro de las estructuras210211

Pueden cambiar de posicin o direccinpueden cercenar porciones212

Distorsin en las subdivisionesAnmalos 213Ejemplos

214

215

216

217

Concentracin218Qu es concentracin?219220Se refiere a la manera en que los mdulos de una composicin esta distribuidos, pueden estar reunidos en ciertas zonas del diseo o levemente repartidos en otras

La distribucin es despareja e informal.

La concentracin de mdulos en estructuras formales221222

Ausencias frecuentesCambios posicionalesCambios cuantitativosLa estructura de concentracin223224

Hacia un puntoDesde un punto225

Hacia una lneaDesde una lnea226

Concentracin libreSper concentracindesconcentracinMdulos en estructuras de concentracin227228Es mejor si los mdulos de concentracin son de un tamao relativamente pequeos, para utilizarlos en gran cantidad y construir la densidad adecuada en los sitios adecuados.

Las figuras de los mdulos no tiene que ser de una sola clase.229Ejemplos

230

231

Tarea 7 / Valor 4pts Entrega (01 de Junio) Concentracin Hacer 1 composiciones blanco y negro en formato carta. - La estructura de concentracin puede ser hacia o desde un punto o una lnea, etc.- Utilizar mdulos de concentracin pequeos.- Utilizar 2 tipos de figuras como mximo.Clase 5 Mdulo llDiseo bidimensional10. Contraste 11. Textura

233 Contraste234235Qu elementos pueden ser contrastantes?

- Lnea recta se cruza con una curva- Formas grandes y formas peque.- Direcciones verticales y horizontales

236El contraste existe aunque su presencia pueda no ser advertida.

Es muy flexible. Puede ser suave o severo, difuso u obvio, simple o complejo.

Es slo una clase de comparacin, por la cual las diferencias se hacen claras.

EjemploA B

237CContraste, regularidad y anomala238239Existe un contraste entre la anomala y la regularidad por que la regularidad es la observacin de cierta clase de disciplina, mientras la anomala es la desviacin de ella.

La regularidad no produce necesariamente un buen diseo, aunque puede garantizar cierto grado de armona.

Contraste de elementos visuales o de relacin240241FiguraTamaoColorTextura

242

Direccin PosicinEspacioGravedadContraste dentro de una forma243244

formafiguraposicinespacioEstructura informal es como distribuir dos pesos desiguales a distancias desiguales de ese centroLa estructura de contraste245246

Direccin para provocar agitacinPosicin dispuestos hacia los bordes247

Espacios positivos y negativosGravedad caen de posiciones altas y bajas248Ejemplos

249

250

251

252

Textura253254