SlideShare una empresa de Scribd logo
1 de 47
TALLER DE DISEÑO
Lic. Oscar Loza Ugarte
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.
• Aquí hay algunas áreas clave que
se exploran al estudiar las formas
en diseño gráfico:
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.
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.
•
• 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
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.
•
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
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.
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.
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.
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.
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.
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.
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.
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:
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.
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.
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.
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:
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.
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.
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.
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!
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.
JPG
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,
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.
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.
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.
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.
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.
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.
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.
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
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
INTERRELACIÓN DE LAS FORMAS
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.
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.
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.
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.
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.
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.
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.
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.
MUCHAS
GRACIAS !

Más contenido relacionado

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

fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdfMarianitapPechocha
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfROBERTOGUAMANCELA
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdfMarianitapPechocha
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfROBERTOGUAMANCELA
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la ComunicaciónFabiola Cortes
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la ComunicaciónFabiola Cortes
 
Amarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdfAmarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdfNelsonOswaldosinchec
 
Amarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdfAmarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdfNelsonOswaldosinchec
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaJoel chimba
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaJoel chimba
 
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Andy Sandoval
 
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Andy Sandoval
 
Técnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoTécnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoDaya Brito
 
Técnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoTécnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoDaya Brito
 
Elementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisualElementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisualGloria Torres de León
 
Elementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisualElementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisualGloria Torres de León
 

Similar a estudio de las formas en diseño gráfico.pptx (20)

fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdf
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdf
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicación
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicación
 
Amarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdfAmarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdf
 
Amarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdfAmarillo Gris Collage Cuestionario Inglés Presentación.pdf
Amarillo Gris Collage Cuestionario Inglés Presentación.pdf
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontaneda
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontaneda
 
Secme 36010
Secme 36010Secme 36010
Secme 36010
 
Secme 36010
Secme 36010Secme 36010
Secme 36010
 
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
 
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
Fundamentos y elementos del diseño gráfico-Andrea Sandoval- Melissa Bolagay-T...
 
Técnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoTécnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya brito
 
Técnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoTécnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya brito
 
Si
SiSi
Si
 
Elementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisualElementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisual
 
Si
SiSi
Si
 
Elementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisualElementos básicos del diseño, audiovisual
Elementos básicos del diseño, audiovisual
 

Más de OscarLoza10

connotación y denotación en diseño .pptx
connotación y denotación en diseño .pptxconnotación y denotación en diseño .pptx
connotación y denotación en diseño .pptxOscarLoza10
 
DISEÑO GRÁFICO Y SUS COMPONENTES .pptx
DISEÑO GRÁFICO Y SUS COMPONENTES    .pptxDISEÑO GRÁFICO Y SUS COMPONENTES    .pptx
DISEÑO GRÁFICO Y SUS COMPONENTES .pptxOscarLoza10
 
DEL BOCETO AL ARTE FINAL PARA DISEÑO.pptx
DEL BOCETO AL ARTE FINAL PARA DISEÑO.pptxDEL BOCETO AL ARTE FINAL PARA DISEÑO.pptx
DEL BOCETO AL ARTE FINAL PARA DISEÑO.pptxOscarLoza10
 
Presentación_publicidad para principiantes.pptx
Presentación_publicidad para principiantes.pptxPresentación_publicidad para principiantes.pptx
Presentación_publicidad para principiantes.pptxOscarLoza10
 
administración.pptx
administración.pptxadministración.pptx
administración.pptxOscarLoza10
 
teoría general de la administración.pdf
teoría general de la administración.pdfteoría general de la administración.pdf
teoría general de la administración.pdfOscarLoza10
 
Contabilidad de constructoras
Contabilidad de constructorasContabilidad de constructoras
Contabilidad de constructorasOscarLoza10
 

Más de OscarLoza10 (8)

connotación y denotación en diseño .pptx
connotación y denotación en diseño .pptxconnotación y denotación en diseño .pptx
connotación y denotación en diseño .pptx
 
DISEÑO GRÁFICO Y SUS COMPONENTES .pptx
DISEÑO GRÁFICO Y SUS COMPONENTES    .pptxDISEÑO GRÁFICO Y SUS COMPONENTES    .pptx
DISEÑO GRÁFICO Y SUS COMPONENTES .pptx
 
DEL BOCETO AL ARTE FINAL PARA DISEÑO.pptx
DEL BOCETO AL ARTE FINAL PARA DISEÑO.pptxDEL BOCETO AL ARTE FINAL PARA DISEÑO.pptx
DEL BOCETO AL ARTE FINAL PARA DISEÑO.pptx
 
Presentación_publicidad para principiantes.pptx
Presentación_publicidad para principiantes.pptxPresentación_publicidad para principiantes.pptx
Presentación_publicidad para principiantes.pptx
 
administración.pptx
administración.pptxadministración.pptx
administración.pptx
 
FODA.pptx
FODA.pptxFODA.pptx
FODA.pptx
 
