estudio de las formas en diseño gráfico.pptx

Aprende a interpretar las formas

1. Taller de diseño Lic. Oscar Loza Ugarte

2. Estudio de las formas El estudio de las formas en diseño gráfico es fundamental para entender cómo los elementos visuales se organizan y comunican dentro de un diseño. Las formas son elementos básicos que componen la estructura visual de cualquier diseño, ya sea un logotipo, un póster, una página web o cualquier otro tipo de material gráfico.

3. Aquí hay algunas áreas clave que se exploran al estudiar las formas en diseño gráfico:

4. Tipos de formas Tipos de formas : Las formas pueden ser geométricas (como círculos, cuadrados, triángulos) orgánicas (formas naturales y fluidas) y abstractas. Comprender las características de cada tipo de forma ayuda a seleccionar las más adecuadas para transmitir el mensaje deseado.

5. Las Formas y Sus Significados Llegados a este punto, vamos a hacer un listado con algunas de las  formas geométricas esenciales , y cual es el significado e imagen que dan cada una de ellas. Acompañadas de ejemplos de logotipos reconocibles que hacen buen uso de sus principios.

6. Círculos Los círculos dan un aspecto de plenitud, algo terminado. Posiblemente, sea la forma más usada en los logotipos, ya sea la forma del propio logo, o como cerramiento del mismo. También  pueden representar el constante movimiento . En esta categoría también hay que incluir otros tipos de formas circulares, como las elipses. LAS FORMAS Y SUS SIGNIFICADOS

7. LAS FORMAS Y SUS SIGNIFICADOS Cuadrados / Rectángulos Los cuadrados nos dan una idea de estabilidad. Que no se pueden mover con facilidad. También con robustez y seguridad, aunque si no se usas correctamente pueden dar una imagen aburrida. Por eso, muchas veces se suelen llenar de un color, o una  combinación de colores . O también añadirle otros elementos, como letras o textos.

8. LAS FORMAS Y SUS SIGNIFICADOS Triángulos Si trabajamos con triángulos, un aspecto muy importante es decidir en que dirección estará apuntando. Los triángulos, al igual que pasa con las flechas, nos dicen diferentes cosas según hacia donde señalen. Por ejemplo, la derecha significa progreso, mientras que a la izquierda es una especie de vuelta al pasado. Aunque también hay que tener en cuenta hacia que público nos vamos a dirigir, ya que estas direcciones tienen este significado en países occidentales. Por eso hay que  pensar al diseñar según el país .

9. LAS FORMAS Y SUS SIGNIFICADOS Pentágonos / Hexágonos / Octógonos Aunque hemos citado estas tres figuras geométricas, lo hacemos porque son los polígonos de mas de cuatro lados más comunes. De este listado, seguramente sean las formas con usos mas diversos. Pueden usarse para dar un  aspecto de profundidad  a una imagen bidimensional, o para crear una composición de formas mediante pequeñas piezas.

10. LAS FORMAS Y SUS SIGNIFICADOS Espirales Las espirales tienen un formato muy poderoso cuando lo usamos para diseñar. Y es por ello que debemos tener cuidado cuando nos decantemos por ellas. Dan una imagen de ser complejas, por lo que suelen centrar la atención si  el resto de la composición  da un aspecto más tranquilo. Pero si las usamos en solitario, es una forma muy potente, con mucho dinamismo e intensidad.

11. LAS FORMAS Y SUS SIGNIFICADOS Espirales Las espirales tienen un formato muy poderoso cuando lo usamos para diseñar. Y es por ello que debemos tener cuidado cuando nos decantemos por ellas. Dan una imagen de ser complejas, por lo que suelen centrar la atención si  el resto de la composición  da un aspecto más tranquilo. Pero si las usamos en solitario, es una forma muy potente, con mucho dinamismo e intensidad.

12. LAS FORMAS Y SUS SIGNIFICADOS Formas Curvadas Las formas curvadas de asocian al movimiento, el placer y la generosidad. Añaden un punto inesperado a las formas. Estas formas se pueden añadir a otras formas, como los cuadrados, para darles un aspecto mas relajado. Le dan un toque de suavidad.

13. LAS FORMAS Y SUS SIGNIFICADOS Formas Orgánicas Las formas orgánicas son aquellas que tienen una apariencia o estructura que recuerda a la de los seres vivos o a la naturaleza. Estas formas son comúnmente utilizadas en el diseño, la arquitectura y las artes visuales para crear una sensación de calidez y vitalidad.  

