diseÑo y color

124
 DISEÑO Y COLOR FUNDAMENTOS DEL DISEÑO

Upload: patricia-rodriguez-ludena

Post on 07-Jul-2015

242 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 1/124

 

DISEÑO Y COLOR

FUNDAMENTOS DELDISEÑO

Page 2: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 2/124

 

Definición de diseño

Definimos el diseño, como un proceso o labor a , proyectar,coordinar, seleccionar y organizar un conjunto de elementos paraproducir y crear objetos visuales destinados a comunicar mensajesespecíficos a grupos determinados.

Page 3: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 3/124

 

El conjunto de elementos que implican la creación de un diseño, serelacionan como:

Traza, delineación de un edificio o de una figura.

Descripción de un objeto o cosa, hecho con las palabras.

Disposición de manchas, colores o dibujos que caracterizan

exteriormente a diversos elementos decorativos, animales yplantas.

Proyecto y plan, diseño urbanístico.

Concepción original de un objeto u obra destinados a la producciónen serie, dentro del mundo de la moda, industrial.

La Forma de cada uno de estos objetos.Un diseño, es una pieza con un cierto atractivo visual, conpersonalidad y de un gran equilibrio estético.

Page 4: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 4/124

 

Ámbitos de aplicación

El diseño se aplica, en todos los ámbitos y se encuentra por todas

partes. Dentro del mundo digital, en toda la red, internet ( la web).

Diseños de todo el mundo publicitario, revistas, periódicos, libros,

manuales (diseño y maquetación). Encontramos diseño en nuestromobiliario, una silla, un mueble... ( diseño industrial y ergonomía).Divisamos el diseño en el mundo multimedia, el cine, televisión, videos,musicales, trailers, y demás efectos especiales.Las posibilidades del diseño gráfico, son infinitas, ya que cada vez sonmás los campos en los que se emplean elementos creados a través del

ordenador.El diseño se podría dividir en tres grupos principales:

La edición, diseño de todo tipo de libros, periódicos, y revistas.La publicidad, diseño de carteles publicitarios, anuncios, folletos.

La identidad, diseño de una imagen corporativa de una empresa.

Page 5: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 5/124

 

For mas básicas

de composición:

El signo

Page 6: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 6/124

 

El signo, es un objeto y acción que representa y sustituye aotro objeto, fenómeno o señal. Del uso del signo surge lasemiótica, ( del griego "semion"), como doctrina que estudialas reglas que gobiernan la producción, transmisión e

interpretación de estos símbolos.

Podemos describir la comunicación entre los humanos,como una forma e intercambio de transferir mensajes, laúnica forma de hacerlo es por medio del uso de signos,tales como: el que se emite a través del habla, letras,números, fotografías, etc.

Los signos, son el medio a través del cual se hace posible latransmisión de los pensamientos, significados e ideas. Seextrae de ellos lo que hace posible, una situación

significativa, la comunicación entre dos o más personas.

Page 7: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 7/124

Funcionan de acuerdo con el principio desemejanza y en él pueden incluirse todaclase de imágenes, dibujos, pinturas,fotografías o esculturas.

Se define como signos lo que tiene ciertasemejanza con el objeto a que se

refieren. Así, el retrato de una persona oun diagrama son signos icónicos por reproducir la forma de las relacionesreales a que se refieren.

Definición que ha tenido aceptación,gracias a la difusión hecha por sudiscípulo Morris, quien señaló ademásque el signo icónico tenía algunas de laspropiedades del objeto representado, esdecir, de su denotado.

Los signos

icónicos

 

Page 8: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 8/124

Sin embargo, si se observa una imagen publicitaria, no siempre serepresentan todas las propiedades, ya que muchas de ellas estánsimplemente sugeridas a través de otras.

El signo icónico reproduce algunas condiciones de la recepción delobjeto, seleccionadas por un código visual y anotadas a través de

convenciones gráficas.

Los signos icónicos, ofrecen al receptor real con toda la naturalidadde cada uno de ellos representándose a sí mismos. No poseen laspropiedades de la realidad, sino que transcriben, según cierto

código de reconocimiento, algunas condiciones de la experiencia.Cuatro características tienen los signos icónicos: ser naturales,convencionales, analógicos y de estructura digital

 

Page 9: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 9/124

LOS SIGNOS. El receptor es la persona a la que va destinado el signo. Así que elmedio a través del cual se ha de interpretar este el signo, ha de

encontrarse familiarizado con el. Si el receptor no conoce el símboloque el transmisor está ejercitando, difícilmente podrá comprender elmensaje del signo, propiamente dicho.

Para que pueda comprenderse un mensaje, emitido a través de unsigno deben incluirse tres aspectos: Los sintácticos, semánticos ypragmáticos.

Sintácticos: Estudian el singo según la forma percibida.

Semánticos: Estudian la forma en que el significado se encuentraconectado con el significador, la relación entre la forma y lo quesignifica la forma.

Pragmáticos: Por su utilización e uso, el resultado de estos, losefectos del mismo.

 

Page 10: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 10/124

Triángulo semántico

 

Page 11: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 11/124

Clasificación de los signos:

Indicativos

 

Page 12: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 12/124

Los signos pueden ser, naturales y artificiales

La primera gran división corresponde a los signos naturales que sediferencian de los signos artificiales. El rasgo diferencial entre ellos esla no participación directa del hombre en la creación de estos signos(naturales) y la participación directa en la creación de dichos signos(artificiales). En ambos casos el hombre lo interpreta, pero no

siempre los crea, ya sea como actividad consciente o inconsciente.

Los signos naturales reciben también la denominación deindicaciones o índices. Así el humo como indicio de que hay fuego,las nubes como indicio de lluvia, las arrugas de la cara como

síntomas de envejecimiento, etc.

 

Page 13: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 13/124

Signos lingüísticos y no lingüísticosLos signos artificiales se dividen a su vezen lingüísticos y no lingüísticos, incluyendoentre los primeros los sistemas verbales (losque sustituyen a partir de ellos: escritura,

morse, braille, etc.) de carácter natural otradicional,( las lenguas o idiomas).

Los no lingüísticos o signos , se oponen a los

verbales (base de todo el proceso de lacomunicación humana), se dividen en,señales, símbolos e iconos. Los primerosinfluyen, según la teoría de Schaf, de unaforma o de otra sobre la voluntad de losindividuos mientras que los otros sólo actúan

de forma inmediata.

Signos

simbólicos

 

Page 14: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 14/124

Reznikov define, que todos los signos son fenómenos materiales

que actúan directamente sobre los órganos de los sentidos. Eldisparo de un cohete como señal de ataque o el humo de unamontaña, significa un incendio. Los símbolos se diferencian, de lossignos icónicos por tres características:

Son objetos materiales que representan ideas abstractas. Funcionan por alegorías o metáforas, y van dirigidos a lossentidos.

Su representación ha de tener un cierto significado para que

puedan interpretarse bien. Ejemplos de símbolos son (la Cruz) querepresenta al Cristianismo o el de un centro sanitario (a MediaLuna) que presenta al Islamismo

 

Page 15: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 15/124

Elementos básicos: la línea

 

