SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
DISEÑO DE PICTOGRAMAS
¿Qué es un Pictograma?
Es un signo icónico que hace referencia a un
objeto por su semejanza perceptual con él.

Se caracterizan por su síntesis formal y su
concisión gráfica
picto, del latín, significa

imagen, picture en inglés, y

PICTO

gramma, del griego, significa

palabra; así, pictograma
puede significar imagen-

palabra, o sea, un

GRAMA

significado que puede ser
expresado en una única
palabra.
Los pictogramas, no necesitan ir
acompañados por palabras para
su comprensión ni tampoco
necesitan ser interpretados para
su comprensión
El pictograma lo conforman dos dimensiones:
● el de su significado, y
● el de su representación.
Ambas dimensiones deben estar siempre en completa
armonía, ya que cualquier desajuste entre ellos puede
provocar la no interpretación del usuario
Características de la Representación
●

LEGIBILIDAD
■
■

●

Contraste
formas reconocibles

PREGNANCIA. Facilidad para
comprender algo que se ve
■ Simplicidad

●

IMPACTO - Atraer la atención
■ Originalidad
■ Color
de su Significado
Denotado- El mensaje que se
desprende de una lectura literal de la
imagen

Connotado- Los mensajes implícitos
en la imagen
SEÑALÉTICA
La señalética es la parte de la ciencia de comunicación
que estudia las relaciones fundamentales entre los signos
de orientación en el espacio y el comportamiento de los
individuos.
● Ejemplos de señalética los podemos encontrar en
varios lugares: las señales de tránsito, las
instrucciones de uso de los aparatos electrónicos, las
señalizaciones de emergencia, etc.
TIPOS DE IMÁGENES SIMBÓLICAS

Pictogramas

Dibujo que simplifica una acción o un
lugar:

Señales de tráfico

Símbolos que orientan a las personas:

Señales de atención

Imágenes que llaman la atención sobre
algo:

Iconos

Símbolos que identifican una acción:

Símbolos

Dibujos muy simples que simbolizan ideas.
PROYECTO DE PICTOGRAMA DE PUERTAS
● ¿Que voy a dibujar?
● ¿Cómo lo voy a hacer?
●

Cuando nos ponemos a
pensar un concepto para un
sistema de íconos, debemos
saber identificar tres
dimensiones:
a. el estilo,
b. la complejidad
c. la técnica.
● Una vez resuelto el criterio de
abstracción del signo hay que
pasar a representarlos
gráficamente.
IVES ZIMMERMANN

Y

E

El diseño de un pictograma

U
PROCESO
Fase 1 Búsqueda de imágenes y
material gráfico referente al tema
Fase 2: Toma de apuntes o realización a partir
de las fotografías. Después se ensayan
variaciones sobre la iconicidad, el punto de
vista, … procurando siempre la máxima
simplicidad gráfica
Fase 3: Estudio de expresiones gráficas en el diseño del
pictograma a partir del signo elegido.
Los trazados pueden ser gestuales o geométricos, pero
siempre buscando concisión y visibilidad. Conviene jugar con
formas y espacios positivos y negativos en el tratamiento de
la figura el fondo, destacar elementos como el color, la
textura,…
Fase 4: Elaboración de un pictograma definitivo
Para diseñar un
pictograma hay que
realizar un proceso de
iconicidad decreciente.
Es decir, partiendo de una
imagen de la realidad, ir
simplificando hasta llegar
a una imagen simple, pero
que a la vez se identifique
con el objeto que
representa.

Proceso de Diseño de logo de Pointers corp
Partiendo de
una imagen
representativa
Se van
eliminando
líneas y
geometrizando
formas

Jorge Dias
Estilo gráfico
Finalmente se hace un acabado que le confiere
el estilo al pictograma

Dana Berstein
A la hora de crear la familia de pictogramas
debemos tener en cuenta:
● Todas tienen que tener elementos en común,
tienen que tener características parecidas, o
no se podrían identificar como de la misma
familia.
● La familia tiene que funcionar, tanto a color
como en blanco y negro

Agostina Persant
Pueden diseñarse con una misma figura geométrica de base

Mariela Cedrola

Florencia Renaud
El código señalético
tiene que formar un
conjunto,
mantener
uniformidad
y
coherencia entre todos
los pictogramas
Se pueden utilizar diferentes

Martin Thiesen

Criterios gráficos

Ignacio D’occhio
Jorge Dias
Y para saber más...

http://youtu.be/qVHtxo9Knnk
Con la ayuda de

http://www.diseño.unnoba.edu.ar/wp-content/uploads/ficha-pictograma.pdf
http://viget.com/inspire/book-review-giveaway-the-geometry-of-design
http://foroalfa.org/articulos/el-diseno-de-un-pictograma
http://catedrabelluccia.com.ar/trabajos/

Contenu connexe

Tendances

Significación y Relación Publicitaria / Denotar y Connotar
Significación y Relación Publicitaria / Denotar y ConnotarSignificación y Relación Publicitaria / Denotar y Connotar
Significación y Relación Publicitaria / Denotar y Connotar
Oscar Chamorro
 