14. LAS FORMAS Y SUS SIGNIFICADOS Formas Abstractas Es lo que existe solo en idea, pero no de forma material. Es lo intangible o conceptual, aquello que no tiene una existencia física concreta. Abstracto tiene como sinónimo indeterminado, indefinido, teórico, ideal, vago e impreciso.

15. ASPECTOS DE LAS FORMAS Al estudiar las formas en diseño gráfico, se pueden considerar varios aspectos importantes que influyen en la percepción y la comunicación visual. Aquí hay algunos aspectos clave a tener en cuenta:

16. ASPECTOS DE LAS FORMAS Tamaño: El tamaño de una forma puede influir en su prominencia y en cómo se destaca dentro de un diseño. Las formas más grandes tienden a llamar más la atención y pueden utilizarse para enfatizar ciertos elementos o crear un punto focal en el diseño. Forma y contorno: La forma en sí misma y su contorno pueden transmitir significado y crear una sensación particular. Las formas suaves y redondeadas pueden sugerir armonía y suavidad, mientras que las formas angulares y afiladas pueden transmitir energía y agresividad.

17. ASPECTOS DE LAS FORMAS Color: El color de una forma es un aspecto crucial que puede afectar su percepción y su impacto visual. El color puede evocar emociones, asociaciones culturales y connotaciones simbólicas, por lo que la elección del color para una forma puede tener un gran impacto en la comunicación del diseño. Textura: La textura de una forma puede agregar interés visual y táctilidad al diseño. Puede ser suave, rugosa, brillante, mate, entre otras, y puede afectar la forma en que se percibe y se relaciona con otras formas en el diseño.

18. ASPECTOS DE LAS FORMAS Posición y orientación: La posición y orientación de una forma en relación con otras formas y elementos del diseño puede influir en cómo se percibe y se interpreta. La disposición de las formas puede crear flujo visual, equilibrio o tensión dentro del diseño. Proporción y escala: La proporción y la escala de una forma en relación con otras formas y el espacio circundante pueden afectar la percepción de equilibrio y armonía en el diseño. El uso cuidadoso de la proporción y la escala puede ayudar a crear una composición visualmente atractiva y bien equilibrada.

19. DISEÑO DE UNA FORMA Diseñar una forma en el contexto del diseño gráfico implica seguir un proceso creativo que puede variar según tus preferencias y el proyecto específico en el que estés trabajando. Aquí tienes algunos pasos generales que puedes seguir para diseñar una forma:

20. DISEÑO DE UNA FORMA Definir el propósito y contexto: Antes de empezar a diseñar, es importante entender el propósito de la forma y el contexto en el que será utilizada. ¿Qué mensaje quieres comunicar? ¿Dónde se utilizará la forma (por ejemplo, en un logotipo, en un folleto, en un sitio web)? Esta comprensión te ayudará a guiar tus decisiones de diseño. Investigación y bocetos: Investiga y haz bocetos de diferentes ideas para tu forma. Experimenta con diferentes formas básicas, contornos, tamaños y estilos. No te preocupes por los detalles en esta etapa; se trata más de explorar conceptos y encontrar direcciones que te inspiren.

21. DISEÑO DE UNA FORMA Seleccionar una forma: Basándote en tus bocetos y tu investigación, elige una forma que se adapte mejor a tus necesidades y objetivos de diseño. Considera cómo encaja la forma con la marca o el proyecto para el que estás diseñando y asegúrate de que sea distintiva y memorable. Refinamiento del diseño: Una vez que hayas seleccionado una forma, comienza a refinar tu diseño. Ajusta la forma, el tamaño, el color y otros elementos para lograr el aspecto deseado. Presta atención a los detalles y asegúrate de que el diseño sea coherente y esté bien equilibrado.

22. DISEÑO DE UNA FORMA Experimentación con colores y efectos: Prueba diferentes combinaciones de colores y efectos visuales para tu forma. Juega con sombras, degradados, texturas y otros efectos para agregar profundidad y dimensión al diseño. Asegúrate de que los colores y efectos que elijas sean coherentes con la identidad visual de tu marca o proyecto. Pruebas y ajustes: Una vez que hayas finalizado tu diseño inicial, haz pruebas para ver cómo se ve en diferentes contextos y tamaños. Realiza ajustes según sea necesario para garantizar que el diseño funcione bien en todas las aplicaciones previstas.

