SlideShare una empresa de Scribd logo
Cocinando Iconos
             (para todos los públicos)




GLÒRIA LANGREO
   @glorialangreo
   gloria.langreo@gmail.com
Necesitamos un...   SÍMBOLO   ICONO   PICTOGRAMA
                                      IDEOGRAMA
                                      ARBITRARIOS
Pictograma
Símbolo que se parece a un objeto físico
Trasciende al idioma
Jiahu (china) 7000ac




Ideograma
Símbolo que representa una idea
Símbolos arbitrarios
Se asumen por convención




                           Pictos © Glyphish ©
Símbolos arbitrarios
Se asumen por convención




Arbitrarios
(Por caducidad)




                           Pictos © Glyphish ©
Iconos
                                Favicons
         Picogramas,
         Ideogramas,
         Símbolos arbitrarios




         Iconos de
                                       Emoticonos
         aplicaciones
Pictogramas, Ideogramas, Símbolos
Informan, traducen, advierten, y nos ayudan a encontrar el camino
El abuelo
Gerd Arntz, (1900-1988)
w/ Otto Neurath (1882-1945)
Isotipos

Asuntos sociales en discusión
relacionados con la vivienda, la salud y
la economía después de la I Guerra
Mundial
El padre
Norm Cox, 1982
Xerox Star «8010 Star Information System»
La madre
Susan Kare, 1984
Mac OS classic
Decorativos   JoliCloud ©
Guiar al usuario   No hacer pensar
                                     Skype ©
Manos a la obra
Metáfora              Encontrar un concepto que represente la idea o la acción




Google Images                   Google ©
                                            The noun project         The Noun Project ©




                Diccionario de
                Símbolos
                Juan Eduardo Cirlot
                Ed. Siruela
                Ed. Siruela ©              Icon Finder         Icon Finder ©
Convenciones
¿Existe una convención? ¡Úsala!




                                  VS
El contexto
Ilustración: Arthur van Kruining ©
El contexto
El contexto
Cheesecake pudding gingerbread.
Chocolate bar icing marzipan candy canes
sesame snaps tart topping. Wafer muffin
pudding oat cake ice cream tart. Dessert
dragée tart powder liquorice liquorice.
Pastry croissant gummi bears biscuit
gummies gummi bears gingerbread. Jelly-
o dessert chocolate bar carrot cake.
Gummies macaroon dessert sugar plum
dragée. Cupcake wafer bonbon jelly beans
apple pie. Pudding oat cake gingerbread
tiramisu. Sugar plum gummies lollipop.     - más contenido
Tootsie roll tootsie roll toffee faworki   - suscribirse, unirse a un grupo
                                           - añadir
sugar plum pastry icing cookie             - suma
marshmallow. Marshmallow cookie ice        - crear
                                           - ...
cream sweet dessert.
Leer más




                                                                   Youtube ©   Google ©   Spotify ©
Susan Kare ©
Sketch
Iconos contiguos
Diseña los iconos al lado de sus compañeros, para asegurar su coherencia




                                     VS

                                                              Pictos ©
Estética




                                                      VVAA http://iosicongallery.com/ ©
                                   VS
                     Microsoft ©




      Metro UI                          MAC OS
      Content first                      Mundo Real™
El color importa
Puede cambiar el significado de un símbolo
El color importa
Puede cambiar el significado de un símbolo




Consistencia
Un único símbolo por cada concepto.




                                            Lanyrd ©
Testear



                                                          Renfe ©
- Corre hacia la izquierda y hacia abajo
- Dibuja unas líneas con el martillo láser en el cistal
- Acarícialo hacia ambos lados con la mano derecha
- Arrastra la pared con fuerza
Testear   con tanta gente como puedas
Testear            con diferentes culturas




 Bandera de Irán




                                             Chilocco Indian Agricultural School, United States Department of
                                             the Interior ©
Sobreuso




           Renfe ©
Sobreuso




           Renfe ©
Sobreuso                            esconder




                                               Twitter ©




Imagen: Laura Junger & Xaver Xylophon ©
Player: Vimeo ©
Sobreuso    reducir color




                            Flickr ©




      Google ©
Sobreuso         Estilos del mismo icono dependiendo de la relevancia




       Facebook ©




      Google ©
Medidas
Estándares 16x16, 32x32, 64x64, etc.




                                       Morcha ©