Page 16: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 16/124

Se encuentra formada por una serie de puntos unidosentre sí, sucesivamente, asimilando la trayectoria de lamisma, seguida por un punto en movimiento, por lo quetiene mucha energía y dinamismo. Su presencia creatensión y afecta al resto de elementos juntos a ella.

El primer elemento del diseño es línea. Las líneas sepueden utilizar de muchas maneras y según sudisposición:

 Ayudan a organizar la información.

Pueden dirigir el ojo de sus lectores en cuanto a laorganización de la disposición.

Pueden crear humor y el ritmo de un movimiento.

 

Page 17: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 17/124

Cebras por Victor Vasarely

Por ejemplo, las líneaspueden organizar lainformación y los

límites en una página.Las líneas verticales uhorizontales se puedentambién utilizar para

dirigir a sus lectores deuna sola pieza, lainformación a otros.

 

Page 18: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 18/124

Las for mas:

definición.

La forma de los objetos ycosas, comunican ideaspor ellos mismos, llaman

la atención del receptor dependiendo de la formaelegida. Es un elementoesencial para un buendiseño.

Forma es cualquier elemento que utilicemospara dar o determinar la

forma. 

Page 19: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 19/124

Un ejemplo marcado por una forma sería el deuna compañía internacional utilice, un círculo ensu insignia sugiriendo la tierra. Las formasinusuales atraen la atención. Porque utilizan a la

gente a ver formas regulares de las imágenes,como un rectángulo, usando una forma talestrella llamaría la atención a esa imagen. Otroejemplo estaría arreglando mecanografía adentro

una forma más bien que en columnas verticales.

 

Page 20: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 20/124

.

Hay tres maneras de que la formarealce su disposición. Primero, la formaayuda a sostener interés del lector. Lasformas se pueden utilizar para romper hacia arriba una página que contengamucho texto. En segundo lugar, la

forma se utiliza para organizar y parasepararse. Una parte del texto se puedeponer en una forma con un fondocolorido y agregará variedad a lapágina. Podemos utilizar la for ma

para conducir el ojo del lector con eldiseño.

Según las disposiciones, el ojo buscaun lugar para comenzar y seguir con eldiseño al extremo. La forma puede

ayudarle a guardar la atención de éste.

Disposición de

las for mas

 

Page 21: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 21/124

La textura como elemento básico

El tercer elemento básico, es la textura, aporta al diseño,

una mirada o una sensación, o una superficie. Diariamenteencontramos gran variedad de texturas, por todo el entornoque nos rodea. La textura ayuda a crear un humor particular para una disposición o para otras en formasindividuales.

La textura, permite crear una adaptación personalizada dela realidad añadiendo dimensión y riqueza al diseño.Existen dos tipos de textura: Táctil y visual.

 

Page 22: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 22/124

Textura táctil: Por ejemplo la deuna superfície rugosa, con relieveo la de otra más fina como la deun papel, o la suavidad delterciopelo. Son todas aquellasperceptibles al tacto.

Textura Visual: Aquellas texturasimpresas que se parecen a larealidad, como la arena, las

piedras, rocas. Entre esta clase detextura, pueden surgir texturasque realmente existen y otras queson irreales.

Textura táctil y visual

 

Page 23: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 23/124

Un patrón o mosaico, sería un tipode textura visual. Cuando unaimagen o una línea del tipo que sea,se repite muchas, acaba creandouna textura visual.

Un ejemplo de ello serían lospatrones de luces, que en de laoscuridad agregan dimensión a unasuperficie.

El papel que se envuelve, es unbuen ejemplo del patrón. Lospatrones pueden hacer fondos.

Textura mosaico o patrón

 

Page 24: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 24/124

El espacio se puede condiderar como el cuarto elementofundamental del diseño.

Definición de espacio:Es ladistancia o el área entre o

alrededor de las cosas. Cuandose está diseñando, debemospensar donde vamos a colocar todos los elementos y a que

distancia unos de los otros. El tipode imágenes que colocaremos, ladimensión de éstas, el texto y loque habrá alrededor de ellas, etc.

Espacio y for mato

 

Page 25: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 25/124

Las diferentes tonalidades que emplearan los

elementos y las formas, sirven para crear relacionesespaciales y focales, de gran interés para el receptor.Se pueden llegar a conseguir efectos muy variados yespeciales dependiendo de como se combinen,estos.

Por ejemplo si usamos bastante espacio en blanco,se produce un descanso para el ojo. Si dejamosmucho espacio en blanco, alrededor de algún objeto,

palabra o imagen, estamos haciendo que destaquedel resto de la composición.

 

Page 26: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 26/124

Efectos que produce el espacio

Efectos que nos produce el espacio, dentro de nuestro campo visual:

 Al utilizar espacio en blanco en una composición, el ojo descansa.Utilizando una pequeña cantidad de espacio creamos lazos entre los

elementos.Lograremos una mayor profundidad a nuestro diseño, sisuperponemos un elemento con otro.Si utilizamos mucho espacio en blanco, alrededor de un objeto,imagen o texto, conseguiremos que sobresalga y destaque del restode la composición.Los grandes márgenes, ayudan a seguir un diseño una de forma másfácil.Si utilizamos un espaciamiento desigual entre los elementos,crearemos una página dinámica.

 

Page 27: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 27/124

El for mato: DIN A4. DIN A3 yDIN A5.

El quinto elemento básico del diseño, es el tamaño. Cómo esgrande o pequeño es algo. En diseño, el tamaño puede funcionar,el tamaño puede atraer o el tamaño puede organizar.

Dentro del espacio, es importantísimo el Formato. El formato es laforma y el tamaño del trabajo realizado. Cuando hablamos de

formato de un archivo, hacemos referencia al tamaño en el queserá presentado e impreso.

 

Page 28: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 28/124

Factores importantes en el

for mato

Otro factor importante, a tener en cuenta, es utilizar el tamaño adecuado, paraatraer a la clase de público o personas receptoras de nuestro diseño. Se puede

colocar elementos grandes y pequeños, contrastando entre ellos, o hacer unaimagen más grande y trabajarla de una manera interesante.

Otro punto, que no se debe olvidar referente al tamaño dentro de laorganización de nuestro diseño. Si queremos atraer la atención de losespectadores, destacaremos el elemento más importante diseñándolo, más

grande y el menos importante, lo colocaremos más pequeño.Los títulos, son generalmente el elemento más grande en una página, mientrasque los subtítulos y el texto del cuerpo, son más pequeños. Objetos másgrandes parecen estar más cerca de la página que los más pequeños, y eso sepuede utilizar para reforzar la importancia del elemento que queremos destacar y para crear relaciones espacio - artificiales.

 

Page 29: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 29/124

Distintos for matos ISO de Papel.

 

Page 30: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 30/124

Dentro de los formatos de papel, encontramos los famosos tamañosISO, que son una serie de formatos establecidos por el ISO

(International Organization for Standardization). Estas normas tambiénlas encontramos en tamaños DIN.

En los formatos DIN, existen los siguientes tamaños:

DIN A4 ( de 297 x 210 mm), es igual que un folio y el papel de uso máscorriente.DIN A3 (de 420 x 297 mm), se usa normalmente para dibujos,pequeños posters, etc. Este formato es el doble, de un folio, en lo quese refiere a la anchura.

Existen otros formatos de papel, por ejemplo, para un diseño decarteles y trabajos de dimensiones grandes, se puede usar un 4 A0(2378 x 1682 mm, esto es igual a 4 m2), en otros diseños máspequeños un DIN C10 ( de 28 x 40 mm).

 

Page 31: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 31/124

En todo proceso de diseño, el

diseñador utiliza toda lainformación posible, retenida ensu memoria, para realizar sucreación. Una serie de imágenes,signos y demás recursoscomunicativos son asociados y

entrelazados entre sí dando lugar al diseño.

Las tendencias, son una serie degrupos de un cierto estilo,estilísticos, que el diseño en si va

adoptando. Se encuentran encontinúa evolución y marcan elestilo de los diseños y futurascreaciones. Ahí, entra a formar parte el estilo, como forma deactuar, dando el toque personal alproyecto en curso.

Estilos y tendencias

en el diseño

 

Page 32: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 32/124

El minimalismo: menos es más

Este movimiento marcó profundamente a las bases de creatividad dearquitectos, escultores, pintores y demás diseñadores, incluso a losmúsicos a lo largo del siglo XIX.

Esta tendencia se utiliza muy a menudo en el diseño, ya que reduce elruido, los elementos innecesarios, dejando lo importante y

fundamental del diseño que se quiere representar.

Definimos el minimalismo,como una tendenciasurgida en EstadosUnidos, en la década delos cincuenta. El

minimalismo es la sencillezen su máximo esplendor.

 

Page 33: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 33/124

DISEÑO Y COLOR

EL COLOR

 

Page 34: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 34/124

Teoría del color. ¿Que es el color?

El color es un atributo que percibimosde los objetos cuando hay luz. La luzes constituida por ondaselectromagnéticas que se propagan a

unos 300.000 kilómetros por segundo. Esto significa que nuestrosojos reaccionan a la incidencia de laenergía y no a la materia en sí.

Los objetos devuelven la luz que no

absorben hacia su entorno. Nuestrocampo visual interpreta estasradiaciones electromagnéticas que elentorno emite o refleja, como lapalabra "COLOR".

El mundo es de colores, donde hay luz,hay color. La percepción de la forma,profundidad o claroscuro estáestrechamente ligada a la percepciónde los colores.

 

Page 35: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 35/124

Propiedades del color 

 

Page 36: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 36/124

Las definimos como el tono, saturación, brillo.

Tono ( hue), matiz o croma es el atributo que diferencia elcolor y por la cual designamos los colores: verde, violeta,anaranjado.

Saturación:( saturation) es la intensidad cromática o pureza de

un color Valor ( value) es la claridad u oscuridad de un color,está determinado por la cantidad de luz que un color tiene.Valor y luminosidad expresan lo mismo.

B r i l l o ( brightness) es la cantidad de luz emitida por unafuente lumínica o reflejada por una superficie.

Luminosidad (l i g h t n e s s ) es la cantidad de luz reflejadapor una superficie en comparación con la reflejada por unasuperficie blanca en iguales condiciones de iluminación.

 

Page 37: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 37/124

Colores primarios,

generalidades

La problemática del Color y su estudio, es muy amplia, pudiendo

ser abordada desde el campo de la física, la percepción fisiológicay psicológica, la significación cultural, el arte, la industria etc. Elconocimiento que tenemos y hemos adquirido sobre Color en laescuela elemental, hace referencia al color pigmento y proviene delas enseñanzas de la antigua Academia Francesa de Pintura queconsideraba como colores primarios ( aquellos que por mezcla

producirán todos los demás colores) al rojo, el amarillo y el azul. Enrealidad existen dos sistemas de colores primarios: coloresprimarios luz y colores primarios pigmento.

El blanco y negro son llamados colores acromáticos, ya que los

percibimos como "no colores".

 

Page 38: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 38/124

Color luz, síntesis aditiva

Los colores producidos por luces (en el monitor denuestro ordenador, en elcine, televisión, etc) tienencomo colores primarios, alrojo, el verde y el azul (RGB) cuya fusión de estos,crean y componen la luzblanca, por eso a estamezcla se le denomina,

síntesis aditiva y las mezclasparciales de estas luces danorigen a la mayoría de loscolores del espectro visible.

 

Page 39: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 39/124

Color pigmento, síntesis sustractiva

 

Page 40: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 40/124

Los colores sustractivos, son coloresbasados en la luz reflejada

de los pigmentos aplicados a las superficies. For man esta

síntesis sustractiva, el color magenta, el cyan y el amarillo. Sonlos colores básicos de las tintas que se usan en lamayoría de

los sistemas de impresión,motivo por el cual estos colores han

desplazado en la consideración de colores primarios a los

tradicionales.

La mezcla de los tres colores primarios pigmento en teoría

debería producir el negro, el color más oscuro y demenor 

cantidad de luz, por lo cual estamezcla es conocida como

síntesis sustractiva. En la pr áctica el color así obtenido no es lo

bastante intenso,motivo por el cual se le agrega negro pigmento

confor mándose el espacio de color CMYK.

Los procedimientos de imprenta para imprimir en color,

conocidas como tricromía y cuatricromía se basan en la síntesis

sustractiva.

 

Page 41: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 41/124

Círculo cromático

El ojo humanodistingue unos10.000 colores. Se

emplean, tambiénsus tresdimensiones físicas:saturación, brillantezy tono, para poder experimentar lapercepción.

 

Page 42: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 42/124

Colores primarios y secundarios

El círculo cromático se divide en tres grupos de colores primarios, conlos que se pueden obtener los demás colores.

 

Page 43: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 43/124

El primer grupo de primarios según los artistas diseñadores:amarillo, rojo y azul. Mezclando pigmentos de éstos colores seobtienen todos los demás colores.

El segundo grupo de colores primarios: amarillo, verde y rojo. Si semezclan en diferentes porcentajes, forman otros colores y si lo

hacen en cantidades iguales producen la luz blanca

El tercer grupo de colores primarios: magenta, amarillo y cyan. Losutilizados para la impresión.

Definimos como los colores secundarios: verde, violeta y naranja.Los colores secundarios se obtienen de la mezcla en una mismaproporción de los colores primarios.

 

Page 44: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 44/124

Los colores terciarios

Consideramos como colores terciarios: rojo violáceo, rojo anaranjado,amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo. Loscolores terciarios, surgen de la combinación en una misma proporción de uncolor primario y otro secundario.

 

Page 45: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 45/124

For mación de los colores

complementarios

 

Page 46: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 46/124

Los colores complementarios se for man

mezclando un color primario con el

secundario opuesto en el triángulo del

color.

Son colores opuestos aquellos que se

equilibran e intensifican mutuamente

 

Page 47: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 47/124

Gama y combinación colores

complementarios

Los colores complementarios son los que proporcionan

mayores contrastes en el gráfico de colores.Para obtener una gama de verdes: Los verdes se obtienenmediante la mezcla de azul y amarillo, variando losporcentajes, se obtienen diferentes resultados.

