25
Guía de diseño

Guia de diseño (completo)

Embed Size (px)

Citation preview

Page 1: Guia de diseño (completo)

Guía de diseño

Page 2: Guia de diseño (completo)

1. Introducción al diseño 2. Conceptos básicos de Diseño Gráfico

3. Elaboración de piezas graficas publicitarias en Photoshop 4. Pre-prensa

5. Retoque fotográfico

Page 3: Guia de diseño (completo)

• DISEÑO

• GRAFICO

• DISEÑO GRAFICO

• SEMANTICA

• TRIANGULO DEL DISEÑO

Page 4: Guia de diseño (completo)

Diseño: La palabra "diseño" se usará para referirse al proceso de programar, proyectar, coordinar,

seleccionar y organizar una serie de factores y elementos con miras a la realización de objetos

destinados a producir comunicaciones visuales. La palabra "diseño" se usará también en relación

con los objetos creados por esa actividad.

Page 5: Guia de diseño (completo)

Grafico: La palabra "gráfico" califica a la palabra "diseño", y la relaciona con la producción de

objetos visuales destinados a comunicar mensajes específicos

Page 6: Guia de diseño (completo)

Las dos palabras juntas: "diseño gráfico", desbordan la suma de sus significados individuales y pasan a ser el nombre de una profesión. En función de proponer una definición inicial, se podría decir que el diseño

gráfico, visto como actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general

por los medios industriales y destinadas a transmitir mensajes específicos a grupos determinados."

Page 7: Guia de diseño (completo)

Semántica denotativa: lo que quiere decir

Estética connotativa: como atraer diciéndolo

Page 8: Guia de diseño (completo)

"La persuasión procura convencernos de que no existe más que una elección razonable; la

identificación tiene como fin que se distinga el elemento en su contexto; y la información o

explicación es más simple de precisar porque refiere a la comunicación objetiva de los hechos."

Page 9: Guia de diseño (completo)

• COMPOSICION• PROPORCION Y SIMETRIA• EL FACTOR EQUILIBRIO COMPOSITIVO• EQUILIBRIO SIMETRICO O ASIMETRICO• CLASIFICAMOS EL EQUILIBRIO EN DOS TIPOS:

SIMÉTRICO Y ASIMÉTRICO • LA GESTALT (Signo, Color, Imagen, Publicidad)• 10 CONCEJOS BASICOS

Page 10: Guia de diseño (completo)

La composición se define como una distribución o disposición de todos los elementos que incluiremos en un diseño o composición, de una forma perfecta y equilibrada. En un diseño lo primero que se debe elegir son todos los elementos que aparecerán en el, luego debemos distribuirlos, para colocarlos con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante, tener en cuenta de que forma situaremos estos elementos, en nuestra composición, para que tengan un equilibrio formal y un peso igualado.

Page 11: Guia de diseño (completo)

En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso visual, y nos transmiten una sensación de avance. En cambio los que se encuentran en la parte izquierda, nos proporcionan una sensación de ligereza.Esto también se observa, si lo aplicamos en la parte superior de un documento, posee mayor ligereza visual, mientras que los elementos que coloquemos en la parte inferior, nos transmitirán mayor peso visual. Actualmente no existe una composición perfecta. Cada composición dependerá de su resultado final, para todo ello, es necesario conocer todos los aspectos y formas para obtener un resultado con un cierto equilibrio.

Page 12: Guia de diseño (completo)

Cada forma o figura representada sobre un papel se comporta como un peso, un peso visual, porque ejerce una fuerza óptica. Los elementos de nuestra composición gráfica pueden ser imaginados como los pesos de una balanza. Una composición se encuentra en equilibrio si los pesos de los distintos elementos que la forman se compensan entre sí.Este criterio se aplica principalmente al diseño global, es decir, a la disposición de los elementos sobre la superficie de trabajo. Normalmente se busca este equilibrio, aunque en alguna ocasión seprovoca un desequilibrio intencionado para conseguir unos resultados específicos en un diseño.

Page 13: Guia de diseño (completo)

En una composición se puede conseguir el equilibrio a través del uso 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 en una composición, se observa la importancia que tienen los objetos dentro del diseño o creación que queremos representar, intentando equilibrar los elementos de mayor importancia con los de menor importancia, y los de mayor peso con los de menor.

Page 14: Guia de diseño (completo)

El equilibro simétrico se produce cuando al dividir una composición en dos partes iguales, existe igualdad de peso en ambos lados. No se

encuentran elementos 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 simetría axial

bilateral, en la que el eje es el cuerpo del insecto. Sus dibujos están dispuestos simétricamente respecto al eje. Esta regularidad constituye,

a nivel de percepción, un factor estético de armonía.

Page 15: Guia de diseño (completo)

Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no existen las mismas dimensiones en tamaño, color, peso etc., pero existe un equilibrio entre dos elementos.En el equilibrio asimétrico, al ser desiguales los pesos a un lado y otro del eje, el efecto es variado.La asimetría nos transmite agitación, tensión, dinamismo, alegría y vitalidad; en este tipo de equilibrio una masa grande cerca del centro se equilibra por otra pequeña alejada del aquel.

Page 16: Guia de diseño (completo)