23. DISEÑO DE UNA FORMA Entrega del diseño final: Una vez que estés satisfecho con tu diseño, prepara los archivos finales según las especificaciones requeridas para su uso. Esto puede implicar la creación de archivos en formatos específicos (como PNG, JPEG o SVG) y la entrega de archivos en diferentes tamaños y resoluciones según sea necesario. Recuerda que el proceso de diseño es iterativo, y puede que necesites realizar múltiples rondas de revisiones y ajustes antes de llegar al diseño final. ¡No tengas miedo de experimentar y seguir tu intuición creativa mientras diseñas tu forma!

24. QUÉ ES JPG JPG, abreviatura de " Joint Photographic Experts Group ", es un formato de archivo de imagen ampliamente utilizado que se utiliza para comprimir imágenes digitales. Fue desarrollado por el grupo homónimo de expertos en fotografía en la década de 1990. El formato JPG es muy popular debido a su capacidad para comprimir imágenes de alta calidad en tamaños de archivo más pequeños, lo que los hace ideales para compartir y almacenar imágenes en línea.

25. JPG

26. QUÉ ES JPG Aquí hay algunas características clave del formato JPG: Compresión con pérdida: JPG utiliza un algoritmo de compresión con pérdida, lo que significa que elimina cierta información de la imagen para reducir el tamaño del archivo. Esto puede resultar en una ligera pérdida de calidad en la imagen, especialmente si se utiliza una alta tasa de compresión. Soporte para millones de colores: JPG es capaz de representar una amplia gama de colores, lo que lo hace ideal para fotografías y otras imágenes en color.

27. QUÉ ES JPG Compatibilidad: JPG es compatible con la mayoría de los programas de software de edición de imágenes y visores de imágenes, así como con la mayoría de los dispositivos y plataformas en línea. Configuración de calidad ajustable: Al guardar una imagen en formato JPG, generalmente se puede ajustar la configuración de calidad para equilibrar el tamaño del archivo y la calidad de la imagen. Una mayor calidad resultará en un archivo más grande, mientras que una menor calidad reducirá el tamaño del archivo pero puede provocar una mayor pérdida de calidad en la imagen.

28. QUÉ ES JPG No admite transparencia: A diferencia de algunos otros formatos de imagen como PNG o GIF, JPG no admite transparencia. Esto significa que el fondo de una imagen JPG siempre será opaco. En resumen, JPG es un formato de archivo de imagen muy utilizado que ofrece una buena combinación de calidad de imagen y tamaño de archivo, lo que lo hace ideal para una amplia variedad de aplicaciones, desde la fotografía digital hasta el diseño web.

29. QUÉ ES PNG En el terreno de la  informática , PNG es una sigla que alude a portable network graphics , expresión que puede traducirse al castellano como gráficos de red portátiles. Se trata de un formato gráfico cuya extensión es .png. El sistema .png está pensado para emplear con imágenes con transparencias. Utiliza una paleta de 256 colores y permite tanto el formato en blanco y negro como el color real.

30. QUÉ ES PNG En el terreno de la  informática , PNG es una sigla que alude a portable network graphics , expresión que puede traducirse al castellano como gráficos de red portátiles. Se trata de un formato gráfico cuya extensión es .png. El sistema .png está pensado para emplear con imágenes con transparencias. Utiliza una paleta de 256 colores y permite tanto el formato en blanco y negro como el color real.

31. QUÉ ES SVG El formato SVG es perfecto para las imágenes de sus páginas webs, ya que ofrece una alta calidad sin consumir demasiados recursos, lo que hace que la carga de sus webs siga siendo ágil en todo momento. Una imagen SVG puede adaptarse sin problemas a diferentes dispositivos y resoluciones, desde pantallas pequeñas de teléfonos móviles hasta grandes monitores de computadora, sin distorsionarse ni pixelarse , y  sin afectar por ello negativamente al SEO o a la velocidad de carga de la web . En primer lugar, un SVG es una imagen vectorial, lo que significa que la podemos escalar, pesa pocos megas y permite, a diferencia de los formatos estándar (mapa de bits), una definición mayor en tamaños reducidos. El formato es equivalente al que se utiliza en los populares programas como Adobe Illustrator o Corel Draw .