Crear una gama de azules: Los colores más oscuros selogran mediante una combinación de púrpura y azul. Elcolor púrpura tiñe con intensidad y su mezcla se debedosificar bien.

 

Page 48: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 48/124

Obtener una gama de rojos anaranjados: Mezclandopúrpura y amarillo obtendremos diferentes tonosanaranjados.

Obtención de una gama de ocres y tierras: A partir de unvioleta medio, que crea a partir de un púrpura y azul, esposible conseguir una extensa gama de colorescomprendidos entre el ocre amarillo y el sombra tostada,llegando a sienas. Para conseguir esta combinación es

preciso añadir amarillo a los distintos violetas que se hancreado con los otros dos primarios.

Page 49: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 49/124

 

Page 50: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 50/124

Definición de los colores cálidos

y fríos.

Definición de colores cálidos y fríos. Se llaman

colores cálidos aquellos que van del rojo al a

marillo ylos colores fríos son las graduaciones del azul al

verde. Esta división de los colores en cálidos y fríos,

radica simplemente en la sensación y experiencia

humana. La calidez y la frialdad atienden a

sensaciones tér micas. Los colores, de alguna manera,nos pueden llegar a transmitir estas sensaciones. Un

color frío y uno cálido, o un color primario y uno

compuesto, se complementan.

 

Page 51: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 51/124

Círculo cromático de los

colores cálidos y fríos con suscomplementarios

 

Page 52: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 52/124

For mas básicas que componen

el color.

Ningún color puede ser considerado un valor absoluto, de hecho loscolores se influyen mutuamente si se acercan. Los colores tienendiferente realce según el contexto en el que se dispongan o seencuentren.

Existen dos formas compositivas del color, armonía y contraste.

 

Page 53: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 53/124

Ar monía del color 

 

Page 54: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 54/124

 Armonizar, significa coordinar los diferentes valores que el color adquiere en unacomposición. Cuando en una composición todos los colores tienen una partecomún al resto de los colores componentes. Armónicas son las combinaciones

en las que se utilizan modulaciones de un mismo tono, o también de diferentestonos, pero que en su mezcla mantienen los unos parte de los mismos pigmentosde los restantes.

En todas las armonías cromáticas se pueden observar tres colores: unodominante, otro tónico y por último otro de mediación.

Dominante: Es el mas neutro y de mayor extensión, sirve para destacar los otroscolores que conforman nuestra composición gráfica, especialmente al opuesto.

El tónico: Es el complementario del color de dominio, es el mas potente en color y valor, y el que se utiliza como nota de animación o audacia en cualquier elemento (alfombra, cortina , etc.)

El de mediación: Actúa como conciliador y modo de transición entre cada unode los dos anteriores, suele tener una situación en el circulo cromático cercano ala de color tónico.Por ejemplo: en una composición armónica cuyo color dominante sea el amarillo,y el violeta sea el tónico, el mediador puede ser el rojo si la sensación que

queremos transmitir sea de calidez, o un azul si queremos que sea mas bien fría

 

Page 55: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 55/124

El

contraste

El Contraste seproduce cuandoen unacomposición loscolores no tienen

nada en comúnno guardanninguna similitud.

 

Page 56: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 56/124

Efectos del color: El tamaño

Tamaño: El círculo central parece más pequeño si está rodeado decírculos de mayor tamaño y más grande si por el contrario lorodean círculos más pequeños.

 

Page 57: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 57/124

Transparencia, peso y masa

Transparencia: Se visualiza el efecto de transparencia por la aparente

mezcla de tonos.

Peso y masa del Color: El color actúa por gravitación y extensión deuna superficie cromática. Los tonos fríos y claros parecen más livianosy menos sustanciales, los cálidos y oscuros parecen más pesados ydensos.

 

Page 58: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 58/124

Colores que avanzan o

retroceden

Los colores fríos avanzan si són más luminosos que loscálidos en su entorno neutro.

 

Page 59: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 59/124

Psicología

del color: Elcolor blancoEl color desprende diferentesexpresiones del ambiente, quepueden transmitirnos lasensación de calma, plenitud,alegría, violencia, maldad, etc.

Color Blanco: Es el que mayor sensibilidad posee frente a la luz. Es la suma osíntesis de todos los colores, y el símbolo de lo absoluto, de la unidad y de lainocencia, significa paz o rendición. Mezclado con cualquier color reduce sucroma y cambia sus potencias psíquicas, la del blanco es siempre positiva yafirmativa. Los cuerpos blancos nos dan la idea de pureza y modestia. El blancocrea una impresión luminosa de vacio, positivo infinito.

La psicología de los colores fué estudiada por grandes maestros a lo largode nuestra historia, como por ejemplo Goethe y Kandinsky.

 

Page 60: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 60/124

Símbolo del error, del mal, elmisterio y en ocasiones simbolizaalgo impuro y maligno. Es la

muerte, es la ausencia del color.También transmite nobleza yelegancia.

Color gris

Es el centro de todo ya que se

encuentra entre la transiciónentre el blanco y el negro, y el

producto de la mezcla de

ambos. Simboliza neutralidad,

indecisión y ausencia de

energía. Muchas veces también

expresa tristeza, duda ymelancolía. El color gris es una

fusión de alegrías y penas, del

bien y del mal. Da la impresión

de frialdad metálica, pero

también sensación de brillantez,

lujo y elegancia.

El color Negro

 

Page 61: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 61/124

Simbología del

color amarilloPor ejemplo una invitación de uncolor brillante debe evocar la imagendel mismo valor, sino y en casoopuesto conseguiríamos un efectocontraproducente, transmitiendo lasensación de falsificación. Si es decolor oro, la imagen debe combinar en concordancia con el color expuesto, para que se tenga unavisión agradable y equilibrada de la

presentación.

El color amarillo: Es el color mas intelectual y puede ser asociado con una

gran inteligencia o con una gran deficiencia mental; Van Gogh tenia por el

una especial predilección, particular mente en los últimos años de su crisis.

 

Page 62: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 62/124

Este primario significa envidia, ira, cobardía, y los bajos impulsos, y

con el rojo y el naranja constituye los colores de la emoción.También evoca satanismo (es el color del azufre) y traición. Es elcolor de la luz, el sol, la acción , el poder y simboliza arrogancia,oro, fuerza, voluntad y estimulo.

Mezclado con negro constituye un matiz verdoso muy poco grato y

que sugiere enemistad, disimulo, crimen, brutalidad, recelo y bajaspasiones. Mezclado con blanco puede expresar cobardía, debilidado miedo y también riqueza, cuando tiene una leve tendenciaverdosa.

Los amarillos también suelen interpretarse como joviales, afectivos,excitantes e impulsivos. Están relacionados con la naturaleza.Psicológicamente se asocia con el deseo de liberación.

 

Page 63: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 63/124

El color rojo: Se lo considera con una personalidad extrovertida, que vivehacia afuera , tiene un temperamento vital, ambicioso y material, y sedeja llevar por el impulso, mas que por la reflexión.