teoría general de la administración.pdf
teoría general de la administración.pdfteoría general de la administración.pdf
teoría general de la administración.pdf
 
Contabilidad de constructoras
Contabilidad de constructorasContabilidad de constructoras
Contabilidad de constructoras
 

Último

El rol de las Mujeres en la Música de México.pdf
El rol de las Mujeres en la Música de México.pdfEl rol de las Mujeres en la Música de México.pdf
El rol de las Mujeres en la Música de México.pdfjulietaescobares
 
TODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJE
TODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJETODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJE
TODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJEalmaraztabaresyatzir
 
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADESARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADESbluemoonlight771
 
EL LAZARILLO DE TORMES análisis literario
EL LAZARILLO DE TORMES análisis literarioEL LAZARILLO DE TORMES análisis literario
EL LAZARILLO DE TORMES análisis literarioMaxiMoissLlacsaChozo
 
DANZAS DE LA SIERRA DE NUESTRO PERU.pptx
DANZAS DE LA SIERRA DE NUESTRO PERU.pptxDANZAS DE LA SIERRA DE NUESTRO PERU.pptx
DANZAS DE LA SIERRA DE NUESTRO PERU.pptxsantiagodetucumamari
 
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdfTAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdfmarkasisclo
 
infografia lugares para visitar en Colombia fotografico beige.pdf
infografia lugares para visitar en Colombia fotografico beige.pdfinfografia lugares para visitar en Colombia fotografico beige.pdf
infografia lugares para visitar en Colombia fotografico beige.pdfJuanSalazar163105
 
La Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche DidácticoLa Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche DidácticoWahilL
 
Sociedad Contemporánea. Relaciones Industriales.
Sociedad Contemporánea. Relaciones Industriales.Sociedad Contemporánea. Relaciones Industriales.
Sociedad Contemporánea. Relaciones Industriales.andresferrer21110
 
esquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdf
esquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdfesquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdf
esquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdfricardonavarroafame
 
Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...
Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...
Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...lizethguadalupemendo
 
📝5o Repaso matemática Dino primaria ✨.pdf
📝5o Repaso matemática Dino primaria ✨.pdf📝5o Repaso matemática Dino primaria ✨.pdf
📝5o Repaso matemática Dino primaria ✨.pdfFlorHernandezNuez
 
Convenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
Convenio para la Ronda Sur de Elche firmado entre Generalitat y AyuntamientoConvenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
Convenio para la Ronda Sur de Elche firmado entre Generalitat y AyuntamientoMarioAbrilFernndez1
 
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdfCATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdfjmmaringuevara
 

Último (14)

El rol de las Mujeres en la Música de México.pdf
El rol de las Mujeres en la Música de México.pdfEl rol de las Mujeres en la Música de México.pdf
El rol de las Mujeres en la Música de México.pdf
 
TODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJE
TODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJETODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJE
TODO LO QUE TIENES QUE SABER SOBRE EL MAQUILLAJE
 
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADESARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
 
EL LAZARILLO DE TORMES análisis literario
EL LAZARILLO DE TORMES análisis literarioEL LAZARILLO DE TORMES análisis literario
EL LAZARILLO DE TORMES análisis literario
 
DANZAS DE LA SIERRA DE NUESTRO PERU.pptx
DANZAS DE LA SIERRA DE NUESTRO PERU.pptxDANZAS DE LA SIERRA DE NUESTRO PERU.pptx
DANZAS DE LA SIERRA DE NUESTRO PERU.pptx
 
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdfTAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
 
infografia lugares para visitar en Colombia fotografico beige.pdf
infografia lugares para visitar en Colombia fotografico beige.pdfinfografia lugares para visitar en Colombia fotografico beige.pdf
infografia lugares para visitar en Colombia fotografico beige.pdf
 
La Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche DidácticoLa Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche Didáctico
 
Sociedad Contemporánea. Relaciones Industriales.
Sociedad Contemporánea. Relaciones Industriales.Sociedad Contemporánea. Relaciones Industriales.
Sociedad Contemporánea. Relaciones Industriales.
 
esquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdf
esquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdfesquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdf
esquema con 8 características del gobierno del Gral. Maximiliano Hernández.pdf
 
Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...
Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...
Artes Visuales: origen, que son, para que sirven, clasificacion, tipos de tec...
 
📝5o Repaso matemática Dino primaria ✨.pdf
📝5o Repaso matemática Dino primaria ✨.pdf📝5o Repaso matemática Dino primaria ✨.pdf
📝5o Repaso matemática Dino primaria ✨.pdf
 
Convenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
Convenio para la Ronda Sur de Elche firmado entre Generalitat y AyuntamientoConvenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
Convenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
 
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdfCATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
 

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

  • 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 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, 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
  • 36.
  • 37.
  • 38.
  • 39. 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.
  • 40. 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.
  • 41. 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.
  • 42. 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.
  • 43. 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.
  • 44. 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.
  • 45. 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.
  • 46. 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.