Cocinando Iconos(para todos los públicos)

GLÒRIA LANGREO @glorialangreo gloria.langreo@gmail.com

Necesitamos un... ICONO PICTOGRAMAIDEOGRAMA

SÍMBOLO

ARBITRARIOS

PictogramaSímbolo que se parece a un objeto físicoTrasciende al idiomaJiahu (china) 7000ac

IdeogramaSímbolo que representa una idea

Símbolos arbitrariosSe asumen por convención

Pictos © Glyphish ©

Símbolos arbitrariosSe asumen por convención

Arbitrarios(Por caducidad)

Pictos © Glyphish ©

Iconos

Picogramas, Ideogramas, Símbolos arbitrarios

Favicons

Iconos de aplicaciones Emoticonos

Pictogramas, Ideogramas, SímbolosInforman, traducen, advierten, y nos ayudan a encontrar el camino

El abueloGerd 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 padreNorm Cox, 1982Xerox Star «8010 Star Information System»

La madreSusan Kare, 1984Mac OS classic

DecorativosJoliCloud ©

Guiar al usuario No hacer pensarSkype ©

Manos a la obra

Metáfora Encontrar un concepto que represente la idea o la acción

Google Images

Icon Finder

The noun project

Diccionario de SímbolosJuan Eduardo CirlotEd. Siruela

Google ©

The Noun Project ©

Icon Finder ©Ed. Siruela ©

Convenciones¿Existe una convención? ¡Úsala!

VS

El contexto

El contextoIlustración: A

rthur van Kruining ©

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. Tootsie roll tootsie roll toffee faworki sugar plum pastry icing cookie marshmallow. Marshmallow cookie ice cream sweet dessert.Leer más

Youtube © Google © Spotify ©

- más contenido- suscribirse, unirse a un grupo- añadir - suma- crear- ...

SketchS

usan Kare ©

Iconos contiguosDiseña los iconos al lado de sus compañeros, para asegurar su coherencia

VS

Pictos ©

Estética

VS

Metro UIContent first

MAC OSMundo Real™

VVA

A http://iosicongallery.com/ ©

Microsoft ©

El color importaPuede cambiar el significado de un símbolo

El color importa

ConsistenciaUn único símbolo por cada concepto.

Lanyrd ©

Puede cambiar el significado de un símbolo

Testear

- 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

Renfe ©

Testear con tanta gente como puedas

Testear con diferentes culturas

Chilocco Indian Agricultural School, United States Department of

the Interior ©

Bandera de Irán

Sobreuso

Renfe ©

Sobreuso

Renfe ©

Sobreuso

Imagen: Laura Junger & Xaver Xylophon ©

Player: Vimeo ©

esconder

Twitter ©

Sobreuso reducir color

Flickr ©

Google ©

Sobreuso

Facebook ©

Estilos del mismo icono dependiendo de la relevancia

Google ©

MedidasEstándares 16x16, 32x32, 64x64, etc.

Morcha ©

MedidasOtros 16x16 (favicon), 57x57 (iPhone) 72x72 (iPad),114x114 (iPhone 4)

Mailchimp ©

MedidasNo 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