Diseño Básico

76
1 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

description

Aspectos y conceptos basicos claros y definidos sobre el diseño

Transcript of Diseño Básico

Page 1: Diseño Básico

12

Introducción

DISEÑO BÁSICOEs 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

Page 2: Diseño Básico

12 2

Page 3: Diseño Básico

Diseño Básico

34

Conceptos Básico* PuntoIndica posición, no tiene largo ni ancho. Indica posición y es el comienzo y el fin de una línea.

* LíneaCuando 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.

Page 4: Diseño Básico

34 4

* PlanoEs 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.

* VolumenEs 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.

Page 5: Diseño Básico

Diseño Básico

56

* FormaTodos 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.

*MedidaTodas las formas tiene un tamaño. el tamaño es relativo si lo describimo en pequeñez, pero asimismo es fisicamente mensurable.

Page 6: Diseño Básico

56 6

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

*TexturaSe 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.

Page 7: Diseño Básico

Diseño Básico

78

Modulación

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

Page 8: Diseño Básico

78 8

2 SuperposiciónCuando dos o más formas se cruzan sobre la otra y parecen estar por encima.

3 PenetraciónIgual 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.

Page 9: Diseño Básico

Diseño Básico

910

4 UniónLas dos formas se cruzan pero estas se convierten en una forma nueva. Ambas formas pierden una parte de su contorno.

5 SustracciónCuando una forma invisible se cruza sobre una forma visible. En otras palabras es la superposición de una forma negativa sobre una positiva.

Page 10: Diseño Básico

910 10

7. CoincidenciaSi acercamos aún más ambas formas, habrán de coincidir. los dos circulos se convierten en

6 IntersecciónEs igual que la penetración pero solamente es visible la parte donde ambas formas se cruzan entre sí.

Page 11: Diseño Básico

Diseño Básico

11

Repetición

La repetición es el método más simple para el diseño, suele aportar una inmediata sen-

sación de armonía. Cuando los módulos se uti-lizan en gran tamaño y pequeñas cantidades el diseño puede llegar a ser simpe y audaz; cuan-do 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

Page 12: Diseño Básico

1211

2. Alteradas

3. Gradación

4. Similares entre otros.

*Submódulos: un modulo puede estar com-puesto por elementos más pequeños que se uti-lizan en repetición.

*Supermódulos: son módulos que al ser orga-nizados en un diseño, se agrupan para conver-tirse en una forma mayor. Que luego se utiliza en repetición denominados supermódulos.

Page 13: Diseño Básico

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

Page 14: Diseño Básico

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.

1413

Page 15: Diseño Básico

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

Page 16: Diseño Básico

3. Deslizamiento

4. Curvatura o quebrado

15 16

Page 17: Diseño Básico

Diseño Básico

6. Combinacion

17

5. Reflexion

Page 18: Diseño Básico

7. Divisiones

17 18

Page 19: Diseño Básico

Diseño Básico

19

8. Triangular

Page 20: Diseño Básico

19 20

*Estructuras de múltiple repeticiónCuando 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.

Page 21: Diseño Básico

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 planoLa 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

Page 22: Diseño Básico

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.

2221 22

Page 23: Diseño Básico

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ónUn 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

Page 24: Diseño Básico

Gradación en la figura: Secuencia de gradaciones que resulta de un cambio real de la figura:

a. Unión y sustracciónCambio 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ónComo 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.

23 24

Page 25: Diseño Básico

Velocidad de gradaciónCuando 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ónLo 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

Diseño Básico

25

Page 26: Diseño Básico

diagonales. También hay otras maneras de progresión como:

25 26

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 5

5

5

5

5

4

4

4

4

3

3

3

3

2

2

2

2

1

1

1

1

3 4

Page 27: Diseño Básico

Diseño Básico

27

b. ConcéntricoEs 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

4

5

3

2

3

4

2

1

2

3

3

2

3

4

4

3

4

5

Page 28: Diseño Básico

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

5

6

7

6

4

5

6

5

3

4

5

4

2

3

4

3

1

2

3

2

27 28

Page 29: Diseño Básico

Diseño Básico

29

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

Page 30: Diseño Básico

29 30

b. DirecciónHorizontales y/o verticales pueden ser inclinadas a cualquier dirección.

Page 31: Diseño Básico

Historia del D

iseño

31

c. DeslizamientoLa hilera de una subdivisión puede ser deslizada regularmente, para que ninguna sea tatamente vecina o este encimada una a la otra.

Page 32: Diseño Básico

31 32

d. CurvaturaTodas las líneas horizontales y verticales se modifican ya siendo curvado o quebrado gradualmente.

Page 33: Diseño Básico

Diseño Básico

33

e. CombinaciónSon subdivisiones que pueden ser combinas para formar figuras más complejas.

Page 34: Diseño Básico

33 34

f. División UlteriorLas estrcturas de gradacion pueden ser divididas en figuras mas mas pequeñas o mas complejas.

Page 35: Diseño Básico

Historia del D

iseño

35

g. Triangular y hexagonalEs 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.

