Libro de fundamentos
Volumen 2 1
2
Indice 05..........................................................................................................1. Super Modulo.
07.........................................................................................................................2. Color.
21............................................................................................................3. Composición.
35....................................................................................................................4. Texturas.
41.................................................................................................5. Tipografía Creativa.
45...................................................................................................................6. Volumen.
3
4
Capitulo.1
¿Qué es un súpermodulo?
Supermodulo
Cuando los módulos, al ser organizados en un diseño, se agrupan juntos para convertirse en una formula mayor, que luego es utilizada en repetición.
¿Y qué es un módulo?
Un módulo es un componente autocontrolado de un sistema, el cual posee una forma bien definida hacia otros componentes; algo es modular si es construido de manera tal que se facilite su ensamblaje, acomodamiento flexible. Un modulo puede estar compuesto por elementos más pequeños, que son utilizados en repetición. Y asi se crea los super modulos.
5
¿PUEDE EL COLOR CONTAR UNA HISTORIA? En pocas palabras, el color puede afectarnos emocionalmente, psicológicamente e incluso físicamente, a menudo sin que nos volvamos conscientes. El color en la película puede construir armonía o tensión dentro de una escena, o llamar la atención sobre temas clave. Al contar una historia, los colores pueden ... 1. Obtener reacciones psicológicas con la audiencia. 2. Dibuja el foco en detalles significativos. 3. Establece el tono de la película. 4. Representar rasgos de carácter y más. 5. Mostrar cambios o arcos en la historia. Cuando se elige deliberadamente, una paleta de colores de películas bien colocada el estado de ánimo y establece el tono de la película. Los tres componentes principales de un color es: el tono, la saturación y el valor.
6
Capitulo.2
¿Que es el color?
Color
Es la percepción visual que genera la luz solar a los objetos y que el cerebro lo genera a la vista humana.
¿Como va el color?
Cuando una luz blanca pasa por un objeto o un prisma, este forma el fenómeno de refracción formado por una gama de colores.
Importancia en el Diseño Gráfico.
Cada color tiene un significado y expresa una sensación agradable o desagradable. En la función de elementos gráficos, es el simple significado de adornar los objetos, sino atraer al que quiera comprar o interesar el trabajo gráfico.
7
El círculo cromático
El círculo cromático es una representación visual de los colores primarios, rojo, amarillo y azul, y su combinación para crear todos los demás colores visibles. Ayuda a las personas a comprender las relaciones entre los colores para el arte y la planificación del diseño, por ejemplo las combinaciones de colores. Recuerde que el negro y el blanco no aparecen en el círculo. El efecto del negro y el blanco en relación al espacio de color se trata en la página de CARACTERÍSTICAS DEL COLOR y se denomina “valor”.
8
COLORES PRIMARIOS
Como ya mencionamos, los colores primarios son el rojo, amarillo y azul. Se denominan primarios porque no se basan en algún otro color. Pueden combinarse para crear cualquiera de los otros colores del círculo cromático. La mezcla de pigmentos de los tres colores primarios forma el color café.
COLORES SECUNDARIOS
Definimos como secundarios que se obtienen al mezclar los colores primarios. Entonces, si cogemos 2 primarios distintos, obtendremos uno segundario.
COLORES TERCIARIOS
Es lo mismo pero mezclando uno primario con uno secundario. Estos son los más curiosos
9
Color RGB
utiliza combinaciones de estos colores para crear millones de otros colores fuertes y combinaciones, y es el usualmente utilizado en las pantallas de televisión y ordenadores. Sin embargo no se usa en impresión offset, donde el esquema usado es el CMYK.
Color CMYK
trabaja en cuatricromía, con los colores cyan, magenta, amarillo y negro. Estos cuatro colores se mezclan con diversos porcentajes para conseguir cualquier tono, representado el 0% una adición de nada de color y el 100% una adición por completo del color indicado. Es decir, el color amarillo al 100% dará como resultado una impresión en amarillo. Es este el sistema utilizado en la impresión offset.
10
• Tríada: es la relación formata en 3 colores equidistantes formando 120º uno del otro. • Complementario: son los que están opuestos en el círculo cromático, el complementario de un color primario siempre será uno secundario. • Tetradas: Es conocido como esquema de color complementario doble porque utiliza 4 familias de colores, dos pares de colores complementarios. Esto da lugar a combinaciones muy vibrantes y con mucho contraste e intensidad. Es una composición armónica, pero la única pega es que al poseer más variedad de colores, su uso es también más complicado que el resto. De esta manera un buen hacer puede ser tomando uno como predominante. • Adyancentes: son los que se encuentran dispuestos en el círculo cromático en relación de vecindad sin los intermedios. • Análogos: son aquellos entre los que se considera que existe una armonía, es decir, aquellos colores que se encuentran cerca unos de otros en el círculo cromático y que son muy parecidos aunque ligeramente diferentes.
11
12
Complementario
13
Anรกlogo
14
Triada
15
COLORES DISCORDANTES
Son una combinación de colores que una nación adopta como símbolo de su identidad. Hay 2 tipos de discordantes: 1. Colores Psicodélicos: Combinaciones imposibles de colores saturados complementarios, tipografías libres al borde de la legibilidad, que se deforman, se retuercen y se deshacen como si fueran líquidas, desinhibidos adornos modernistas.
2. Colores Desajustables: Son la paleta de colores de un mismo color pero que son distintos que da mucha confusión.
16
PSICOLOGÍA INVERSA ¿Qué es la psicología inversa?
La psicología inversa es una técnica psicológica creada por el psicólogo conductista Viktor Frankl. Esta técnica consiste en la defensa de una creencia o conducta que es contraria a la deseada con la expectativa de que este enfoque moverá a un sujeto a actuar como realmente se desea. Es decir, de forma contraria de lo que se le sugiere.
¿Qué tiene que ver con el diseño grafico?
La psicología y la publicidad van siempre cogidas de la mano. Para que la publicidad consiga el efecto deseado es fundamental conocer como funciona nuestra mente ante determinadas situaciones y así transmitir el mensaje de la formas más eficaz posible. Por otro lado, el diseño gráfico es muy utilizado en la publicidad como medio para lograr estos objetivos. Por eso, cuando diseñamos un flyer, cartel, sitio web, o sobre otro soporte publicitario, la psicología debe estar muy presente en cada decisión que tomemos de manera que provoque la sensación correcta en nuestro público objetivo.
17
Psicología del color
La psicología del color es un campo de estudio que está dirigido a analizar cómo percibimos y nos comportamos ante distintos colores, así como las emociones que suscitan en nosotros dichos tonos. Hay ciertos aspectos subjetivos en la psicología del color, por lo que no hay que olvidar que pueden existir ciertas variaciones en la interpretación y el significado entre culturas. A pesar de todo, hay ciertos principios aceptados que vamos a repasar en este artículo y que se aplican fundamentalmente a las sociedades occidentales.
La psicología del color en la vida cotidiana
Y es que no suena nada rara la afirmación de que los colores provocan un efecto emocional en nosotros. De hecho, forma parte de nuestro lenguaje cotidiano. En otras palabras, es común hablar de colores cálidos, como el rojo, el amarillo o el naranja, que pueden suscitar distintas reacciones, desde positivas (calidez) o negativas (hostilidad y enfado). O, por contra, también solemos hablar de colores fríos, como el verde o el azul, que suelen provocar una sensación de calma pero también tristeza.
18
La psicología del color en el comercio
El color cumple un papel fundamental en marketing y envía un mensaje específico. En cosas como el diseño de logos, empaques y diferentes piezas de comunicación, cada color tiene diferente asociación. Sea que esté rediseñando su página web, el stand para una feria exposición o un anuncio publicitario, tenga presente estos aspectos como un referente y una guía que le puede orientar en el significado de cada color. Sin embargo, recuerde que son lineamientos generales. Y si bien el color es uno de los elementos básicos en el impacto y asociación de una pieza, no es el único. Por ejemplo para el diseño de un logo, el color se conjuga con otros aspectos como la tipografía, un eslogan, un ícono y la forma en que estén distribuidos los elementos para darle armonía y equilibrio visual.
19
20
Capitulo 3
La composición Es la disposición equilibrada de los elementos que se ordenan para expresar sensaciones favorables en un espacio determinado. La distribución de estos elementos debe realizarse en función de una estructura interna que tenga una significación clara o una intención con el mensaje que se quiera transmitir. En una composición tenemos que tener en cuenta tanto los espacios llenos que ocupan las formas como los vacíos.
21
Factores Compositivos
22
El encuadre concreta los límites de la imagen. Determina la parte seleccionada de la realidad representada. En el encuadre se deben analizar los siguientes elementos:
Los planos
• Gran plano general (G.P.G.) La persona sólo ocupa tres cuartos o la mitad de la pantalla. No hay elementos que destaquen y el espacio es enorme. • Plano general (P.G.) Recoge todo el cuerpo y queda un pequeño margen en la parte superior e inferior de la pantalla. • Plano tres cuartos o plano americano. Desde la parte superior de la cabeza hasta las rodillas. Sirve para captar la interpretación o expresión del cuerpo. • Plano normal o plano medio (P.N.) Desde la parte superior de la cabeza a la cintura. El p.m. corto recoge hasta la mitad del torso. • Primer plano (P.P.) desde la parte superior de la cabeza a la parte superior del torso. Un p.p. grande recoge la cara del personaje con aire a los lados. Representa una imagen elemental o la expresión de la cara. • Primerísimo primer plano o plano de detalle (P.P.P.) la cara del personaje cubre la pantalla entera.
23
24
La angulación
Es el ángulo que forma el punto de vista del espectador ante el objeto. Puede ser: • Picado (punto de vista de arriba abajo), ofrece la sensación de superioridad sobre el objeto. • Contrapicado (de abajo hacia arriba), da sensación de inferioridad, realce, solemnidad. • Normal (puntos de vista y objeto en el mismo plano) superior del torso.
25
Tipos de Composiciรณn
26
• El equilibrio: tenemos tendencia a buscar los ejes en los que descansa la composición y en ellos la estabilidad o equilibrio de la misma. Lo opuesto crea inestabilidad. • La referencia horizontal: necesitamos ver que los objetos o partes que componen una composición están de alguna forma apoyados. La parte inferior se verá mejor que la superior, ya que será donde se constituya la base. • Zonas de preferencia visual: • Preferencia por el ángulo inferior izquierdo: los hábitos de lectura occidentales han motivado que la atención se centre más en la parte izquierda y en concreto en la inferior izquierda. • Efecto de relajación-tensión: una composición equilibrada, simétrica o predecible produce un efecto de relajación visual; por oposición, la ausencia de ese órden visual compositivo, genera tensión en la apreciación del receptor.
27
Composiciones estรกticas
28
Composiciones dinรกmicas
29
30
LĂneas direccionales
31
Composiciones simétricas
Una composición es simétrica cuando el peso visual de los elementos está repartido de modo equivalente con respecto a uno de los ejes principales, vertical u horizontal. El tipo más usado es el de la simetría bilateral según el eje vertical. También existe una simetría con respecto a un eje diagonal. Por lo general la simetría implica estatismo.
32
Composiciones asimétricas
Una composición es asimétrica cuando el peso visual de los elementos de la imagen se reparte de modo desigual con respecto a uno de los ejes principales, vertical u horizontal. La asimetría respecto al eje horizonal o a una diagonal es lo más frecuente. La asimetría al romper la formalidad estática y convencional del centro, representa la alternativa más inmediata de crear un efecto dinámico en la composición.
33
34
Capitulo.4 Texturas
La textura se refiere a las caracterĂsticas de superficie de una figura. 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.
35
LA TEXTURA VISUAL La textura visual es estrictamente bidimensional. Es la clase de textura que puede ser vista por el ojo, aunque pueda evocar también sensaciones táctiles. Puede ser decorativa, espontánea o mecánica. DECORATIVA: Cuando “decora” una superficie y queda subordinada a la figura. Si se suprime, no afecta mucho a las figuras. Generalmente mantiene cierto grado de uniformidad. ESPONTÁNEA: No “decora”, sino que es parte del proceso de creación visual. La figura y la textura no pueden ser separadas, porque son una misma cosa. MECÁNICA: Se refiere a la textura obtenida por medios mecánicos especiales, pero no los que se obtienen con instrumentos como reglas y compases. Un ejemplo típico es el granulado fotográfico y las tramas tipográficas. Existen varios métodos para fabricar texturas visuales. Entre ellas encontramos: dibujo, pintura, impresión, copia, frotado, vaporización, derrame, manchado, quemado, raspado y procesos fotográficos.
36
Suciedad y polvo
Liso y arrugado.
Duro, liso y organico.
Natural, duro y agujereado
Natural y bulboso.
37
LA TEXTURA TÁCTIL La textura táctil es el tipo de textura que no solo es visible al ojo, sino que puede sentirse con la mano. Se eleva sobre la superficie de un diseño bidimensional y se acerca a un relieve tridimensional. Esta textura puede ser natural, cuando es propia de los materiales utilizados; modificada, cuando se ha añadido una textura adicional a la natural del elementos compositivo a través de algún proceso físico o químico; y organizada, cuando la unión de pequeñas porciones de algún material se ordenan de manera que produzcan una nueva textura táctil (por ejemplo, semillas, alfileres, botones, cordones, etc.). Los materiales pueden a veces ser identificables, pero la nueva sensación de superficie es mucho más dominante. Todos los tipos de textura táctil pueden ser transformados en textura visual a través de un proceso fotográfico.
38
Gu erra y pa z leon tolstoi
39
40
Capitulo.5
Tipografía creativa El diseño, la apariencia y las dimensiones de los tipos dependen de la tipografía. Es posible distinguir diversas ramas o divisiones en este arte, como la tipografía creativa (que explora las formas gráficas más allá de la finalidad lingüística de los símbolos), la tipografía de edición (vinculada a las propiedades normativas de las familias de tipos), la tipografía del detalle o microtipografía (centrada en el interlineado, el interletrado y la marca visual) y la macrotipografía (especializada en el tipo, el estilo y cuerpo de los símbolos).
41
Un claro ejemplo son los Emojies, es una palabra japonesa que se utiliza para designar las imágenes o pictogramas que son usados para expresar una idea, emoción o sentimiento en medios de comunicación digital. Se han vuelto tan populares entre los usuarios de internet y smartphones que, incluso, el Diccionario Oxford ha elegido el emoji con lágrimas de risa como la palabra del año 2015, debido a su uso y popularidad. El emoji, en este sentido, es la versión japonesa del emoticono. Son utilizados sobre todo en mensajes electrónicos, comunicaciones digitales y sitios web. Están presentes en distintas aplicaciones de mensajería instantánea, como WhatsApp, Spotbros, Telegram o Hangouts.
42
43
44
Capitulo.6 Volumen
En el diseño grafico, estan encuenta el recorrido del plano en movimiento y se convierte en volumen, Hay 2 metodos para hacer un diseño en volumen: 1. Digital: usando ciertos programas para que se puedan hacer ilustraciones opticas o minimalistad. 2. Manual: hay una especie de llamado papercut. Esta técnica consiste en dibujar sobre el papel cortándolo. Es una práctica tradicional (China, Centro Europa, México), utilizada por muchos artistas contemporáneos.
45
46
Fin
47