Mdulo II

Unidad III
Formas y figuras
Clase 1

1. Introduccin

Qu es Diseo?

El 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
4

El lenguaje visual

El 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
6

Interpretando el lenguaje visual

El 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
8

Elementos del Diseo

Se distinguen 4 grupos
Elementos
conceptuales
Elementos visuales
Elementos de relacin
Elementos prcticos

Elementos
Conceptuales

10

El punto

Indica posicin. No tiene largo

ni ancho.No ocupa un zona del
espacio, es el principio y fin de
una lnea.

La lnea

Es la proyeccin de un punto,
tiene largo , pero no ancho, tiene
posicin, pero no direccin, forma
los bordes de un plano .

El plano

Es 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
volumen
11

Es el recorrido de un plano en

Elementos
Visuales

12

Forma

Es todo lo que puede ser

visto y podemos
identificar

Tama
o

Todas las formas tienen

tamao y es posible
medirlas.

Color

Los colores poseen

variaciones tonales y
cromticas.

Textura

Se refiere a las formas que

pueden tener las superficies,
plana relieve, suave13

Elementos de
Relacin

14

Direcci
n

La direccin de una forma

depende de la relacin
con el marco de referencia
que contiene las formas.

Posici
n

La posicin de una forma

va a depender de la
relacin del marco
respecto al cuadro

Espacio
S e refiere a que las
forma por muy peq que
sean ocupan un espacio,
puede estar ocupado o
vaco

Graveda
d
15

La sensacin de gravedad no

Elementos
Prcticos

16

Elementos
de
Representacin
Elementos
de
Significado
Elementos de Funcin
17

Elementos 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.
18

19

22

23

24

25

Elementos de
Significado
El significado se hace presente
cuando el diseo transporta un
mensaje.

26

27

Elementos de
Funcin
La funcin se hace presente
cuando un diseo debe servir un
determinado propsito.

28

29

30

31

32

33

34

La referencia al marco

La referencia al marco no
supone necesariamente
un marco real.
El marco puede ser de
cualquier forma.

35

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

36

Forma y estructura
La 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
37

Refrigerio ??
10 min

38

2. Forma

39

La forma y los elementos

conceptuales

Cuando son visibles se

convierten en formas que
pueden tener una figura, un
tamao, un color y una
textura.
40

La forma como
punto, lnea,

41

42

La forma como
plano y volumen

43

44

Formas
positivas y negativas

45

46

La forma y la distribucin de color

47

48

49

Interrelacin de
formas

50

Distan
cia
Toque
Superposi
51

Penetrac
in
Unin
Sustracci
52

Intersecci
n
Coincide
ncia
53

Interrelacin de
formas

54

Tarea 1
4pts

Valor
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 ritmo

56

Mdulo II, segunda clase

Unidad III

Diseo
Bidimensional

57

Repeticin

58

Qu es
repeticin?
59

Mdulos
Es 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.

60

Repeticin de Mdulos
La repeticin es el mtodo ms
simple para el diseo.
La repeticin de mdulos
siempre aporta sensacin una
inmediata sensacin de
armona.
61

Tipos de
repeticin
62

Figura
tama
o
Color
Textura
Direcci
63

Variaciones en
la repeticin
64

repeti
das
indefini
das
alternad
as
gradaci
n
Similar
es
65

Submdulos y
supermdulos
66

El encuentro de
los cuatro
crculos
67

lineal
cuadrad
a
en
rombo
triangu
lar
circular

68

Repeticin y
reflexin
69

70

Ejemplos
71

72

73

74

75

76

Refrigerio ??
5 min

77

Estructura

78

Qu es
estructura?
79

Estructura
Debe 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

80

Una estructura puede

ser:
1. Formal
2. Semiformal
3. Informal
4. Inactiva
5. Activa
6.Invisible
7.Visible

81

1. Estructura formal
Aparecen construidas de
manera rgida, matemtica.
El espacio queda dividido en
una cantidad de subdivisiones.
Nos d una fuerte sensacin
de regularidad
82

2. Estructura semiformal
Es bastante regular ,
pero existe la ligera regularidad.
Puede componerse o no de lneas
estructurales que determinan la
disposicin de mdulos.

83

3. Estructura informal

No tiene lneas estructurales.

La organizacin es libre y definida.

84

4. Estructura inactiva

85

5. Estructura activa

86

6. Estructura invisible
Son invisibles, sean formales,
semiformal, informales,
activas o inactivas.
Las lneas son conceptuales.
Son activas, pero no son lneas
visibles,

87

7. Estructura visible

88

8. Estructura de repeticin
Esta 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.
89

9. El enrejado bsico y algunas

variaciones

90

enreja
do
bsico

proporci
n
direcci
n
91

Desliz
amiento

curva
quebrad
o
reflexi
n
92

combinac
in
division
es
ulteriore
s
enrejad
o

93

Enrejado
hexagonal

94

10. Estructura de
multiple repeticin

95

Curva
quebrad
o
reflexi
n
96

Superposicin de estructuras de
repeticin

97

98

Ejemplos
99

100

101

102

103

104

Tarea 2
6pts

Valor
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

106

107

108

109

Clase 3

Mdulo ll
Diseo bidimensional
5. Similitud
6. Gradacin

110

Similitud

111

Qu es
similitud?
112

Las 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 mdulos
Se refiere a la similitud de
las figuras de los mdulos.
La figura siempre es el
elemento principal para
establecer una relacin de
similitud

114

Similitud de
figuras
115

Asociac
in
imperfecc
in
Distorcin
espacial

116

unin

sustracci
n

Tensin
o
compres
in
117

Cul es similitud y
cul gradacin?

118

Similitud y
gradacin

119

La estructura
de similitud
120

121

Ejemplos
122

123