Simboliza sangre, fuego, calor, revolución, alegría, acción, pasión,fuerza, disputa, desconfianza, destrucción e impulso, asi mismo crueldady rabia. Es el color de los maniáticos y de marte, y también el de losgenerales y los emperadores romanos y evoca la guerra, el diablo y el

mal.Como es el color que requiere la atención en mayor grado y el massaliente, habrá que controlar su extensión e intensidad por su potenciade excitación en las grandes áreas cansa rápidamente.

Mezclado con blanco es frivolidad, inocencia, y alegría juvenil, y en sumezcla con el negro estimula la imaginación y sugiere dolor, dominio ytiranía.

Expresa sensualidad, virilidad y energía, considerado símbolo de unapasión ardiente y desbordada. Por su asociación con el sol y el calor es

un color propio de las personas que desean experiencias fuertes. 

Page 64: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 64/124

Lenguaje del naranja y azul

El color naranja: Es un poco mas cálido que el amarillo y actúa comoestimulante de los tímidos, tristes o linfáticos. Simboliza entusiasmo yexaltación y cuando es muy encendido o rojizo, ardor y pasión. Utilizado

en pequeñas extensiones o con acento, es un color utilisimo, pero engrandes áreas es demasiado atrevido y puede crear una impresiónimpulsiva que puede ser agresiva. Posee una fuerza activa, radiante yexpresiva, de carácter estimulante y cualidad dinámica positiva yenergética.

Mezclado con el negro sugiere engaño, conspiración e intolerancia ycuando es muy oscuro , opresión.

 

Page 65: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 65/124

El color azul: Simboliza, la profundidad inmaterial y del frío. Lasensación de placidez que provoca el azul es distinta al de lacalma o del reposo terrestres propios del verde. Se lo asocia conlos introvertidos o personalidades reconcentradas o de vidainterior y esta vinculado con la circunspección, la inteligencia y lasemociones profundas. Es el color del infinito, de los sueños y de lo

maravilloso, y simboliza la sabiduría, amistad, fidelidad, serenidad,sosiego, verdad eterna e inmortalidad. También significadescanso.

Mezclado con blanco es pureza, fe, y cielo, y mezclado con negro,

desesperación, fanatismo e intolerancia. No fatiga los ojos engrandes extensiones

Page 66: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 66/124

 

Page 67: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 67/124

El color 

violeta

El violeta, es el color de la templanza, la lucidez y la reflexión.Transmite profundidad y experiencia. Tiene que ver con lo emocionaly lo espiritual. Es místico, melancólico y se podría decir que tambiénrepresenta la introversión. En su variación al púrpura, es realeza,dignidad, suntuosidad.

Mezclado con negro es deslealtad, desesperación y miseria.Mezclado con blanco: muerte, rigidez y dolor.

 

Page 68: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 68/124

Es un color de extremo equilibrio,

porque esta compuesto por colores dela emoción (amarillo = cálido) y del

 juicio (azul = frío) y por su situacióntransicional en el espectro. Se loasocia con las personassuperficialmente inteligentes y socialesque gustan de la vanidad de la oratoriay simboliza la primavera y la caridad.Incita al desequilibrio y es el favorito delos psiconeuroticos porque producereposo en el ansia y calma,

tranquilidad, también porque sugiereamor y paz y por ser al mismo tiempoel color de los celos, de la degradaciónmoral y de la locura. Significa realidad,esperanza, razón, lógica y juventud.

Color verde

 

Page 69: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 69/124

 Aquellos que prefieren este color detestan la soledady buscan la compañía. Mezclado con blanco expresadebilidad o pobreza.

Sugiere humedad, frescura y vegetación, simbolizala naturaleza y el crecimiento.

La persona que destaca por el uso del color verde,quiere ser respetada y competente.

 

Page 70: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 70/124

El color marrón

Es un color masculino, severo, confortable. Es evocador del

ambiente otoñal y da la impresión de gravedad y equilibrio. Es elcolor realista, tal vez porque es el color de la tierra que pisamos. Conesto, hemos podido comprobar algunas reacciones que producen loscolores según A. Moles y L. Janiszewski.

 

Page 71: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 71/124

LA COMPOSICION

TECNICAS

 

Page 72: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 72/124

La composición se define como unadistribución o disposición de todos loselementos que incluiremos en un diseño ocomposición, de una forma perfecta yequilibrada.

En un diseño lo primero que se debeelegir son todos los elementos queaparecerán en el, luego debemosdistribuirlos, para colocarlos con elespacio disponible. Los elementospueden ser tanto imágenes, comoespacios en blanco, etc. Es muyimportante, tener en cuenta de que formasituaremos estos elementos, en nuestracomposición, para que tengan un

equilibrio formal y un peso igualado.

Técnicas de

composición

El peso de un elemento, se determina no sólo por su tamaño, que es bastanteimportante, si no por la posición en que este ocupe respecto del resto deelementos. Por ejemplo si queremos hacer destacar un elemento en concreto, locolocaremos, en el centro.

 

Page 73: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 73/124

El equilibrio simétrico

En una composición se puede conseguir el equilibrio a través deluso de líneas y formas. Todos los pesos deberán estar compensados para obtener el equilibrio ideal.

Como medición del peso de las formas y líneas que utilizamos enuna composición, se observa la importancia que tienen los objetosdentro del diseño o creación que queremos representar, intentandoequilibrar los elementos de mayor importancia, con los de menor importancia, y los de mayor peso con los de menor.

 

Page 74: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 74/124

Clasificamos el equilibrio en dos tipos:simétrico y asimétrico

Equilibro simétrico: es cuando al dividir una composición en dos partesiguales, existe igualdad de peso enambos lados. No se encuentranelementos que sobresalgan más que el

resto en importancia y peso.

Un ejemplo más inmediato de simetría en el mundo orgánico, es la mariposa,cuyas alas poseen un simetría axial bilateral, en la que el eje, es el cuerpo delinsecto. Sus dibujos están dispuestos simétricamente respecto al eje. Estaregularidad constituye, a nivel de percepción, un factor estético de armonía.

La creación de un diseño simétrico, nos transmite una sensación de orden.

 

Page 75: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 75/124

Un equilibrio es asimétrico, cuandoal dividir una composición en dospartes iguales, no existen lasmismas dimensiones en tamaño,color, peso etc, pero existe unequilibrio entre dos elementos.

En el equilibrio asimétrico, al ser desiguales los pesos a un lado y otrodel eje, el efecto es variado.

La asimetría, nos transmiteagitación, tensión, dinamismo,

alegría y vitalidad; en este tipo deequilibrio una masa grande cerca delcentro se equilibra por otra pequeñaalejada del aquel.

El equilibrio

asimétrico

 

Page 76: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 76/124

En toda composición, los elementosque se sitúan en la parte derecha,

poseen mayor peso visual, y nostransmiten una sensación de avance.En cambio los que se encuentran enla parte izquierda, nos proporcionanuna sensación de ligereza.

Esto también se observa, si loaplicamos en la parte superior de undocumento, posee mayor ligerezavisual, mientras que los elementosque coloquemos en la parte inferior,nos transmitirán mayor peso visual.

.

La composición,