Medidas
Otros 16x16 (favicon), 57x57 (iPhone) 72x72 (iPad),114x114 (iPhone 4)




                                                                        Mailchimp ©
Medidas
No escalar, reinterpretar


                                                  Mailchimp ©




                            El Butano Popular ©
¡Gracias!
GLÒRIA LANGREO
   @glorialangreo
   gloria.langreo@gmail.com
Todas las imagenes que acompañan la presentación son obra de Gerd Arntz

Más contenido relacionado

Similar a "Cocinando iconos" por @glorialangreo

Aprendizajes Ad:Tech San Francisco 2012
Aprendizajes Ad:Tech San Francisco 2012Aprendizajes Ad:Tech San Francisco 2012
Aprendizajes Ad:Tech San Francisco 2012
SmartClick
 
GO!ANIMATE K.
GO!ANIMATE K. GO!ANIMATE K.
GO!ANIMATE K.
Katherin Gonzalez
 
GOANIMATE
GOANIMATEGOANIMATE
Mobile Primero en Playa Valley 2011
Mobile Primero en Playa Valley 2011Mobile Primero en Playa Valley 2011
Mobile Primero en Playa Valley 2011
Maximiliano Firtman
 
Line diapositavas
Line diapositavasLine diapositavas
Line diapositavas
sistemas ts
 
Juguetes para niños y no tan niños
Juguetes para niños y no tan niñosJuguetes para niños y no tan niños
Juguetes para niños y no tan niños
mertxe gordillo
 
Entornos digitales de enseñanza y aprendizaje colaborativo
Entornos digitales de enseñanza y aprendizaje colaborativoEntornos digitales de enseñanza y aprendizaje colaborativo
Entornos digitales de enseñanza y aprendizaje colaborativo
albertpadilla1996
 

Similar a "Cocinando iconos" por @glorialangreo (7)

Aprendizajes Ad:Tech San Francisco 2012
Aprendizajes Ad:Tech San Francisco 2012Aprendizajes Ad:Tech San Francisco 2012
Aprendizajes Ad:Tech San Francisco 2012
 
GO!ANIMATE K.
GO!ANIMATE K. GO!ANIMATE K.
GO!ANIMATE K.
 
GOANIMATE
GOANIMATEGOANIMATE
GOANIMATE
 
Mobile Primero en Playa Valley 2011
Mobile Primero en Playa Valley 2011Mobile Primero en Playa Valley 2011
Mobile Primero en Playa Valley 2011
 
Line diapositavas
Line diapositavasLine diapositavas
Line diapositavas
 
Juguetes para niños y no tan niños
Juguetes para niños y no tan niñosJuguetes para niños y no tan niños
Juguetes para niños y no tan niños
 
Entornos digitales de enseñanza y aprendizaje colaborativo
Entornos digitales de enseñanza y aprendizaje colaborativoEntornos digitales de enseñanza y aprendizaje colaborativo
Entornos digitales de enseñanza y aprendizaje colaborativo
 

Más de webcat

"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino
webcat
 
"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor
webcat
 
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro..."Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
webcat
 
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
webcat
 
"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile
webcat
 
"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo
webcat
 
"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
webcat
 
"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
webcat
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
webcat
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
webcat
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
webcat
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
webcat
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
webcat
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
webcat
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
webcat
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
webcat
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
webcat
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
webcat
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
webcat
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
webcat
 

Más de webcat (20)

"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino
 
"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor
 
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro..."Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
 
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
 
"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile
 
"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo
 
"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
 
"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
 

Último

Agenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todosAgenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todos
LorenaPosada3
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
raulvedia2
 
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIAACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
EmilyHumbria
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
JesusFlores151669
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
MilagrosSalavarra1
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
tatianezpapa
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
uriolmedinan
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
AMADO SALVADOR
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ruthyeimi937
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Rubi Caballero pizarro
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
GuillermoAlejandroCh6
 
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptxTIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
raulvedia2
 
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdfPresentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
alancarranzavargas2
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
JoseJhonyAncajimaAnc
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
CarlitaChirito
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
carlosarmandocoronas
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
worldmusic00
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
lucianolinovalle
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
Brbara57940
 
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
AMADO SALVADOR
 

Último (20)

Agenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todosAgenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todos
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
 
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIAACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
 
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptxTIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
 
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdfPresentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
 
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
 

