"Cocinando iconos" por @glorialangreo
36
description
Presentación realizada en el #webcat Barcelona de Enero del 2012 Autora: Glòria Langreo (@glorialangreo)
Transcript of "Cocinando iconos" por @glorialangreo
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 ©
Todas las imagenes que acompañan la presentación son obra de Gerd Arntz