el concepto

 Actualmente no existe una composición perfecta. Cada composicióndependerá de su resultado final, para todo ello, es necesario conocer todos losaspectos y formas para obtener un resultado con un cierto equilibrio.

 

Page 77: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 77/124

Las proporciones, la for ma, el tamaño.

Uno de los formatos más conocidos e utilizados es el DINA-4. Podemos limitar las proporciones de nuestra composición a través del color.

También existe las formas, las angulares y alargadas amplían el campo devisión, mientras que formas angulares cortas, nos transmiten la sensación detimidez y humildad.

Las formas redondas (modelo curvilíneo y rectangular), la proporción y lasimetría, suelen combinarse, las formas en sus variantes también sonsimétricas. Estas formas crean armonía, suavidad y perfección. Por ejemplo lasformas simples y regulares son las que se perciben y recuerdan con mayor facilidad. Las formas simétricas, en el mundo de la naturaleza, son un ejemplo

del orden geométrico sobre la formación de sus estructuras vivientes.

El tamaño de un elemento, en relación al resto, también presenta diferentesdefiniciones. Las formas grandes, anchas o altas, se perciben cómo, másfuertes, pero las más pequeñas, finas o cortas, simbolizan la debilidad ydelicadeza.

 

Page 78: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 78/124

La escala

Definimos el concepto de escala, cuando todos los elementos tienenla capacidad de modificarse y definirse unos a otros.

La escala normalmente se usa en la cartografía, planos, mapas...para poder representar una medida proporcional al del tamaño real.

Es cuando citamos, este plano está en escala 1:10. Este concepto,

hace referencia, que para realizar el plano, se ha aplicado un factor de reducción determinado, para poder dibujarlo o plasmarlo en unlugar más pequeño, pero sin que pierda sus proporciones.

 

Page 79: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 79/124

La sección áurea

 

Page 80: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 80/124

Qué es la sección áurea?

Es la división armónica de una recta en media y extrema razón. Estohace referencia, a que el segmento menor, es al segmento mayor,como este es a la totalidad de la recta. O cortar una línea en dospartes desiguales de manera que el segmento mayor sea a toda la

línea, como el menor es al mayor. De esta forma se establece unarelación de tamaños con la misma proporcionalidad entre el tododividido en mayor y menor, esto es un resultado similar a la media yextrema razón. Esta proporción o forma de seleccionar proporcionalmente una línea se llama proporción áurea, se adoptacomo símbolo de la sección áurea (Æ ), y la representación en

números de esta relación de tamaños se llama número de oro = 1,618.

 A lo largo de la historia de las artes visuales, han surgido diferentesteorías sobre la composición.

 

Page 81: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 81/124

Platón decía: es imposible combinar bien dos cosas sin una tercera,hace falta una relación entre ellas que los ensamble, la mejor 

ligazón para esta relación es el todo. La suma de las partes comotodo es la más perfecta relación de proporción.

 

Page 82: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 82/124

Vitruvio, importante arquitecto romano, acepta el mismo principio perodice que la simetría consiste en el acuerdo de medidas entre los

diversos elementos de la obra y estos con el conjunto. Inventó unafórmula matemática, para la división del espacio dentro de un dibujo,conocida como la sección áurea, y se basaba en una proporción dadaentre los lados mas largos y los más cortos de un rectángulo. Dichasimetría está regida por un modulo común: que es el número.

Definido de otra forma, bisecando un cuadro y usando la diagonal deuna de sus mitades como radio para ampliar las dimensiones delcuadrado hasta convertirlo en "rectángulo áureo". Se llega a laproporción a:b = c:a.

Dicho esto, y según Vitruvio, se analiza que al crear una composición,

si colocamos los elementos principales del diseño en una de laslíneas que dividen la sección áurea, se consigue el equilibrio entreestos elementos y el resto del diseño.

 

Page 83: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 83/124

Cada forma o figura representada sobreun papel, se comporta como un peso,un peso visual, porque ejerce unafuerza óptica. Los elementos de nuestracomposición pueden ser imaginadoscomo los pesos de una balanza. Unacomposición se encuentra en equilibriosi los pesos de los elementos secompensan entre sí.

Este criterio se aplica principalmente aldiseño, normalmente se busca esteequilibrio, aunque en alguna ocasión seprovoca un desequilibrio intencionadopara conseguir unos resultadosespecíficos en un diseño.

Definimos equilibrio, como laapreciación subjetiva, en la cual, loselementos de una composición no sevan a desprender.

El equilibrio en

unacomposición

 

Page 84: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 84/124

El contraste de escala

El contraste de escala, se consigue a través dela contraposición de diferentes elementos a

diferentes escalas de las normales, o el uso demedidas irreales. Utilizando este recurso, lapercepción del elemento se encuentra alterado.Esta clase de contraste es utilizado en la

fotografía y pintura, para atraer la atención delespectador de forma muy efectiva y eficaz.

 

Page 85: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 85/124

El contraste de

contornos

El contraste de contornos,

irregulares destacan de formaimportante sobre losregulares o más conocidos.Este tipo de contraste es

ideal para captar la atencióndel usuario observador adeterminados elementos deuna composición.

 

Page 86: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 86/124

No obstante, no hay que abusar del uso de estetipo de contraste, sobre todo si se combinancon otros tipos de contraste, ya que pueden ser un centro de atracción visual demasiado fuerte

y potente. Además, acaban creando muchatensión en el espacio que les rodea.

 

Page 87: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 87/124

IMAGEN

CORPORATIVA

CRITERIOS

 

Page 88: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 88/124

Criterios para crear un diseño

coorporativo

 Antes de realizar un proceso de diseño de una

identidad corporativa de una empresa, debemostener en cuenta y estudiar los siguientes puntos:

- Como vamos a mejorar las funciones y

prestaciones a través del diseño y de la estéticaexterna. Debemos intentar crear un diseño, lomás bello y ergonómico posible.

Page 89: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 89/124

- La propia entidad, la empresa, debe abrirse por 

si sola el mercado, no perseguirlo.

- Saber señalizar el nivel de costumbre oadaptación de la identidad que persigue y que

pretende asentar. El producto, por sí mismo, yaaporta una información.

- La consecución de la imagen que se traslada

del producto. El propio producto tiene su propiaimagen y se clasifica en determinados gruposdentro de la sociedad de consumo

 

Definición de identidad

Page 90: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 90/124

Definición de identidad

corporativa

 

Page 91: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 91/124

Corporativo equivalente a asociado, colectivo,igual... Es un conjunto de elementos unificadosentre ellos. Es decir, todos ellos crean una unidadtotal.Identidad corporativo: Es todo el conjunto de

unidad e igualdad entre todos los elementos queconstituyen una empresa. Es la unidad entre superfil interior y exterior.Diseño corporativo: Definimos como diseño

corporativo, a la representación física delconcepto, la idea y el conjunto de unidad. Eldiseño gráfico, es el que se encarga de transmitir la visión de una empresa a través de sus

productos e imagen corporativa. 

Page 92: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 92/124

El interiorismo corporativo, son

todos los lugares, espacios donde

se anuncian o venden los