La Comunicación Visual y el Diseño
La Comunicación Visual y el DiseñoLa Comunicación Visual y el Diseño
La Comunicación Visual y el Diseño
martaroh
 
Índices, Íconos y Símbolos de la Semiótica
Índices, Íconos y Símbolos de la SemióticaÍndices, Íconos y Símbolos de la Semiótica
Índices, Íconos y Símbolos de la Semiótica
Chris Ztar
 
La retórica visual de las imágenes en diseño gráfico
La retórica visual de las imágenes en diseño gráfico  La retórica visual de las imágenes en diseño gráfico
La retórica visual de las imágenes en diseño gráfico
Gráficas Azorín
 
Los signos.índices, iconos y símbolos
Los signos.índices, iconos y símbolosLos signos.índices, iconos y símbolos
Los signos.índices, iconos y símbolos
mlmazoy
 

Tendances (20)

el mensaje publicitario
el mensaje publicitarioel mensaje publicitario
el mensaje publicitario
 
Funciones de la_imagen
Funciones de la_imagenFunciones de la_imagen
Funciones de la_imagen
 
Significación y Relación Publicitaria / Denotar y Connotar
Significación y Relación Publicitaria / Denotar y ConnotarSignificación y Relación Publicitaria / Denotar y Connotar
Significación y Relación Publicitaria / Denotar y Connotar
 
La Comunicación Visual y el Diseño
La Comunicación Visual y el DiseñoLa Comunicación Visual y el Diseño
La Comunicación Visual y el Diseño
 
Lenguajes publicitarios
Lenguajes publicitariosLenguajes publicitarios
Lenguajes publicitarios
 
Índices, Íconos y Símbolos de la Semiótica
Índices, Íconos y Símbolos de la SemióticaÍndices, Íconos y Símbolos de la Semiótica
Índices, Íconos y Símbolos de la Semiótica
 
Composición visual artística
Composición visual artísticaComposición visual artística
Composición visual artística
 
LENGUAJE VISUAL PLÁSTICA. 1º ESO
LENGUAJE VISUAL PLÁSTICA. 1º ESOLENGUAJE VISUAL PLÁSTICA. 1º ESO
LENGUAJE VISUAL PLÁSTICA. 1º ESO
 
La retórica visual de las imágenes en diseño gráfico
La retórica visual de las imágenes en diseño gráfico  La retórica visual de las imágenes en diseño gráfico
La retórica visual de las imágenes en diseño gráfico
 
Barthes y la retórica de la imagen
Barthes y la retórica de la imagenBarthes y la retórica de la imagen
Barthes y la retórica de la imagen
 
Elementos basicos de la imagen
Elementos basicos de la  imagenElementos basicos de la  imagen
Elementos basicos de la imagen
 
Los codigos en semiotica
 Los codigos en semiotica Los codigos en semiotica
Los codigos en semiotica
 
Semiotica Diseño Andino
Semiotica Diseño AndinoSemiotica Diseño Andino
Semiotica Diseño Andino
 
Figuras rétoricas visuales
Figuras rétoricas visualesFiguras rétoricas visuales
Figuras rétoricas visuales
 
Lenguaje Visual
Lenguaje VisualLenguaje Visual
Lenguaje Visual
 
Funciones lenguaje visual
Funciones lenguaje visualFunciones lenguaje visual
Funciones lenguaje visual
 
Los signos.índices, iconos y símbolos
Los signos.índices, iconos y símbolosLos signos.índices, iconos y símbolos
Los signos.índices, iconos y símbolos
 
Los codigos visuales
Los codigos visualesLos codigos visuales
Los codigos visuales
 
Taller de imagen: denotación y connotación
Taller de  imagen:  denotación y connotaciónTaller de  imagen:  denotación y connotación
Taller de imagen: denotación y connotación
 
Teoria general imagen
Teoria general imagenTeoria general imagen
Teoria general imagen
 

Similaire à Pictogramas (11)

Pictogramas copy
Pictogramas  copyPictogramas  copy
Pictogramas copy
 
Imágenes
ImágenesImágenes
Imágenes
 
El lenguaje Visual_3 eso
El lenguaje Visual_3 esoEl lenguaje Visual_3 eso
El lenguaje Visual_3 eso
 
Bloque 4 La Lectura De Imágenes (I)
Bloque 4 La Lectura De Imágenes (I)Bloque 4 La Lectura De Imágenes (I)
Bloque 4 La Lectura De Imágenes (I)
 
Pictogramas
PictogramasPictogramas
Pictogramas
 
Imágenes
ImágenesImágenes
Imágenes
 
5. lenguaje visual
5. lenguaje visual5. lenguaje visual
5. lenguaje visual
 
Barra de tarea
Barra de tareaBarra de tarea
Barra de tarea
 
Señalectica y Elementos Gráficos
Señalectica y Elementos GráficosSeñalectica y Elementos Gráficos
Señalectica y Elementos Gráficos
 