124

125

126

127

128

Tarea 3
3pts

Valor
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,

hasta que
!!TERMINEN

130

Gradacin

131

Qu es
gradacin?
132

Gradacin de mdulos
La mayor parte de los
elementos visuales o de
relacin pueden ser
utilizados en gradacin.
133

Gradacin en el plano
Rotacin en el
plano

Progresin en el
plano
134

Gradacin espacial
Rotacin espacial

Progresin
espacial
135

Gradacin en la figura
Unin y
sustracci
n

Tensin
y
compres
136

137

138

139

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 final
140

Mov.
parale
lo
Mov.
Concen
trico
Mov.
en
zigzag
141

142

La estructura de gradacin

143

tamao
direccin
deslizamie
nto
curvatura
Reflexin
combinaci
n
Divisin
ulterior
Enrejado:
triangular
144

145

Gradaci
n
alterna
da
146

Ejemplos
147

148

149

150

Tarea 4
4pts

Valor

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.

152

Clase 4

Mdulo ll
Diseo bidimensional
7. Radiacin
8. Anomala

153

Radiacin

154

Qu es
radiacin?
155

Radiacin

Es 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
156

Caractersticas de un esquema de
1. Es generalmente
radiacin

multisimtrico.

2. Posee un poderoso punto

focal,
situado en el centro.
3. Puede generar energa
ptica y

157

Establecen
sus variaciones
y
La estructura
de radiacin
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,

158

Estructura
centrfuga
159

Caractersticas
Las lneas estructurales se
irradian regularmente
desde el centro o desde
sus cercanas hacia todas
las direcciones
160

Estruct
ura
bsica

Curvatura o
quebrantam
iento de
lneas
estructurale
s

Centro
de
posici
n
excntr
ica

161

Apertura
del
centro
de
radiaci

Centros
Centros
mltiples
mltiples
dividiendo y
abriendo el
deslizando
centro
el centro
162

Centros mltiples
ocultos combinando
estructuras de radiacin
excntricas

163

Estructura
concntrica
164

Caractersticas
En lugar de irradiar desde
el centro, las lneas
estructurales rodean al
centro con capas
regulares
165

Estructura bsica

Traslado de centros

166

La espiral

167

Centros
mltiples

Centros
distorsiona
dos ocultos
ambos

168

Rotacin
gradual
en capas
concntric
as

Capas
concntric
as con
radiacione
s
centrfugas

Capas
concntric
as
reorganiza
das
169

Estructura
centrpeta
170

Caractersticas
El centro no est donde
habrn
de converger todas las
lneas estructurales sino
hacia donde apuntan
todos los ngulos.
171

Estructura bsica

Cambio de
direccin

Curvatura o
Apertura
quebrantami del centro
172

Superposicin
de estructuras
de radiacin
173

Una estructura
dominar
2
estructura depende de la
figura y la
s de
colocacin
radiacin

El
mismo
tipo
174

Radiacin y
repeticin
175

Lneas
trasladadas

Superpues
tas
sobre
formas
simples
176

Subdivisiones
estructurales y
mdulos
177

Centrf
uga

Concnt
rica

Centrp
eta
178

Mdulos en
radiacin
179

180

Mdulos de
tamao mayor
181

182

Ejemplos
183

184

185

186

187

188

Tarea 5
5pts

Valor

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.

190

Tarea 5
10pts

Valor

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).

Clase 5

Mdulo ll
Diseo bidimensional
8. Anomala
9. Concentracin

192

Anomala

193

Qu es
anomala?
194

Anomala

La 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.
195

196

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

Atraer
la
atenci
n
Aliviar la
monoton
a
198

Transforma
r la
regularida
d
Quebrar
la
regulari
dad

199

Anomala entre
los mdulos
200

Existe 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.
201

202

La anomala puede ser

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

204

205

Los mdulos anmalos

pueden llamar la
atencin:
206

1.La
anomala
es
prominen
te.

207

2. Todos los mdulos parecen

estar
en una zona restringida.

208

3. Hay pocos
o
slo un
mdulo
anmalo.

209

Anomala
dentro de las
estructuras
210

Pueden
cambiar
de posicin o
direccin
pueden
cercenar
porcione
s

211

Distorsin
en las
subdivision
es
Anmalo
s
212

Ejemplos
213

214

215

216

217

Concentracin

218

Qu es
concentracin?
219

Se 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.

220

La
concentracin
de mdulos en
estructuras
formales
221

Ausencia
s
frecuent
es

Cambios
posicion
ales

Cambios
cuantitati
vos

222

La estructura
de
concentracin
223

Hacia un
punto

Desde
un punto

224

Hacia
una
lnea

Desde
una
lnea

225

Concentra
cin libre

Sper
concentracin

desconcentraci
n

226

Mdulos en
estructuras de
concentracin
227

Es 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

228

Ejemplos
229

230

231

Tarea 7
4pts

Valor

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

Clase 5

Mdulo ll
Diseo bidimensional
10. Contraste
11. Textura

233

Contraste

234

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

235

El 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

236

Ejemplo

B
C

237

Contraste,
regularidad y
anomala
238

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

239

Contraste de
elementos
visuales o de
relacin
240

Figu
ra
Tamao

Color

Textura

Direcci
n
Posici
n

Espacio
Graved
ad
242

Contraste
dentro de una
forma
243

form
a

figur
a

posici
n

espac
io

Estructura
informal es
como
distribuir
dos pesos
desiguales
a distancias
desiguales
244

La estructura
de contraste
245

Direccin
para
provocar
agitacin
Posicin
dispuestos
hacia los
bordes
246

Espacios
positivos y
negativos

Gravedad
caen de
posiciones
altas y
bajas
247

Ejemplos
248

249

250

251

252

Textura
253

254