La teoría Gestalt permite el análisis del Diseño desde el punto de vista de las leyes de la percepción, los que se pueden corroborar desde múltiples fases, abarcativas de la captación de la figura por elojo humano y su configuración desde su aplicación efectiva por medio de una integración filosófica: ver la totalidad. El núcleo de la Psicología de la Gestalt gira en torno a la siguiente afirmación: La percepción humana no es la suma de los datos sensoriales, sino que pasa por unproceso de reestructuración que configura a partir de esa información una forma, una Gestalt, que constituye un todo, que no es la mera suma de las partes. Es anterior a las partes y fundamental para ellas. No es una composición de elementos. Las formas son totalidades cuya conducta no se determina por la de sus elementos, sino por la naturaleza interior total.

Page 17: Guia de diseño (completo)

La definición de signo será siempre una de gran nivel abarcativo ya que nos estamos refiriendo a un elemento que puede ser utilizado en infinitas áreas del lenguaje humano para simbolizar un significado, significado que puede a su vez variar en cada ocasión. Si bien la noción de signo tiende a ser relacionada con determinado tipo de elementos (por ejemplo los signos del zodíaco, los signos de puntuación), un signo puede ser cualquier representación del lenguaje humano en su inmensa variedad.

Page 18: Guia de diseño (completo)

El color es una sensación que producen los rayos luminosos en los órganos visuales y que es interpretada en el cerebro. Se trata de un fenómeno físico-químico donde cada color depende de la longitud de

onda. Los cuerpos iluminados absorben parte de las ondas electromagnéticas y reflejan las restantes. Dichas ondas reflejadas son

captadas por el ojo y, de acuerdo a la longitud de onda, son interpretadas por el cerebro. En condiciones de poca luz, el ser

humano sólo puede ver en blanco y negro.

Page 19: Guia de diseño (completo)

Las normas básicas establecidas desde el ámbito del dibujo y la pintura, conforma el aspecto teórico de la imagen. En computación, hay que diferenciar el dibujo de la fotografía, no sólo por la comprobación visual, sino también por los aspectos del formato. Un dibujo vectorial puede verse como una nueva imagen en la medida en que los cambios de extensiones conforman su estructura. Para el caso de la fotografía, se aplican estructuras idénticas y también se amalgaman con las reglas del pintura para la aplicación de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus componentes y crear un efecto de dibujo en una fotografía.

Page 20: Guia de diseño (completo)

La publicidad ha creado un campo propio en el que su aporte ha sido considerado como fundamental para establecer un sinnúmero de relaciones entre la comunicación de un mensaje y un estatuto que posibilita la aplicación de esquemas básicos, entre ellos, el afiche.Asimismo, en ese estudio, se podrá verificar sus alcances para organizar la llamada imagen corporativa de una empresa, que "estratégicamente y operativamente ilumina el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su modo propio de concebir productos y/o servicios y de innovar; su personalidad exclusiva y su manera distintiva de comunicar, de conectar con los públicos y de relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan toda la dinámica de la empresa hasta el largo plazo."

Page 21: Guia de diseño (completo)

1. No diseñar por aburrimiento: elaborar diseños por no tener nada que hacer o por pasar el tiempo es negativo para nuestro desempeño. Tendremos que empezar a diseñar en base a un producto o servicio así sea imaginario2. Busquemos un resultado profesional antes que un diseño bonito3. Cuidar de todos los elementos que se tienen, usarlos con conciencia4. Abocetar en papel aunque no seamos buenos dibujando5. Trabajar con paletas de color definidas6. Usar tipografía adecuada, funcional, no solo por considerarla bonita7. Cada diseño necesita oxigenarse o respirar8. Pensar en donde tendremos el resultado final, revista, valla, periódico etc.9. Conseguir referencias de inspiración mas no plagiar10. En todos lados tenemos ejemplos de diseño, abramos bien los ojos

Page 22: Guia de diseño (completo)

- Conceptos básicos del espacio de trabajo - Paneles y Menús - Herramientas - Visualización de imágenes - Modificación de imagen - Filtros y Plugins - Fusión de capas - Capas - Uso de mascaras

Page 23: Guia de diseño (completo)

La preprensa digital es el conjunto de procesos posteriores al diseño operados por medio de una computadora y previos a la impresión. Empieza cuando el diseñador termina el proceso creativo. Termina

cuando se entrega el material para entrar a impresión. La responsabilidad y los cuidados para un óptimo resultado de preprensa

digital, comienzan en el trabajo del diseñador antes de mandar los archivos a salida y terminan en la prensa misma. Esto se traduce a

que desde que se esta diseñando se debe cuidar de utilizar los perfiles de color adecuados, que se aplique el trapping u overprint cuando sea

necesario, que se manden los archivos completos, en un medio adecuado y en buenas condiciones, es decir que vayan todas las

fuentes, archivos, ilustraciones, encapsulados, etc. y que estos vayan correctamente, o sea, bien compaginados, con rebases, todos los

archivos en colores CMYK, etc.

Page 24: Guia de diseño (completo)

El retoque fotográfico es una técnica que permite obtener otra imagen modificada, ya sea para lograr una mejor calidad o más realismo, o para obtener una composición totalmente diferente que distorsione la realidad. Para llevar a cabo dicho proceso, se utilizan mayoritariamente programas informáticos. Las técnicas de retoque fotográfico digital son hoy en día muy utilizadas como método de post-producción, sobre todo en ámbitos donde la imagen es lo que vende. Se da mucho su utilización en las producciones de modelaje, ya que la perfección en las modelos debe ser alcanzada a toda costa.

Page 25: Guia de diseño (completo)