1ero taller electricidad act 16 31 mayo
1ero taller electricidad act 16 31 mayo1ero taller electricidad act 16 31 mayo
1ero taller electricidad act 16 31 mayo
 
SeñalecticaElementos
SeñalecticaElementosSeñalecticaElementos
SeñalecticaElementos
 

Dernier

GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 

Dernier (20)

Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 

Pictogramas

  • 2. ¿Qué es un Pictograma? Es un signo icónico que hace referencia a un objeto por su semejanza perceptual con él. Se caracterizan por su síntesis formal y su concisión gráfica
  • 3. picto, del latín, significa imagen, picture en inglés, y PICTO gramma, del griego, significa palabra; así, pictograma puede significar imagen- palabra, o sea, un GRAMA significado que puede ser expresado en una única palabra. Los pictogramas, no necesitan ir acompañados por palabras para su comprensión ni tampoco necesitan ser interpretados para su comprensión
  • 4. El pictograma lo conforman dos dimensiones: ● el de su significado, y ● el de su representación. Ambas dimensiones deben estar siempre en completa armonía, ya que cualquier desajuste entre ellos puede provocar la no interpretación del usuario
  • 5. Características de la Representación ● LEGIBILIDAD ■ ■ ● Contraste formas reconocibles PREGNANCIA. Facilidad para comprender algo que se ve ■ Simplicidad ● IMPACTO - Atraer la atención ■ Originalidad ■ Color
  • 6. de su Significado Denotado- El mensaje que se desprende de una lectura literal de la imagen Connotado- Los mensajes implícitos en la imagen
  • 7. SEÑALÉTICA La señalética es la parte de la ciencia de comunicación que estudia las relaciones fundamentales entre los signos de orientación en el espacio y el comportamiento de los individuos. ● Ejemplos de señalética los podemos encontrar en varios lugares: las señales de tránsito, las instrucciones de uso de los aparatos electrónicos, las señalizaciones de emergencia, etc.
  • 8. TIPOS DE IMÁGENES SIMBÓLICAS Pictogramas Dibujo que simplifica una acción o un lugar: Señales de tráfico Símbolos que orientan a las personas: Señales de atención Imágenes que llaman la atención sobre algo: Iconos Símbolos que identifican una acción: Símbolos Dibujos muy simples que simbolizan ideas.
  • 9. PROYECTO DE PICTOGRAMA DE PUERTAS ● ¿Que voy a dibujar? ● ¿Cómo lo voy a hacer?
  • 10. ● Cuando nos ponemos a pensar un concepto para un sistema de íconos, debemos saber identificar tres dimensiones: a. el estilo, b. la complejidad c. la técnica. ● Una vez resuelto el criterio de abstracción del signo hay que pasar a representarlos gráficamente.
  • 11. IVES ZIMMERMANN Y E El diseño de un pictograma U
  • 12. PROCESO Fase 1 Búsqueda de imágenes y material gráfico referente al tema Fase 2: Toma de apuntes o realización a partir de las fotografías. Después se ensayan variaciones sobre la iconicidad, el punto de vista, … procurando siempre la máxima simplicidad gráfica Fase 3: Estudio de expresiones gráficas en el diseño del pictograma a partir del signo elegido. Los trazados pueden ser gestuales o geométricos, pero siempre buscando concisión y visibilidad. Conviene jugar con formas y espacios positivos y negativos en el tratamiento de la figura el fondo, destacar elementos como el color, la textura,… Fase 4: Elaboración de un pictograma definitivo
  • 13. Para diseñar un pictograma hay que realizar un proceso de iconicidad decreciente. Es decir, partiendo de una imagen de la realidad, ir simplificando hasta llegar a una imagen simple, pero que a la vez se identifique con el objeto que representa. Proceso de Diseño de logo de Pointers corp
  • 14. Partiendo de una imagen representativa Se van eliminando líneas y geometrizando formas Jorge Dias
  • 15. Estilo gráfico Finalmente se hace un acabado que le confiere el estilo al pictograma Dana Berstein
  • 16. A la hora de crear la familia de pictogramas debemos tener en cuenta: ● Todas tienen que tener elementos en común, tienen que tener características parecidas, o no se podrían identificar como de la misma familia. ● La familia tiene que funcionar, tanto a color como en blanco y negro Agostina Persant
  • 17. Pueden diseñarse con una misma figura geométrica de base Mariela Cedrola Florencia Renaud
  • 18. El código señalético tiene que formar un conjunto, mantener uniformidad y coherencia entre todos los pictogramas
  • 19. Se pueden utilizar diferentes Martin Thiesen Criterios gráficos Ignacio D’occhio
  • 21. Y para saber más... http://youtu.be/qVHtxo9Knnk
  • 22. Con la ayuda de http://www.diseño.unnoba.edu.ar/wp-content/uploads/ficha-pictograma.pdf http://viget.com/inspire/book-review-giveaway-the-geometry-of-design http://foroalfa.org/articulos/el-diseno-de-un-pictograma http://catedrabelluccia.com.ar/trabajos/