"Cocinando iconos" por @glorialangreo

  • 1. Cocinando Iconos (para todos los públicos) GLÒRIA LANGREO @glorialangreo gloria.langreo@gmail.com
  • 2. Necesitamos un... SÍMBOLO ICONO PICTOGRAMA IDEOGRAMA ARBITRARIOS
  • 3. Pictograma Símbolo que se parece a un objeto físico Trasciende al idioma Jiahu (china) 7000ac Ideograma Símbolo que representa una idea
  • 4. Símbolos arbitrarios Se asumen por convención Pictos © Glyphish ©
  • 5. Símbolos arbitrarios Se asumen por convención Arbitrarios (Por caducidad) Pictos © Glyphish ©
  • 6. Iconos Favicons Picogramas, Ideogramas, Símbolos arbitrarios Iconos de Emoticonos aplicaciones
  • 7. Pictogramas, Ideogramas, Símbolos Informan, traducen, advierten, y nos ayudan a encontrar el camino
  • 8. El abuelo Gerd Arntz, (1900-1988) w/ Otto Neurath (1882-1945) Isotipos Asuntos sociales en discusión relacionados con la vivienda, la salud y la economía después de la I Guerra Mundial
  • 9. El padre Norm Cox, 1982 Xerox Star «8010 Star Information System»
  • 10. La madre Susan Kare, 1984 Mac OS classic
  • 11. Decorativos JoliCloud ©
  • 12. Guiar al usuario No hacer pensar Skype ©
  • 13. Manos a la obra
  • 14. Metáfora Encontrar un concepto que represente la idea o la acción Google Images Google © The noun project The Noun Project © Diccionario de Símbolos Juan Eduardo Cirlot Ed. Siruela Ed. Siruela © Icon Finder Icon Finder ©
  • 17. Ilustración: Arthur van Kruining © El contexto
  • 18. El contexto Cheesecake pudding gingerbread. Chocolate bar icing marzipan candy canes sesame snaps tart topping. Wafer muffin pudding oat cake ice cream tart. Dessert dragée tart powder liquorice liquorice. Pastry croissant gummi bears biscuit gummies gummi bears gingerbread. Jelly- o dessert chocolate bar carrot cake. Gummies macaroon dessert sugar plum dragée. Cupcake wafer bonbon jelly beans apple pie. Pudding oat cake gingerbread tiramisu. Sugar plum gummies lollipop. - más contenido Tootsie roll tootsie roll toffee faworki - suscribirse, unirse a un grupo - añadir sugar plum pastry icing cookie - suma marshmallow. Marshmallow cookie ice - crear - ... cream sweet dessert. Leer más Youtube © Google © Spotify ©
  • 20. Iconos contiguos Diseña los iconos al lado de sus compañeros, para asegurar su coherencia VS Pictos ©
  • 21. Estética VVAA http://iosicongallery.com/ © VS Microsoft © Metro UI MAC OS Content first Mundo Real™
  • 22. El color importa Puede cambiar el significado de un símbolo
  • 23. El color importa Puede cambiar el significado de un símbolo Consistencia Un único símbolo por cada concepto. Lanyrd ©
  • 24. Testear Renfe © - Corre hacia la izquierda y hacia abajo - Dibuja unas líneas con el martillo láser en el cistal - Acarícialo hacia ambos lados con la mano derecha - Arrastra la pared con fuerza
  • 25. Testear con tanta gente como puedas
  • 26. Testear con diferentes culturas Bandera de Irán Chilocco Indian Agricultural School, United States Department of the Interior ©
  • 27. Sobreuso Renfe ©
  • 28. Sobreuso Renfe ©
  • 29. Sobreuso esconder Twitter © Imagen: Laura Junger & Xaver Xylophon © Player: Vimeo ©
  • 30. Sobreuso reducir color Flickr © Google ©
  • 31. Sobreuso Estilos del mismo icono dependiendo de la relevancia Facebook © Google ©
  • 32. Medidas Estándares 16x16, 32x32, 64x64, etc. Morcha ©
  • 33. Medidas Otros 16x16 (favicon), 57x57 (iPhone) 72x72 (iPad),114x114 (iPhone 4) Mailchimp ©
  • 34. Medidas No escalar, reinterpretar Mailchimp © El Butano Popular ©
  • 35. ¡Gracias! GLÒRIA LANGREO @glorialangreo gloria.langreo@gmail.com
  • 36. Todas las imagenes que acompañan la presentación son obra de Gerd Arntz