DBidimensionalDBidimensionalDBidimensional iseño
iseño
L
¿Q
u dis e e eñ s o? EN SIO NA L
Es un proceso de creacion visual con un proposito. A diferencia de las artes que cubre visiones personales del artista, el diseño cubre exigencias practicas. Un buen diseño es la mejor expresion visual de la esencia de “algo”, ya sea esto un mensaje o producto
L
SI
O
NA
L
EÑ NSEÑ O IOONAL
ÑO
SE
D B I
BI
BI
DI
SE
ÑO
D DIS D DI IMIS EÑ M EO
BDI ISEENE N ÑO D S ID BI IMÑO IONSIO IM DIM EN AL N EN E AL NS SIO D D S I DBIDII BIISD EÑBIDIMISENEIÑOONA ONALNAL M SEN IMDEISO SIONA L
El de eme l d nt ise os ño
O NA L
EN SI
BI DI M
D
D
BID IM
DI SE
ÑO
I
DI BIISD EÑ ISEIÑOONAOONALNAL SE IMDEISOE L ÑONSIÑOON AL
BI B D I ISISEÑ BID D D IMD D BDIISMENEINEMÑOE BI I B IDIEÑ SIO S O DI S ID M O NAIO N M EIM EN L NS EN Ñ E S ALI S NS IO
O
NA
el
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
Son aquellos que dan forma y contenido al diseño propiamente dicho y se separan en 4 grupos: -elementos conceptuales -elementos visuales -elementos de relacion -elementos practicos
Éstos no son visibles. No existen tal cual, sino que parecen estar presentes.
L
NA
Ñ
O DI SE EISE NS Ñ ÑO IOON AL NS
IO
NA
L
SE
D B I
BI
BI
D
DIDI DIS M SE EN Ñ SIO O
DIISEÑO EÑ O M BDI ISEENS D ID BI IMÑO ION IM DIM EN AL EN E N S DI B DI SIO SIO ION ID S S NA AL BI BI E IME EÑ N DI N DI DÑ S O A M L L M O IO E
NA
L
E co lem nc e ep nto tu s ale s
Punto: Un punto indica una posición. No tiene largo ni ancho. No ocupa una zona en el espacio. Es el principio y el fin de una línea, y es donde dos l í n e a s s e e n c u e n t r a n o s e c r u z a n .
Línea: Cuando un punto se mueve, su recorrido se transforma en una línea. La línea tiene largo pero no ancho. Tiene posición y dirección. Está limitada por puntos. Forma los bordes de un plano.
Plano: El recorrido de una línea en movimiento se convierte en un plano. Un plano tiene largo y ancho pero no grosor. Tiene posición y dirección. Está limitado por líneas. Define los límites extremos de un volumen.
Volumen: El recorrido de un plano en movimiento se convierte en un volumen. Tiene una posición en el espacio y esta limitado por planos. En un diseño bid i m e n s i o n a l , e l v o l u m e n e s i l u s o r i o .
DBidimensionalDBidimensionalDBidimensional iseño
iseño
SI
O NA L
EÑ NSEÑ O IOONAL
EÑ O
L
EN IME NS L NA N L DI B DI SIO SIO ION S DBIDII BID EÑIDIMSENEÑONA NAL AL M SEN IMDEISO SIONA L
ÑO
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M DI SE
El e vis me ua nto les s
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
Cuando los elementos conceptuales se hacen visibles, tienen forma, medida, color y textura. Los elementos visuales forman la parte mas prominente de un diseño, porque son lo que realmente vemos.
Forma: Todo lo que puede ser visto posee una forma que aporta la identificación principal en nuestra percepción.
Medida: Todas las formas tiene un tamaño. El tamaño es relativo si lo describimos en términos de magnitud y de pequeñez, pero asimismo es físicamente mesurable.
Color: Una forma se distingue de sus cercanías por medio del color. El color se utiliza en un sentido amplio, comprendido no solo los del espectro solar sino asimismo los neutros y así mismo sus variaciones tonales y cromáticas.
Textura: La textura se refiere a las cercanias en la superficie de una forma. Puede ser plana o decorada, suave o rugosa, y puede atraer tanto al sentido d e l t a c t o c o m o a l a v i s t a .
DBidimensionalDBidimensionalDBidimensional iseño
iseño
SI
O NA L
EÑ NSEÑ O IOONAL
EÑ O
L
EN IME NS L NA N L DI B DI SIO SIO ION S DBIDII BID EÑIDIMSENEÑONA NAL AL M SEN IMDEISO SIONA L
ÑO
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M DI SE
E de lem re ent lac os ión
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
Este grupo de elementos gobierna la ubicación y la interrelación de las formas e n u n d i s e ñ o . Algunos pueden ser percibidos, como la dirección y la posición; otros pueden ser sentidos, como el espacio y la gravedad.
Dirección: La dirección de una forma depende de cómo está relacionada con el observador, con el marco que la contiene o con otras formas cercanas.
Posición: La posición de una forma es juzgada por su relación respecto al c u a d r o o l a e s t r u c t u r a d e l d i s e ñ o .
Espacio: Las formas de cualquier tamaño, por pequeñas que sean, ocupan un espacio. Así, el espacio puede estar ocupado o vacío. Puede así mismo ser liso o puede ser ilusorio, para sugerir una profundidad.
Gravedad: La sensación de gravedad no es visual sino psicológica. Tal como somos atraídos por la gravedad de la tierra, tenemos tendencia a atribuir pesantez o liviandad, estabilidad o inestabilidad, a formas, grupos de formas, individuales.
DBidimensionalDBidimensionalDBidimensional iseño
iseño
Los elementos prácticos subyacen el contenido y el alcance de un diseño.
EN SIO NA L
O NA L
EN SI
EÑ
D
BI DI M
Los elementos existen dentro de límites denominados “marco de referencia”. Esta referencia señala los limites exteriores de un diseño y define la zona dentro de la cual funcionan los elementos creados y los espacios que se dejan en blanco. El marco de referencia no necesariamente es real, sino existe físicamente como los bordes de un cartel o las paginas de una revista, se puede insinuar con una forma, que generalmente es rectangular.
O
SI
rm
L
O
a
La forma es aquello que vemos pero se divide de la siguiente manera La forma como punto La forma como línea La forma como plano La forma como volumen
SI
O
NA
L
EÑ NSEÑ O IOONAL
EÑ
DI
BI
DI
SE
ÑO
D DIS D DI IMIS EÑ M EO D BDI ISEENE NÑ BI I B DI Ñ SIO S O DI S ID M O NAIO E M
EN IME NS L NA NS IO L D S I S DBIDII BID EÑBIDIMISENEIÑOONA ONALNAL M SEN IMDEISO SIONA L
Fo
BI
a) Representación. Cuando una forma ha sido derivada de la naturaleza, o del mundo hecho por el ser humano, es representativa. La representación puede ser realista, estilizada o abstracta. b) Significado. El significado se hace presente cuando el diseño transporta un mensaje. c) Función. La función se hace presente cuando un diseño debe servir un determinado propósito.
NA
L
EÑ NSEÑ O IOONAL
L
EÑ
O
EN IME NS L NA NS IO L D S I DBIDII BISD EÑBIDIMISENEIÑOONA ONALNAL S D M I SEN MEISO IONA L
M re arc fe o re de nc ia
DI
DI SE
DI
SE
ÑO
D DIS D DI IMIS EÑ M EO D BDI ISEENE NÑ BI I B DI Ñ SIO S O DI S ID M O NAIO E M BI
BI
BID IM
ÑO
EN IME NS L NS IO D S I
DI BIISD EÑ ISEIÑOONAOONALNAL SE IMDEISOE L ÑONSIÑOON AL
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M
NA L
El e pr me ác nt tic os os
La forma como punto
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
DBidimensionalDBidimensionalDBidimensional iseño
iseño
La forma como línea
La forma como plano
DBidimensional
iseño
La forma como volumen
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
DBidimensionalDBidimensionalDBidimensional
iseño
Por regla general, a la forma se le ve como ocupante de un espacio, pero también puede ser un espacio blanco rodeado por espacio ocupado. Cuando de la percibe como ocupante se le llama forma positiva, cuando se la percibe como espacio blanco rodeado de espacio ocupado, la llamaron forma negativa.
IO
NA L
ÑONSIÑOON
AL
L
EÑ O
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M
EN IME NS L NA N L DI B DI SIO SIO ION S DBIDII BID EÑIDIMSENEÑONA NAL AL M SENES IMDEISOE SIONA L
po orm ne siti a ga vas s tiv y as
L
NA
AL
DI
NS
SE
IO
NA
L
EIS
ÑONSEIÑOON
SE
DI
BI
BI
D
ÑO
DIDI DIS M SE EN Ñ SIO O
DIISEÑO EÑ O M BDI ISEENS D Ñ I BI DI BID IM O ONA E M EN IME NS L N DI B DI SIO SIO ION ID S S NA AL BI BI E IME EÑ N DI DI DÑ NS O A M L L M O IO E
NA
L
Las formas pueden encontrarse entre si en diferentes maneras, como:
In t de erre fo lac rm io as n
ód
ulo
AL
NA
IO
NA
L
EIS
ÑONSEIÑOON
Repetición de módulos: Si utilizamos la misma forma más de una vez en un diseño la llamamos repetición y es el método mas simple para el diseño por ser armoniosa y rítmica.
NS
SE
DI
DI
SE
D
ÑO
DIDI DIS M SE EN Ñ SIO O
L
NA L
s
DIISEÑO EÑ O M BDI ISEENS D Ñ I BI DI BID IM O ONA E M EN IME NS L N DI B DI SIO SIO ION ID S S NA AL BI BI E IME EÑ N DI DI DÑ NS O A M L L M O IO E
BI
BI
Distanciamiento. Toque. Superposición. Penetración. Unión Sustracción Intersección Coincidencia
Cuando un diseño a sido cumpuesto por una cantidad de formas, identicas o similares entre si se llaman modulos y aparecen más de una vez en el diseño. La presencia de modulos unifica el diseño, y el hecho d que se utilice mas de una vez produce repetición.
M
Bidimensional
F
DI SE ÑO
iseño
iseño Bidimensional iseño Bidimensional iseño
iseño
Repetición de figura. Repetición de tamaño. Repetición de color. Repetición de textura. Repetición de dirección. Repetición de posición. Repetición de espacio. Repetición de gravedad.
DBidimensionalDBidimensionalDBidimensional
NA
AL
L
NA
IO
Re bá tícu sic la a
NS IO
NA
L
NA
EÑEINSSEÑ O IOONAL
L
O
I I DBIDII BID EÑIDIMSENEÑOONA ONALNAL M SE IMD O SIO L D B I
DI S
DI
SE
ÑO
BI BID D DISE D IMIS Ñ D BDIISMENENEÑO BI I B IDIEÑ SIO S O DI S ID M O NAIO M EIM EN L N EN Ñ E S AL S NS IO
DI
NS
SE
DI
EIS
ÑONSEIÑOON
SE
ÑO
DIDI DIS M SE EN Ñ SIO O
L
NA
L
ra
Es la que se usa con mas frecuencia en las estructuras de repetición. Se compone de líneas verticales y horizontales, parejamente espaciadas, que se cruzan entre si, lo que resulta en una cantidad de subdivisiones cuadradas de igual medida.
Bidimensional
NA L
ÑONSIÑOON IO
ctu
DIISEÑO EÑ O M BDI ISEENS DI Ñ IO BI DI BID M O NA E M EN IME NS L N DI B DI SIO SIO ION ID S S NA AL BI BI E IME EÑ N DI DI DÑ NS O A M L L M O IO E
D
Un módulo puede estar compuesto por elementos más pequeños, tales elementos son denominados submódulos. Si los módulos se agrupan y se convierten en una forma mayor que se puede utilizar en repetición se denominan supermódulos.
La estructura debe gobernar la organización de las formas en un diseño. La estructura, por regla general impone un orden y predetermina las relaciones internas de las formas de un diseño.
tru
BI
iseño
AL
L
EÑ O
DI SE ÑO
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M
EN IME NS L NA N L DI B DI SIO SIO ION DBIDII BISD EÑIDIMSENEÑONA NAL AL M SENES IMDEISOE SIONA L
S su ubm pe ód rm ul ód os ulo y s
Es
BI
iseño
iseño Bidimensional iseño Bidimensional iseño
iseño
DBidimensionalDBidimensionalDBidimensional
iseño
AL
ud
NA L
ÑONSIÑOON
L
ilit
IO
EÑ O
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M
EN IME NS L NA N L DI B DI SIO SIO ION DBIDII BISD EÑIDIMSENEÑONA NAL AL M SENES IMDEISOE SIONA L
m
•Las Formas pueden parecerse entre si y sin embargo no ser idénticas. Si no son idénticas, no están en repetición, están en similitud. Los aspectos de la similitud pueden encontrarse fácilmente en la naturaleza. Las hojas de los árboles, los granos de arena, las olas de océano, etc. La similitud no tiene la estricta regularidad de la repetición, pero mantiene un grado considerable de sensación de regularidad.
Similitud de módulos
Similitud de figura
Bidimensional
Si
DI SE ÑO
iseño
iseño Bidimensional iseño Bidimensional iseño
iseño
DBidimensionalDBidimensionalDBidimensional ad
ac
L
AL
IO
NA L
ÑONSIÑOON
EÑ O
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO E M
EN IME NS L NA N L DI B DI SIO SIO ION DBIDII BISD EÑIDIMSENEÑONA NAL AL M SENES IMDEISOE SIONA L
ión
La gradación es una disciplina mas estricta, que exige un cambio gradual y que ese cambio sea hecho de manera ordenada. Genera ilusión óptica y crea una sensación de progresión, lo que generalmente conduce a una culminación.
Tipos de gradación:
Gradación de módulos. Gradación de plano. Gradación espacial. Gradación en la figura.
Ra
ció
n
SI
O
NA
L
EÑ NSEÑ O IOONAL
L
O
EÑ
DI
BI
DI
SE
ÑO
D DIS D DI IMIS EÑ DI MENE E D B S N ÑO BI I B IDIEÑ SIO S O DI S ID M O NAIO E M
EN IME NS L NA S NSI IO L D I DBIDII BISD EÑBIDIMISENEÑOONA ONALNAL M SEN IMDEISO SIONA L
dia
BI
iseño
Bidimensional
Gr
DI SE ÑO
iseño
iseño Bidimensional iseño Bidimensional iseño
iseño
Es un caso especial de repetición. Los módulos repetidos o las subdivisiones estructurales que giran regularmente alrededor de un centro común producen un efecto de radiación. La radiación es un fenómeno normal en la naturaleza, como la flores que se abren, las ondas concéntricas que se producen en el agua, etc. La radiación puede tener efectos de vibraciones ópticas, es un diseño atrayente y cuando la radiación sufre ciertos cambios de direcciones, se convierte en un tipo de gradación radial. Características de un esquema de radiación:
Es multisimétrico Posee un vigoroso punto focal, habitualmente situado en el centro del diseño. Puede generar energía óptica y movimiento, desde o hacia el centro. Estructuras comunes de la radiación:
Estructura centrífuga. Estructura centrífuga básica Curvatura o quebramiento de líneas Centro en posición excéntrica. Apertura del centro de rdiación Centros múltiples, abriendo el centro Centros múltiples, dividiendo y deslizando el centro Centros múltiples, combinando sectores de estructuras. Estructura concéntrica básica.
DBidimensionalDBidimensionalDBidimensional iseño
iseño
Estructura concéntrica básica. Enderezamiento, curvatura o quebrantamiento. Traslado de los centros La espiral Centros múltiples Centros distorcionados Rotación gradual de capas concéntricas Capas concéntricas con radiaciones centrífugas Capas concéntricas reorganizadas. Estructura Centrípeta
An
alí
Razones para utilizar la anomalía:
NA
L
ÑONSIÑOON
AL
L
a
IO
ÑO
SE
D B I
BI
BI
DI
SE
ÑO
D DIS D DI IMIS EÑ M EO
BDI ISEENE N ÑO D S ID BI IMÑO IONSIO IM DIM EN AL N EN E S AL S NSI IO D D I DBIDII BIISD EÑBIDIMISENEÑOONA ONALNAL M SENES IMDEISOE SIONA L
om
Es la presencia de la irregularidad en un diseño en el cual aun prevalece la regularidad. Marca cierto grado de desviación de la conformidad general, lo que resulta en una interrupción, leve o considerable de la disciplina total. A veces la anomalía es solo un elemento singular dentro de una organización uniforme
Atraer la atención Aliviar la monotonía Transformar la regularidad Quebrar la regularidad
Tipos generales de anomalía Anomalía de módulos Anomalía dentro de estructuras.
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
DBidimensionalDBidimensionalDBidimensional nt
ra
AL
ste
ÑONSIÑOON
AL
L
ÑO
EN E N S DI B DI SIO SIO ION ID S S A N BI BI E IME EÑ N DI NS O A D Ñ M SENES IMDEISOE IONA L AL L
Contraste de elementos visuales y de relación:
IO
NA L
Contraste de figura Contraste de tamaño Contraste de color Contraste de textura Contraste de dirección Contraste de posición Contraste de espacio Contraste de gravedad
DI
DI SE ÑO
BI BID D DISE D IMIS Ñ D BDIISMENENEÑO BI I B IDIEÑ SIO S O DI S ID M O NAIO M EIM EN L N
El contraste ocurre siempre, aunque su presencia pueda no ser advertida. El contraste comúnmente es una oposición de elementos o cualidades de los mismos, es una clase de comparación, por la cual las diferencias se hacen claras.
Co
nc
tra
ció
n
IO
NA
L
ÑONSIÑOON
AL
L
O
EÑ
DI
DI
SE
ÑO
D DIS D DI IMIS EÑ M EO D BDI ISEENE NÑ BI I B DI Ñ SIO S O DI S ID M O NAIO E M
EN IME NS L NA S NSI IO L D I DBIDII BISD EÑBIDIMISENEÑOONA ONALNAL M SENES IMDEISOE SIONA L
en
BI
iseño
Bidimensional
Co
BI
iseño
iseño Bidimensional iseño Bidimensional iseño
iseño
Se refiere a una manera de la distribución de los módulos, que pueden estar apretadamente reunidos en ciertas zonas del diseño o levemente repartidos en otras. La distribución es habitualmente despareja e informal, a vecez con un sitio de reunión densa o de distribucuón tenue que se convierte en el centro de interés.
DBidimensionalDBidimensionalDBidimensional iseño
iseño
Te x
L
AL
ra
Es un elemento visual. Toda figura tiene una superficie y toda superficie debe tener ciertas características que pueden ser descritas como suave o rugosa, lisa o decorada, opaca o brillante, blanda o dura, etc. Aunque generalmente suponemos que una superficie plana y pintada no tiene textura alguna, en realidad la capa de pintura es ya una suerte de textura. La naturaleza contiene una riqueza de texturas, como rocas, madera, vidrio, hojas, etc. La textura se clasifica en dos importantes categoría:
IO
NA L
ÑONSIÑOON
ÑO
EN E N S DI B DI SIO SIO ION S ID S A N BI E IME EÑ N SENES DIMDEÑISOE NSIOONA AL AL L BI DI M
DI
DI SE ÑO
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO M EIM EN L N
AL
tu
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
Textura Táctil Es el tipo de textura que no solo es visible al ojo sino que puede sentirse con la mano. La textura táctil se eleva sobre la superficie de un diseño bi-dimensional y se acerca a un relieve tridimensional. La textura táctil siempre está presente aunque no tengamos un impreso, la hoja en si posee un textura que es sensible y por lo tanto existente. Tipos de textura táctil.
Textura natural asequible Textura natural modificada Textura organizada
Textura Visual. Es estrictamente bi-dimensional. Como dice la palabra, es la clase de textura que solo puede ser vista por el ojo pero que evoca sensaciones táctiles. Clases de texturas visuales. Textura decorativa Textura espontánea. Textura mecánica.
DBidimensionalDBidimensionalDBidimensional iseño
iseño
La naturaleza del espacio es muy compleja, debido a que existen varias maneras de verlo. El espacio puede ser positivo o negativo, liso o ilusorio, ambiguo o conflictivo.
Es
pa
BI DI M
L
IO
NA L
ÑONSIÑOON
ÑO
EN E N S DI B DI SIO SIO ION S ID S A N BI E IME EÑ N SENES DIMDEÑISOE NSIOONA AL AL L
AL
AL
cio
DI
DI SE ÑO
BI BID D DISE DI IMIS Ñ M EO D BDIS ENEN Ñ BI I B IDIEÑ SIO S O DI S ID M O NAIO M EIM EN L N
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño
Espacio positivo y negativo. El espacio positivo es el que rodea una forma negativa y el espacio negativo es el que rodea una forma positiva
Espacio liso e ilusorio. El espacio es liso cuando las formas parecen reposar sobre el plano de la imagen y son paralelas a el. El espacio es ilusorio cuando todas las formas no parecen reposar sobre el plano de la imagen o ser paralelas a el. En este punto es cuando se comienza a crear la ilusión de tres dimensiones.
DBidimensionalDBidimensionalDBidimensional iseño
iseño
Bidimensional
iseño Bidimensional iseño Bidimensional iseño
iseño