productos que fabrica y distribuye

una empresa. Super mercados,

grandes centros comerciales,

expositores, stands, etc.

Arquitectura corporativa, este nivelpocas empresas llegan a plasmarlo

o identificarlo, consiste en

personalizar el edificio que for ma

la empresa. Se utilizan dos clases

de identificación de un edificio

corporativo, el que se identificacon la imagen de la propia

empresa, o bien con el propio

edificio corporativo.

Interiorismo y la

arquitecturacorporativa

 

Page 93: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 93/124

Estructura de la identidad

corporativa

La estructura de una identidad corporativa puede ser:

- Estructura de marcas: A través de esta estructura, se trabaja por medio de una serie de marcas, que pueden ser individuales eindependientes entre si, con la sociedad

- Estructura monolítica: Se utilizan un nombre y estilo visual únicosen todas sus manifestaciones.

- Estructura de respaldo: Esta clase de estructura consta de unaserie de actividades o empresas a las que respalda con el nombre yla identidad del grupo.

 

Page 94: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 94/124

Crear una identidad

corporativa

Para crear una identidad corporativa de debeplanificar y estudiar la visión estratégica.

Transmitir estímulos sensoriales y unas

comunicaciones que evoquen a esa visión deidentidad.

 

Page 95: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 95/124

 Actualmente, para llevar a cabo un proyecto de

identidad, se rigen por los siguientes puntos: Elpersonal interior de diseño, los estudios ajenosdel diseño gráfico, los asesores de identidadestratégica y de comunicación y por último las

agencias de publicidad.

Lo más importante, es llegar a crear unaestética de empresa, que exprese y transmita el

carácter de la esta, a través de los elementosmás atractivos y característicos, que laidentifiquen, con lo que definiríamos finalmentecomo su marca.

 

Page 96: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 96/124

El estilo

El estilo, es una calidad o formacaracterística, una manera de

expresarse. Los estilosdiferencian las marcas de otrosproductos y servicios,estableciendo relaciones entre

ellos. Normalmente los estilosfacilitan la distinción de variaslíneas de productos

 

Page 97: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 97/124

La estimulación de un sentido por otro sentido, sedenomina sinestesia, fenómeno que integraelementos primarios, tales como formas, texturas,aromas, colores, materiales etc, todo ello expresaun estilo estético.

Es importante que en todos los diseños querealiza una persona, se encuentre identificado suestilo, aunque estos, a veces deban integrarse a

las exigencias de una empresa, siempre quedaráfijado en todos los buenos diseños el estilo de lapersona que los hizo.

 

Page 98: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 98/124

Muchas veces, sucede que el carácter de una marca nose proyecta adecuadamente a los difererentes elementosque forma la identidad. Cuando esto ocurre, se dice quese ha producido un fallo en la proyección.

Estos errores, pueden surgir por muchos aspectos uelementos. Por ejemplo que no se hayan seleccionadoadecuadamente los elementos que representaran elcarácter de la empresa. Otras veces, la imagen escorrecta, pero la actividad de la empresa, e incluso lacompetitividad del mercado, hace que deba renovarse o

adaptarse.

Por este motivo, muchas empresas regidas por grandesmarcas, crean filiales u otra marcas orientadas haciaciertos grupos de población, de este modo no es tanprobable que exista un fallo de proyección.

Comunicación externa:

La marca

 

Page 99: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 99/124

Definición de marca

La marca, es todo aquello que los consumidores reconocen como tal. Es unproducto dotado con un aspecto que atrae a los consumidores, haciendo queestos sean elegidos, por encima del resto.

El nombre que reciben los productos y organizaciones es conocido comomarca o marca corporativa. Ante la necesidad de representar visualmente tal

marca, existen los logotipos o logos, que proporcionan la imagen de la marcacorporativa.

 

Page 100: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 100/124

MAQUETACIONCOMPOSICION

 

Page 101: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 101/124

Maquetación, composición de una página,

compaginación de diferentes elementos.Son términos diferentes, que se utilizanpara hacer referencia a una misma cosa;la forma de ocupar el espacio del planomesurable, la página.

Todo diseñador gráfico, cuando inicia sucarrera, se encuentra con el problema decómo disponer el conjunto de elementosde diseño impresos (texto, titularesimágenes) dentro de un determinadoespacio, de tal manera que se consiga un

equilibrio estético entre ellos.

Maquetar un diseño, consiste en dar unformato a los documentos, a todo elconjunto de elementos que lo componen,las imágenes, los textos, etc

Maquetación

 

Page 102: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 102/124

Definir el documento

 Antes de empezar a maquetar, en primer lugar debemos definir el documento.Para definir un documento, lo primero que debemos hacer es definir el áreasobre la cual se desarrollará el trabajo (el papel).

Existen dos características muy importantes sobre el papel: la primera es eltamaño y la segunda la orientación. Este puede ser horizontal o vertical y eltamaño puede cambiar entre diversas medidas, siendo la más corriente yhabitual la DIN A4.

Para maquetar los documentos, los profesionales usan dos herramientas, muyútiles para ellos: el programa QuarkXpress y Adobe InDesign.

 

La retíc la compositi a

Page 103: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 103/124

La retícula compositiva

 

Page 104: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 104/124

Todos los trabajos de maquetación, deben llevar una guía a través de unaestructura estudiada y de tamaños fijos. Para ello usamos, la retícula

compositiva, que consiste en una guía en los elementos de la maquetación enpapel, con la finalidad de conseguir, un orden y estética. Las retículas sesubdividen a su vez en superficies bidimensionales o tridimensionales, encampos más pequeños en forma de una reja.

La retícula compositiva, se puede definir como una plantilla, muy útil, cuandonecesitamos componer un documento con muchas páginas , que tenga unorden, que sea claro y legible.

El dilema de un diseñador de editorial se encuentra en cómo encontrar elequilibrio entre el orden que impone la estructura reticular, y la necesidad deevitar la monotonía e inyectar una cierta dosis de creatividad a la maquetación.

Una retícula impone orden, uniformidad y coherencia. Una página con retículatransmite estructura y una cierta mecánica, frente a algo desordenado,desestructurado o caótico.

 

Page 105: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 105/124

Clases de retículas

Una vez estudiado y demostrado que una maquetación realizada a través delsistema reticular, aporta y favorece la credibilidad de lo que se está leyendo,expresa orden y nos traslada orden y confianza.

La retícula hace también que, la lectura se efectúe con mayor rapidez, sevisualicen los contenidos a distancias más lejanas y se retenga con más

facilidad en nuestra memoria la información que estamos recibiendo.

Retículas simples,de 2 y 4 columnasy de 3 a 6columnas

 

Page 106: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 106/124

Las retículas simples, se encuentran casi en todos losetiquetados, envasados, periódicos, etc.

La retícula de 2 y 4 columnas: Es una retícula muyutilizada por los diseñadores, ya que les permitecomponer una distribución equilibrada, aunque enalguna ocasión, puedan surgir algunas composicionesdemasiado simétricas.

La retícula de 3 y 6 columnas: Habitualmente seconsidera esta retícula como la más acertada para el