Page 36: Diseño Básico

35 36

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.

Page 37: Diseño Básico

Historia del D

iseño

37

Radiación

La 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

Page 38: Diseño Básico

37 38

Estructura de radiaciónSe 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ífugaEs 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ásicaSon líneas estructurales rectas, que se irradian des el centro. Todos los ángulos formados en el centro por líneas deben ser iguales.

Page 39: Diseño Básico

Diseño Básico

39

b.Curvatura o quebrantamiento de líneas estructuralesLas líneas puedes ser interrumpidas por curvas o quebradas como lo desee.

Page 40: Diseño Básico

4039 40

c. Centro en posición excéntricaUna 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.

Page 41: Diseño Básico

Historia del D

iseño

41

d. Centros múltiples abriendo el centro de radiaciónUna vez abierto el centro de radiación los vértices de esta figura puede convertirse en centros de radiación.

Page 42: Diseño Básico

41 42

e. Centros múltiples, dividiendo y deslizando el centro de radiaciónUn 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.

Page 43: Diseño Básico

Historia del D

iseño

43

f. Combinación sectores de radiación excéntricaSon 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.

Page 44: Diseño Básico

43 44

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ásicaEsta se compone de capas de circulos, que encierran al centro del diseño.

Page 45: Diseño Básico

Historia del D

iseño

45

b. Enderezamiento, curvatura o quebrantamiento Las líneas estructurales pueden ser enderezadas curvadas o quebradas en forma regular y como s desee.

Page 46: Diseño Básico

45 46

c. Traslado de los centrosEn 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.

Page 47: Diseño Básico

Historia del D

iseño

47

e. Centros distorsionados ocultos o ambas cosasPuede tener la misma manera de un centro múltiple pero el diseño puede contener un centro distorsionado.

Page 48: Diseño Básico

47 48

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.

Page 49: Diseño Básico

Diseño Básico

49

g. Capas concéntricas con radiaciones centrifugas:La construcción de radiaciones centrifugas dentro de cada capa concéntrica.

Page 50: Diseño Básico

49 50

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.

Page 51: Diseño Básico

Historia del D

iseño

51

Estructura CentrípetaSon 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.

Page 52: Diseño Básico

51 52

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.

Page 53: Diseño Básico

Historia del D

iseño

53

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.

Page 54: Diseño Básico

53 54

d. Apertura del centro de radiación: Deslizando los sectores de una estructura, el centro de radiación puede ser abierto, en cualquier forma.

Page 55: Diseño Básico

Diseño Básico

55

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.

Page 56: Diseño Básico

55 56

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.

Page 57: Diseño Básico

Diseño Básico

57

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.

Page 58: Diseño Básico

57 58

b) En la concentrica, son formas de anillo que se acomodan solo a modulos de naturaleza lineal.

Page 59: Diseño Básico

Diseño Básico

59

c) en la centrípeta las subdivisiones queda definidas por conjunto de de líneas paralelas que se encorvado o tuercen hacia el centro.

Page 60: Diseño Básico

59 60

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.

Page 61: Diseño Básico

Diseño Básico

61

Anomalía

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.

Page 62: Diseño Básico

61 62

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.

Page 63: Diseño Básico

Diseño Básico

63

• Su ubicación en el diseño puede ser ordenada o casual, generando movimiento y agregando énfasis.

Page 64: Diseño Básico

63 64

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.

Page 65: Diseño Básico

Diseño Básico

65

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.

Page 66: Diseño Básico

65 66

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

Page 67: Diseño Básico

Diseño Básico

67

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.

Page 68: Diseño Básico

67 68

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.

Page 69: Diseño Básico

Diseño Básico

69

c. los elementos pueden distorsinarsen con las subdivisiones, pero su relación con las subdivisiones siguen siendo igual.

Page 70: Diseño Básico

69 70

d. Pueden ser anómalos si mantienen una clase de regularidad entre si mismos. e. Puede convertirse en variablemente anómalos.

Page 71: Diseño Básico

Diseño Básico

71

Contraste

Existe 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ónUsos 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.

Page 72: Diseño Básico

71 72

b. Contraste de tamañoEl 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 texturaalgunos 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ónDos 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ónUna forma es reconocida por su relación con el marco o el centro, o subdivisiones estructurales que las contienen. Arriba/ abajo, izquierda/ derecha.

Page 73: Diseño Básico

Diseño Básico

73

f. Contraste de espacioEl 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:

Page 74: Diseño Básico

73 74

a. DirecciónSon utilizadas para provocar una agitación, asimismo tenemos libertad de poner los módulos en grados variables de contrastes entre ellos.

Page 75: Diseño Básico

Diseño Básico

75

b. Posición: Los módulos pueden ser dispuestos hacia los bordes opuestos del marco, creado tensión entre ellos.

c. EspacioSe juega con la sustracción de módulos en este podemos producir contrastes especiales como comprimirlos, chocar entre si o quedar vacios.

Page 76: Diseño Básico

75 76

d. GravedadLos módulos que caen desde posiciones altas o bajas. O que ascienden de bajas a altas.