Introducción
DISEÑO BÁSICO Es la estructura de toda la carrera de Diseño Grafico ya que en ella encontramos todas las bases y complementos de todas las materias vistas en los últimos tres años en la Corporación Internacional para el Desarrollo Educativo CIDE. El diseño grafico exige practica, ejercicio visual, componer, manejar, ofrecer calidad y trasmitir algo a un público critico
12
2
Diseño Básico
Conceptos Básico * Punto Indica posición, no tiene largo ni ancho. Indica posición y es el comienzo y el fin de una línea.
* Línea Cuando un punto se traslada, su recorrido se transforma en una línea, tiene largo mas no ancho. Esta limitado por puntos y tiene posición y dirección.
34
* Plano Es el recorrido de una línea en movimiento de dirección distinta a la suya, tiene largo ancho más no grosor. Limitado por líneas y tienen posición y dirección.
* Volumen Es el recorrido de un plano en movimiento de dirección distinta a la suya, está limitado por planos y forma un diseño bidimensional ilusorio.
4
Diseño Básico
* Forma Todos los elementos visuales constituyen lo que generalmente llamamos “forma”, es la que aporta la identificación principal en nuestra percepción pero no solo es “forma” lo que se ve, también es una figura de tamaño, color y textura determinada.
*Medida Todas las formas tiene un tamaño. el tamaño es relativo si lo describimo en pequeñez, pero asimismo es fisicamente mensurable.
56
*Color: una forma se distingue de sus cercanĂas por medio del color, no solo por los del espectro solar tambiĂŠn (blanco, negros, los intermedios y sus variaciones tonales y cromĂĄticas.
*Textura Se refiere a la superficie de una forma. Puede ser plana o decorada, suave o rugosa donde atrae a los sentidos del tacto y la vista.
6
Diseño Básico
Modulación
C
uando un diseño ha sido compuesto por una o más formas iguales o similares entre si son catalogadas esto tiende a unificar un diseño. Estos pueden contener más de un conjunto de módulos. La modulación de elementos puede variar jugando con efectos espaciales en interrelaciones de formas por ejemplo: 1 Toque: Acercamiento de ambas formas, empiezan a rozar.
78
2 Superposici贸n Cuando dos o m谩s formas se cruzan sobre la otra y parecen estar por encima.
3 Penetraci贸n Igual que la superposici贸n pero ambas formas parecen trasparentes no hay ambas formas parecen trasparentes, es decir ninguna de ellas pierden sus contorno, siguen siendo enteramente visibles.
8
Diseño Básico
4 Unión Las dos formas se cruzan pero estas se convierten en una forma nueva. Ambas formas pierden una parte de su contorno.
5 Sustracción Cuando una forma invisible se cruza sobre una forma visible. En otras palabras es la superposición de una forma negativa sobre una positiva.
910
6 Intersección Es igual que la penetración pero solamente es visible la parte donde ambas formas se cruzan entre sí.
7. Coincidencia Si acercamos aún más ambas formas, habrán de coincidir. los dos circulos se convierten en
10
Diseño Básico
Repetición
L
a repetición es el método más simple para el diseño, suele aportar una inmediata sensación de armonía. Cuando los módulos se utilizan en gran tamaño y pequeñas cantidades el diseño puede llegar a ser simpe y audaz; cuando son infinitamente pequeños tienden a ser ejemplos de textura.
Cuando la repetición de elementos puede ser monótona o no causar la sensación de orden o armonía, debe explorarse las variaciones direccionales o espaciales 1. Repetidas
11
2. Alteradas
3. Gradación
4. Similares entre otros.
*Submódulos: un modulo puede estar compuesto por elementos más pequeños que se utilizan en repetición. *Supermódulos: son módulos que al ser organizados en un diseño, se agrupan para convertirse en una forma mayor. Que luego se utiliza en repetición denominados supermódulos. 12
Diseño Básico
Estructura Una estructura es la base que gobierna la posición de las formas en un diseño. Este impone un orden y predetermina las relaciones internas de las formas en un diseño. Una estructura puede ser: 1 Formal: es construida de forma rígida, las líneas estructurales habrán de guiar la formación completa del diseño. El espacio queda dividido en una cantidad de subdivisiones iguale o rítmicamente y las formas queda organizad con una fuerte sensación de regularidad. 2 Semiformal: son habitualmente bastante regular, pero existe la ligera irregularidad. Puede componerse o no de líneas estructurales. 3 Informal: no tienen líneas estructurales, la organización generalmente son libres e indefinidas. 13
Inactiva: Estas líneas son construidas para guiar la ubicación de las formas o de módulos pero nunca interfieren con sus figuras ni dividen el espacio en zonas distintas.
Activa: Son parecidas pero las líneas activas pueden dividir el espacio en subdivisiones individuales que interactúan de varias maneras como jugar con cada modulo positivo y negativo, posiciones, penetración entre otros. 14
Diseño Básica
* Enrejados Básicos: se compone por lineas verticales y horizontales parejament espaciadas que se crusan entre si. existen mucho ottros tipos de esctructuras de repeticion, habitualmente derivadas del basico: 1. Cambio de Proporcion
2. Direccion
15
3. Deslizamiento
4. Curvatura o quebrado
16
Diseño Básico
5. Reflexion
6. Combinacion
17
7. Divisiones
18
DiseĂąo BĂĄsico
8. Triangular
19
*Estructuras de m煤ltiple repetici贸n Cuando una estructura se compone de mas de una clase de subdiviones que se repiten en forma y tama帽o, estos m贸dulos se repiten de forma repetida a intervalos regulares.
20
Diseño Básico
Gradación
M
ás de un cambio gradual es una ilusión óptica y crea una sensación de progresión, lo que normalmente conduce a una culminación o una serie de culminaciones. Las cosas que están cerca de nosotros parecen grandes y las lejanas parecen pequeñas. En la gradación se obtiene diversos efectos por tamaño, dirección, y espacio. Gradación en el plano La gradacion en el plano no afecta ala figura ni al tamaño de los modulos. La relacion entre los modulos y el plano de la imagen perses de gradacion en el plano:
21
a. Rotaci贸n de plano Indica una gradual cambio de direccion de los modulos. una fifura puede ser rodtada sin trasladarse en el plano de la imagen.
b. Progresi贸n plano los modulos pueden ascender o descender, trasladarse de un angulo a otro de la subdivisiones, en una secuencia de movimientos regulares y graduales.
22
Diseño Básico
Gradación espacial Afecta a la figura o al tamaño de los módulos. la relación entre los modulos y el plano de la imagen no es constante. a. Rotación Un modulo puede ser rotado para que veamos cada vez un poco mas de su borde y un poco menos de su frente. La rotación especial cambia la figura del modulo.
b. Progresión es el cambio de tamaño en aumento o disminución gradual de una figura.
23
Gradaciรณn en la figura: Secuencia de gradaciones que resulta de un cambio real de la figura: a. Uniรณn y sustracciรณn Cambio gradual de posiciones sus mรณdulos, esto forman a los mรณdulos por uniรณn y sustracciรณn. Asรญ mismo pueden tener trasformaciones graduales.
b. Tensiรณn o comprensiรณn Como su nombre lo indica es el cambio de mรณdulos por fuerza interna o externa. Esta figura aparece como si fuera elรกstica afectad o por cualquier ligero empuje o atracciรณn.
24
Diseño Básico
Velocidad de gradación Cuando los pasos son pocos, la velocidad es rápida y cuando son muchos la velocidad es lenta. Es aconsejable utilizar una gradación lenta ya que es el resultado habitual de una ilusión óptica. Modelos de gradación Lo importante al momento de una construcción de del dibujo es serie de gradación: situación inicial y una situación final. Algunos casos cuando el camino es indirecto debe tomarse en consideración como la cantidad de peso entre las situaciones inicial y final tanto en velocidad y Dirección del movimiento: se refiere a su interrelación los módulos de la situación inicial pueden ser puestos en fila y procederse a lo largo, ancho, por ambos sentidos en incluso posibles 25
diagonales. También hay otras maneras de progresión como: a. Paralelo Es la más simple de todas y como su nombre lo dice es una trasformación gradual en línea recta.
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5 26
Diseño Básico
b. Concéntrico Es la trasformación de los módulos iniciando por una esquina del diseño. Este movimiento puede culminare un punto, cuadrado o cruz.
5
4
3
4
5
4
3
2
3
4
3
2
1
2
3
4
3
2
3
4
5
4
3
4
5 27
c. Zigzag Son m贸dulos de un mismo paso en forma de zigzag que se trasforman a una misma velocidad.
2
3
4
5
6
1
2
3
4
5
2
3
4
5
6
3
4
5
6
7
2
3
4
5
6 28
Diseño Básico
Estructura de Gradación la diferencia de una estructura de gradación es que sus líneas cambian de tamaño, figura o ambos, en secuencia gradual y sistemática. a. Tamaño y/o proporción
29
b. Direcci贸n Horizontales y/o verticales pueden inclinadas a cualquier direcci贸n.
ser
30
Historia del Dise帽o
c. Deslizamiento La hilera de una subdivisi贸n puede ser deslizada regularmente, para que ninguna sea tatamente vecina o este encimada una a la otra.
31
d. Curvatura Todas las lĂneas horizontales y verticales se modifican ya siendo curvado o quebrado gradualmente.
32
Diseño Básico
e. Combinación Son subdivisiones que pueden ser combinas para formar figuras más complejas.
33
f. Divisi贸n Ulterior Las estrcturas de gradacion pueden ser divididas en figuras mas mas peque帽as o mas complejas.
34
Historia del Diseño
g. Triangular y hexagonal Es una estructura de repetición puede ser trasformada en gradación teniendo en cuenta tamaño de cada figura de los triángulos y hexágonos.
Gradación Alterada En un diseño de gradación alterada se puede jugar con las subdivisiones horizontales o verticales que procede a direcciones opuestas. La forma más fácil de conseguir una gradación alterada es dividir la estructura ya (sea en filas horizontales o verticales en filas) impares y pares “A y B” variantes entre ellas. 35
Relación de módulos y estructuras en un diseño de gradación Un diseño de degradación debe hacerse notar que los modulo o estructura o ambos puede estar en degradación. Una estructura de repetición es lo bastante flexible como para contener casi todos los tipos de módulos.
36
Historia del Diseño
Radiación
L
a radiación es un fenómeno común en la naturaleza. Son estructuras que giran regularmente alrededor de un centro común produce un efecto de radiación. La radiación puede tener el efecto de vibración óptica que encontramos en la gradación, por lo tanto la radiación puede ser también denominada un caco especial de gradación. Una de sus diferencias es: * Puede generar energía óptica y movimiento, desde o hacia el centro. * Posee un vigoroso punto focal habitualmente situado en el centro del diseño. * Es multisimétrico
37
Estructura de radiación Se compone de dos factores importantes, cuyo juego reciproco establece sus variaciones y su complejidad: centrifuga, concéntrica y centrípeta. Las tres son muy dependientes entre sí. Estructura centrífuga Es la radiación más común. Son líneas estructurales que irradian regularmente en el centro o desde cercanías hacia todas las direcciones. a. Centrífuga básica Son líneas estructurales rectas, que se irradian des el centro. Todos los ángulos formados en el centro por líneas deben ser iguales. 38
Diseño Básico
b.Curvatura o quebrantamiento de líneas estructurales Las líneas puedes ser interrumpidas por curvas o quebradas como lo desee.
39
c. Centro en posición excéntrica Una radiación se caracteriza por ser el centro de físico del diseño, pero este punto puede ser colocado en cualquier parte del diseño.
40
Historia del Diseño
d. Centros múltiples abriendo el centro de radiación Una vez abierto el centro de radiación los vértices de esta figura puede convertirse en centros de radiación.
41
e. Centros m煤ltiples, dividiendo y deslizando el centro de radiaci贸n Un centro de radiaci贸n puede ser dividido en dos haciendo que una mitad y la otra irradien desde un extremo a otro manteniendo a ambos centros en una l铆nea recta.
42
Historia del Diseño
f. Combinación sectores de radiación excéntrica Son dos o más secciones de estructura de radiación que pueden ser combinadas para formar una nueva estructura de radiación es decir una radiación de múltiples centros.
43
Estructura de Concéntrica Al contrario de la estructura concéntrica, en lugar de irradiar desde el centro, la concéntrica las líneas rodean al centro en capas regulares: a. Concéntrica básica Esta se compone de capas de circulos, que encierran al centro del diseño.
44
Historia del DiseĂąo
b. Enderezamiento, curvatura o quebrantamiento Las lĂneas estructurales pueden ser enderezadas curvadas o quebradas en forma regular y como s desee.
45
c. Traslado de los centros En vez de ser cĂrculos pueden poseer un centro comĂşn, los cĂrculos pueden trasladar su centro a lo largo de una line, la cual puede ser recta, curvada, quebrada y posiblemente formar un circulo, triangulo, cuadrado entre otras.
46
Historia del DiseĂąo
e. Centros distorsionados ocultos o ambas cosas Puede tener la misma manera de un centro mĂşltiple pero el diseĂąo puede contener un centro distorsionado.
47
f. Rotación gradual de capas concéntricas Si no son capas concéntricas no son círculos perfectos sin otras figuras irregulares pueden ser rotados gradualmente.
48
Diseño Básico
g. Capas concéntricas con radiaciones centrifugas: La construcción de radiaciones centrifugas dentro de cada capa concéntrica.
49
h. Capas concéntricas reorganizadas: Por medio de las líneas estructurales puede ser unidas en cualquier instante, lo que deriva en esquemas entre tejidos, con uno o más centros.
50
Historia del Diseño
Estructura Centrípeta Son estructuras donde la secuencia de líneas quebradas o curvadas que presionan hacia el centro. El centro no está donde habrán de converger todas las líneas estructurales sino hacia donde apuntan todos los ángulos y curvas: a.Estructura básica Sectores iguales detro de cada uno de los cuales s construyen líneas paralelas, forma do una serie de ángulos que apuntan hacia el centro.
51
b. Cambio direccional de líneas: Son las líneas paralelas en que pueden cambiar de dirección para formar ángulos crecientes de unión de líneas estructurales.
52
Historia del Diseño
c. Curvatura y quebramiento de líneas Las líneas pueden ser rectas o curvas o quebradas eso hace crear diseños mas complejos dentro del esquema.
53
d. Apertura del centro de radiaci贸n: Deslizando los sectores de una estructura, el centro de radiaci贸n puede ser abierto, en cualquier forma.
54
Diseño Básico
Superposición de estructuras de radiación Toda clase de estructura de radiación requiere generalmente otra, con el fin de producir las subdivisiones estructurales. En la se coloca un modulo. Cuando una estructura es superpuesta a otra del mismo tipo el resultado es una composición compleja.
55
Radiación y repetición Pueden ser estructuras superpuestas a una estructura de repetición las líneas de radiación, de una subdivisión estructural repetitiva a la siguiente, sea interrumpida par provocar una sensación de movimiento.
56
Diseño Básico
Subdivisiones estructurales y módulos La subdivisiones estructurales son habitualmente repetitivas o de gradación, pueden ser similares o distintas. a) En la centrifuga son repetitivas tanto en figura como en tamaño. Los módulos se pueden ajustarse a la dirección.
57
b) En la concentrica, son formas de anillo que se acomodan solo a modulos de naturaleza lineal.
58
Diseño Básico
c) en la centrípeta las subdivisiones queda definidas por conjunto de de líneas paralelas que se encorvado o tuercen hacia el centro.
59
Subdivisiones estructurales y m贸dulos las subdivisiones esctructurales en un estructura de radiacion son habitualmente repetitivas o de gradaci贸n, aunque tambi茅n pueden ser similares ototalmente distintas entre si.
60
Diseño Básico
Anomalía
E
s la presencia de la regularidad en un diseño ene le cual aun prevalece la regularidad. Marca cierto grado de desviación de la conformidad general, lo que resulta en una interrupción. La anomalía debe responder a una verdadera necesidad. Debe tener un propósito. a. Atraer la atención: puede crearse un centro de interés si la anomalía se produce solo dentro de una zona restringida del diseño. b. Aliviar la monotonía: es capaz de genera movimiento y vibración. En este caso la anomalía debe ser esparcidas casual o sistemáticamente. 61
Es la presencia de la regularidad en un diseño ene le cual aun prevalece la regularidad. Marca cierto grado de desviación de la conformidad general, lo que resulta en una interrupción. La anomalía debe responder a una verdadera necesidad. Debe tener un propósito. a. Atraer la atención: puede crearse un centro de interés si la anomalía se produce solo dentro de una zona restringida del diseño. b. Aliviar la monotonía: es capaz de genera movimiento y vibración. En este caso la anomalía debe ser esparcidas casual o sistemáticamente. c. Trasformar la irregularidad: una clase de regularidad puede ser transformada en otra. A quien la anomalía es son un cambio de disciplina. 62
Diseño Básico
• Su ubicación en el diseño puede ser ordenada o casual, generando movimiento y agregando énfasis.
63
La anomalia concentrada se convierte normalmente en el centro de interes dentro de un diseño *La anomalia alivia a la monotiñia cunado los mñodulos anómalos aparecen dentro de una zona restringido. su ubicacion en el diseño puede ser ordenada o casual, generado movimientoy agregando enfasis.
64
Diseño Básico
La anomalia concentrada se convierte normalmente en el centro de interes dentro de un diseño *La anomalia alivia a la monotiñia cunado los mñodulos anómalos aparecen dentro de una zona restringido. su ubicacion en el diseño puede ser ordenada o casual, generado movimientoy agregando enfasis.
65
* La regularida puede ser transformada, una clase de modulos anómalos establecen una suerte de regularida entre si. tales módulos anomalos no sólo se relacionan regularmente entre si, sino que están dispuestos regularmente. El grupo minoritario es una anomalía respecto a la mayoría, pero a veces tal diferencia puede ser banstante difusa.
66
Diseño Básico
Anomalía dentro de estructuras Las estructuras regulares son las de repetición, gradación y radiación esto ocurre cuando las zonas del diseño, cambian en figura, tamaño o dirección, se hacen dislocadas o caen en la completa desorganización esto conlleva a la informalidad. Los módulos pueden ser afectados de las siguientes maneras: a. Estos elementos visuales puede permanecer intactos, pero pueden ser forzados a cambiar de posición o de dirección, o unos sobre otros.
67
b. Elementos visuales que permanecen intactos pero sus líneas son activas pueden cortar porciones de aquellos módulos que no estén totalmente confinados a sus respectivas subdivisiones.
68
DiseĂąo BĂĄsico
c. los elementos pueden distorsinarsen con las subdivisiones, pero su relaciĂłn con las subdivisiones siguen siendo igual.
69
d. Pueden ser an贸malos si mantienen una clase de regularidad entre si mismos. e. Puede convertirse en variablemente an贸malos.
70
Diseño Básico
Contraste
E
xiste el contraste cuando una forma está rodeada de un espacio blanco, cuando una forma es mucho mayor que otra, cuando existen direcciones verticales y horizontales. Es solo una clase de comparación por la cual las diferencias se hacen claras. Una forma pude ser similar o diferentes en otros. Contraste de elementos visuales y de relación Usos de contraste con respecto a cada uno del os elementos visuales y de relación: a. Contraste de figura: es muy complicado ya que una de las figuras puede ser descrita de múltiples maneras. Existe el contraste entre una figura geométrica y una orgánica, dos pueden ser geométricas si una de ellas tiene ángulos o esquinas. 71
b. Contraste de tamaño El contraste de tamaño es directo, el contraste ente lo grande y lo pequeño se ve ene las formas planas, mientras entre lo largo y lo corto se ve en las formas lineales. c. Contraste de color y textura algunos contrastes de color pueden ser luminoso/ oscuro, cálido/frío. Por el lado de la textura se habla de suave/rugoso, pulido/tosco. d. Contraste de dirección Dos direcciones diferentes se encuentra de 900 están en contraste máximo. Dos formas que se enfrentan entre sí crean un contraste de naturaleza muy distinta. e. Contraste de posición Una forma es reconocida por su relación con el marco o el centro, o subdivisiones estructurales que las contienen. Arriba/ abajo, izquierda/ derecha. 72
Diseño Básico
f. Contraste de espacio El espacio será también el tema de un capitulo posterior. Cuando el espacio es considerado como un plano liso, se perciben los contraste ocupado/ vacio o positivo/ negativo. g. Contraste de gravedad Hay dos tipos d contraste .estable/inestable, una forma estable es estática mientras una forma inestable sugiere movimiento y ligero/ pesado se debe al color o esta asimismo afectados por el tamaño de la figura. Estructuras de Contrastes La manipulación de contrastes de los elementos de relación puede establecer una estructura de contrastes. Se compone por ser una estructura informal, y con regularidad estricta. Se busca similito no solo entre cada uno de los elementos visuales sino también entre los elementos de relación, a fin de mantener una cesación de unida, con contraste ocasional que aporten una tensión y una excitación visual: 73
a. Direcci贸n Son utilizadas para provocar una agitaci贸n, asimismo tenemos libertad de poner los m贸dulos en grados variables de contrastes entre ellos.
74
Diseño Básico
b. Posición: Los módulos pueden ser dispuestos hacia los bordes opuestos del marco, creado tensión entre ellos.
c. Espacio Se juega con la sustracción de módulos en este podemos producir contrastes especiales como comprimirlos, chocar entre si o quedar vacios. 75
d. Gravedad Los m贸dulos que caen desde posiciones altas o bajas. O que ascienden de bajas a altas.
76