diseño de los folletos publicitarios. Proporciona anchas ycolumnas muy legibles, y además se tiene la opción,que la de tres columnas se puede subdividir a su vez, en6 columnas.

 

Page 107: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 107/124

Las tabulaciones del texto

Las composiciones se encuentran ilustradas por los textos, las imágenes oformas. Dentro de todo este conjunto de ilustraciones, se debe tener en cuentala alineación del texto:

 Alineación del texto a la izquierda: Es la forma más natural y recomendada, pratextos largos. Crea una letra y un espaciado entre palabras muy uniforme y

facilita la lectura de los documentos. Alineación del texto a la derecha: Esta forma dificulta mucho la lectura, por loque se aconseja que use, para textos pequeños y poco extensos. Alineación del texto justificado: El texto resulta más legible, si los espaciosentre letras y palabras son uniformes, y si los huecos que normalmente deja la justificación no entorpecen la lectura del documento.

 Alineaciones centradas: Son ideales para textos muy cortos, por ejemplo parafrases célebres, poemas, citas etc. Alineaciones asimétricas: Se utilizan para dar a la página un aspecto másexpresivo, son muy atractivas, pero muy costosas de leer en grandesextensiones de texto.

 

Trabajar con imágenes

Page 108: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 108/124

Trabajar con imágenes

El incluir imágenes o ilustraciones a nuestros documentos, proporcionan muchafuerza a los mismos, con el aporte de belleza, dinamismo y atención para loslectores.

La colocación de las imágenes y su tamaño, respecto al texto, pueden hacer 

que varíe el orden de lectura de un documento. Por este motivo, es importantetener en cuenta el número de imágenes, su tamaño y la colocación de lasmismas, a la hora de diseñar la retícula compositiva.

Una forma muy utilizada y acertada, es la de componer formas asimétricas através de las imágenes, rompiendo a su vez la monotonía de las

composiciones. 

Page 109: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 109/124

DIBUJO DE LA FIGURA HUMANA

 

Page 110: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 110/124

EL HOMBRE DE VITRUBIO

El hombre de Vitruvio de Leonardo DaVinci es una visión del hombre como

centro del universo al quedar inscritoen un circulo y un cuadrado. Elcuadrado es la base de lo clásico, elmodulo del cuadrado se emplea entoda la arquitectura clásica, el uso delángulo de 90º y la simetría son bases

grecolatinas de la arquitectura. En el serealiza un estudio anatómico buscandola proporcionalidad del cuerpo humano,el canon clásico ideal de la belleza.

 

Page 111: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 111/124

LA FIGURA HUMANA

El escultor Miguel Ángel establecióen sus estudios un dimensionadopara la figura humana que variabasegún el tipo que pretendíaesculpir. Estas medidas oscilaban

entre:

las siete cabezas y media paralas personas varones adultos.

8 cabezas para las personas conun cuerpo ideal,

8 cabezas y media para el tipo defigura heroica.

 

Page 112: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 112/124

Esto es valido tanto paravarones como féminas ysolo se diferencian elhombre de la mujer en el

dimensionado de la altura,en la que la altura delhombre es superior al de lamujer aproximadamenteen media cabeza.

El alto es de dos y ochocuadrantes exactos.

 

Té i 1

Page 113: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 113/124

Para hacer un boceto setoman como medidasprimarias el tamaño de lacabeza y se multiplicapor 8 conformando la

figura ideal, usamosformas básicas dando laforma humana, un circulola caja toráxico, círculospara los hombros, lapelvis un triangulo.

Luego de terminado el boceto se agregan los detalles de lamusculatura para verlos mas reales.

Técnica 1

 

Page 114: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 114/124

Técnica 2

 

Page 115: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 115/124

LA FIGURA

HUMANA

EN

MOVIMIENTO

 

Page 116: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 116/124

BOCETO

DE EL

CUERPO

HUMANO

 

Page 117: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 117/124

LA PERSPECTIVA

 

Para darle el efecto de realista a

Page 118: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 118/124

Para darle el efecto de realista aun dibujo hay que aplicar laperspectiva a los objetos,

Esto implica conocer laubicación desde la cual sequieres que sea visto por quienobserva el dibujo y que tan lejosde este se encuentra el dibujo.Lo primero que hay que recordar es que a medida que los objetosse alejan se ven mas pequeños,pero el ángulo al cual se reducees lo que le dará a los dibujos un

toque de realismo y efectotridimensional.

 

PERSPECTIVA CON

Page 119: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 119/124

PERSPECTIVA CON

DOS PUNTOS DE

FUGALa perspectiva de dos puntos o

perspectiva con dos puntos defuga se utiliza cuando lasesquinas de los objetos estánde frente al observador. Estees el método más utilizado para

dibujar objetos isométricos

Línea del Horizonte

Deter mina el horizonte en tudibujo. Dibuja una línea horizontala una altura apropiada.

 

Page 120: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 120/124

Deter mina la posición del observador , que

es la posición aproximada de los ojos de lapersona que observa el dibjo. Este puntopuede estar ubicado más abajo del límiteinferior del papel (fuera del papel.) No es

necesario marcar el punto, basta con tener una idea clara de donde está ubicado.

 

Punto de Fuga a la Izquierda

Page 121: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 121/124

g q

Deter mina tu primer punto de fuga. El método usual para esto esdibujar una primera línea imaginaria desde el punto del observador 

hacia la izquierda, en un ángulo de 60 grados hacia el borde inferior del papel. Luego, marcar el punto de fuga sobre el horizonte o unpoco por debajo de este dependiendo del efecto deseado.

Punto de Fuga a la Derecha Deter mina tu segundo punto de fuga. Para esto, dibuja una

segunda línea imaginaria partiendo desde el punto del observador hacia la derecha, esta vez en un ángulo de 30 grados hacia el bordeinferior del papel. La altura del segundo punto de fuga debe ser 

igual a la altura del primer punto o parecerá que el objeto dibujadose encuentra sobre una pendiente

 

Page 122: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 122/124

Esquematiza los ob jetosprincipales dibujando las

líneas verticales de esaforma, las líneas horizontalesque se muevan hacia laizquierda deberás dibujarlasen un ángulo hacia el punto

de fuga de la izquierda y laslíneas horizontales que semuevan hacia la derechadeberás dibujarlas en ángulohacia el punto de fuga de la

derecha (todas las líneashorizontales deberíanconverger en alguno de lospuntos de fuga si se alargansuficiente.)

 

Objetos Detallados

Page 123: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 123/124

Ob jetos Detallados

Agrega detalles a tu

dibujo respetando lastendencias y tamañosdictados por las líneashorizontalesesquematizadas para los

objetos principales. Estaslíneas determinarán laproporción de los tamañosde los objetos que estén

más cerca o más lejos delobservador.

 

Puedes hacer líneas temporales muy tenues (mostradas

Page 124: DISEÑO Y COLOR

5/9/2018 DISEÑO Y COLOR - slidepdf.com

http://slidepdf.com/reader/full/diseno-y-color 124/124

Puedes hacer líneas temporales muy tenues (mostradasaqui en verde) para asegurarte de que tus objetos

respetan la perspectiva.