32. QUÉ ES SVG Una imagen en gráfico vectorial es una imagen con una base matemática o, dicho de otra manera, una imagen que no está basada en píxeles. Está construida a partir de vectores (que se crean con fórmulas matemáticas) que pueden modificarse a conveniencia. Los archivos SVG ( Scalable Vector Graphics ,  en español, Gráficos Vectoriales Redimensionables ), son un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato XML. Una imagen SVG puede adaptarse sin problemas a diferentes dispositivos y resoluciones, desde pantallas pequeñas de teléfonos móviles hasta grandes monitores de computadora, sin distorsionarse ni pixelarse , y  sin afectar por ello negativamente al SEO o a la velocidad de carga de la web .

33. INTERRELACIÓN DE LAS FORMAS Las formas pueden encontrarse entre sí de diferentes maneras, se distinguen 8 diferentes interrelaciones: DISTANCIAMIENTO TOQUE SUPERPOSICIÓN PENETRACIÓN UNIÓN SUSTRACCIÓN INTERSECCIÓN COINCIDENCIA

34. INTERRELACIÓN DE LAS FORMAS Las formas pueden encontrarse entre sí de diferentes maneras, se distinguen 8 diferentes interrelaciones: DISTANCIAMIENTO TOQUE SUPERPOSICIÓN PENETRACIÓN UNIÓN SUSTRACCIÓN INTERSECCIÓN COINCIDENCIA

35. INTERRELACIÓN DE LAS FORMAS

36. PSICOLOGÍA DE LAS FORMAS En el diseño gráfico podemos ver todo tipo de formas y colores utilizándose todos los días para transmitir. Además de influir en el diseño, especialmente en el de logotipos, comunican un mensaje. Puede ser un gran complemento con la tipografía, y el color, para dar un mensaje fuerte, que quede grabado en la memoria de las personas, el cual es el propósito de una marca. A la hora de diseñar, los componentes visuales son fundamentales para que el público tenga una percepción precisa de lo que queremos mostrarles. Las personas generalmente no se dan cuenta, pero reaccionamos de manera diferente a los objetos visuales, afectando incluso nuestras emociones y comportamiento. Por eso, es importante conocer el significado de cada una de las formas que utilizamos en nuestros diseños. Así podemos posicionarlos con conocimiento de causa y buscando el efecto deseado.

37. EL CÍRCULO EN EL DISEÑO GRÁFICO Es una de las formas geométricas más flexibles y utilizadas. Evoca la perfección, lo infinito puesto que nunca termina. También es sinónimo de protección, movimiento y adaptabilidad. En algunos ámbitos también es utilizado para transmitir vida social y creatividad. Utilízalos sabiamente.

38. EL CUADRADO EN EL DISEÑO GRÁFICO El cuadrado se utiliza para transmitir fortaleza, solidez, seguridad y orden. Es por eso que vemos que muchos bancos encuadran sus logotipos. También suele utilizarse para buscar demostrar estabilidad, honestidad, realismo y confianza.

39. EL TRIÁNGULO EN EL DISEÑO GRÁFICO Las figuras triangulares evocan crecimiento, enfoque, soporte, inspiración, vitalidad, igualdad, justicia, ciencia y poder. Es una de las figuras geométricas más utilizadas puesto que al rotarlos pueden transmitir cambio de dirección, avance, retroceso y en algunos casos hasta caída.

40. LA LÍNEA EN EL DISEÑO GRÁFICO La línea es sin duda la más utilizada de todas las formas geográficas. Pudiéramos obtener un montón de significados psicológicos pero empecemos por los más comunes. Suele significar unión, cooperación, acercamiento, suavidad y dinamismo pero si la cambiamos de dirección, también cambiaremos su significado. Si es una línea curva tendrá un significado de movimiento y amistad, si es vertical buscará evocar balance, equilibrio y eficiencia. Por otra parte, si es horizontal representará silencio y confianza. Por último, si es diagonal representará dinamismo y alteración.

41. EL HEXÁGONO EN EL DISEÑO GRÁFICO El Hexágono es sinónimo de sinergia, trabajo, sabiduría, unidad, perfección e inteligencia. Por su parte, su hermano pentágono suele evocar la naturaleza, el cuerpo humano, armonía y todo lo orgánico.

42. EL HEXÁGONO EN EL DISEÑO GRÁFICO La cruz es sinónimo de unión y por supuesto asistencia y colaboración. También es muy utilizada cuando queremos evocar sentimientos de oposición a algo.

43. EL HEXÁGONO EN EL DISEÑO GRÁFICO La espiral suele evocar psicológicamente la continuidad, la excelencia, la ilusión y también lo relativo. En algunos casos y apoyándola con una buena selección de colores puede evocar energía y vitalidad .

44. MUCHAS GRACIAS !