Conozca sus iconos, parte 1 - Una breve historia de los iconos de computadora

Al igual que con las grandes obras de arte, debe mirar hacia el pasado para apreciar el futuro. Con raíces que se remontan a la década de 1970, el ícono humilde ha recorrido un largo camino. A continuación se muestra una colección de iconos a través de la historia. Aunque ha habido muchos otros sistemas operativos en el período comprendido entre 1981 y 2010, he seleccionado a mano los que tienen mayor importancia para el diseño moderno de iconos. Estos diseños muestran solo una pequeña fracción de los íconos en las múltiples y variadas Interfaces de Usuario a lo largo de los años. Para obtener más información sobre la historia del diseño de la interfaz de usuario, puede encontrar un artículo completo sobre el tema en Wikipedia.

Esta publicación es el día 7 de nuestra sesión de diseño de interfaz. Sesiones creativas "Session Day 6Session Day 8"

1981 Xerox 8010 Star - La primera computadora GUI para el consumidor

En 1973, Xerox Alto fue el primer sistema informático basado en GUI (interfaz gráfica de usuario) del mundo. Diseñado alrededor de una metáfora de "oficina" (también la primera), el Alto fue construido como una computadora de investigación y, por lo tanto, no estaba disponible para su lanzamiento comercial. Con 2.000 máquinas en todo el mundo, el Xerox Alto fue tan importante que fue una fuente de inspiración para Apple Lisa (1983). En 1981, se lanzó el Xerox Star, que incorpora muchas de las características de diseño del Alto. Los iconos de Xerox demuestran una consideración para la interacción humana. Como puede ver, la calculadora, el documento, la carpeta y la basura no han cambiado en casi 30 años.

1981 - Xerox 8010 Star

1983 Apple Lisa - Popularizó la GUI

El desarrollo de la Apple Lisa comenzó en 1978 y estuvo muy influido por las computadoras Xerox anteriores. Con la esperanza de hacerse un hueco en el mercado de la computación personal, Apple adoptó la metáfora de la oficina para facilitar la navegación a los nuevos usuarios. Lisa era una interfaz gráfica de usuario avanzada por el momento, ya que tenía "Accesorios de escritorio" móviles (primeros Widgets), menús desplegables y directorios basados ​​en carpetas. Puede ver que los íconos no son muy diferentes de los de Xerox, excepto por el tamaño y los contornos de un solo píxel, y el uso de la computadora como ícono de preferencias (ahora es común usar Cogs).

1983 - Lisa Office System 1

1984 Apple Macintosh 1.0 - Artista diseñado iconos

Un año después se lanzó Lisa the Apple Macintosh 1.0. ¡Ahora vemos la copia de archivos con arrastrar y soltar, ventanas móviles e iconos nuevos y sofisticados! Los iconos de Macintosh fueron diseñados por la ahora legendaria Susan Kare. Susan Kare tiene que ser la maestra de todos los tiempos del diseño de iconos y fue responsable de muchos íconos, incluida la interfaz MacPaint (fig. 2). La filosofía de Kare sobre el diseño de íconos es simple: "Creo que los buenos íconos son más parecidos a las señales de tránsito que a las ilustraciones, e idealmente deberían presentar una idea de manera clara, concisa y memorable. Intento optimizar la claridad y la simplicidad incluso cuando Las opciones de paleta y resolución han aumentado ". Esta filosofía es la base del éxito comercial temprano de Apple..

1984 - Sistema Macintosh 1.0 (fig 1)

1984 - Sistema Macintosh 1.0 (fig 2)

1985 Atari TOS - Iconos isométricos

Es importante tener en cuenta, para aquellos que son un poco más jóvenes que nosotros, los usuarios sentimentales de computadoras, que la GUI no era solo para los sistemas Apple. El Atari ST tenía un sistema operativo llamado TOS que tenía una interfaz mínima que también usaba la metáfora del escritorio, que para entonces se había convertido en un estándar de computadora. Es interesante ver que los TOS tienen iconos de disco isométrico (cajones de archivos).

1985 - Atari TOS versión 1.0

1985 Amiga Workbench - Cuatro iconos de colores

El Amiga Workbench fue creado para la computadora personal Amiga 1000. A pesar de los iconos crudamente diseñados, Workbench se adelantó a su tiempo. Incluye funciones como cursores de mouse personalizables, cuatro gráficos en color e íconos de múltiples estados. Puede ver los dos estados del icono "Workbench" en el siguiente ejemplo. El Amiga rompió con la convención de escritorio y eligió usar una mesa de trabajo con cajones en lugar de archivos.

1985 - Amiga Workbench 1.0

1985 Windows 1.0x - Primer sistema operativo GUI de Microsoft

En 1985 Microsoft finalmente lanzó su primera GUI. Los iconos son tan toscos como los Amiga pero no incluyen color. Es interesante ver que los primeros íconos de Windows Paint emplean diferentes símbolos para MacPaint, en particular el Spray Painter.

1985 - Windows 1.0x

1986 GEOS para Commodore 64 - El sistema operativo alternativo

He incluido GEOS para Commodore 64 ya que, en ese momento, era la segunda GUI más popular detrás de Macintosh 1.0 (basada en las unidades enviadas). Los iconos tienen más carácter que el sistema operativo Windows y comparten la filosofía Mac de metáforas claramente expresadas.

1986 - Commodore C64 GEOS

1991 Macintosh System 7 - Primer sistema operativo Mac con colores

Con System 7 vimos la introducción del color a los iconos. Puede notar que los iconos ahora están ligeramente elevados para que aparezca "pulsable".

1991 - Sistema Macintosh 7

1992 Windows 3.1 - Nuevos iconos de diseñador!

En Windows 3.0 (1990), Microsoft empleó a Susan Kare (la primera vez que hizo iconos para Macintosh 1.0) que mejoró enormemente los diseños. En 3.1 Kare refina aún más los colores y diseños para los iconos. Windows 3.1 fue la primera plataforma de Windows con fuentes True Type preinstaladas.

1990 - Windows 3

1995 Windows 95 - El botón de inicio

Windows 95 introduce más colores a los iconos y algunos diseños isométricos más. El diseño de Windows 95 es una reconstrucción completa e incluye elementos que aún forman parte de los diseños de Windows hasta el día de hoy. Los elementos incluyen, la barra de tareas, el menú y el famoso botón de Inicio de Microsoft.

1995 - Windows 95

1997 Macintosh OS 8 - Brighter Icons para Mac

En Mac OS 8, los iconos ahora comienzan a verse más brillantes y renderizados para mostrar una fuente de luz fuerte. Macintosh también comienza a implementar un estilo isométrico con una fuerte "sombra paralela".

1997 - Macintosh OS 8

2001 Mac OS X v10.0 - Jelly Mac

Mac OS X se lanzó alrededor de la época en que estaba estudiando para obtener mi título en Multimedia. Cariñosamente llamada "Jelly Mac" por la mayoría de los estudiantes. No pudimos evitar notar el acabado ultra brillante y de jalea de plástico de los iconos. Los íconos en OS X también son un gran avance en el diseño del OS 9 anterior, que se lanzó hace solo dos años (el OS 9 parece casi el mismo que el OS 8 anterior). Presumiblemente, debido al Dock, los íconos se representan. ya sea desde un punto de vista directo o ligeramente por encima. Diseñados en torno al nuevo tema Aqua, los íconos muestran complejos reflejos, luces y texturas. Sin el tema Aqua, dudo que el diseño de iconos sea tan deseable como lo es hoy..

2001 - Mac OS X v10.0

2001 Windows XP - iconos suaves brillantes

En 2001, Microsoft introdujo, otro sistema operativo completamente nuevo. Adoptando una paleta de colores saturados, los iconos se representan con un aspecto ilustrativo suave que utiliza una única fuente de luz y una sombra transparente semitransparente. Siguen utilizando el estilo isométrico..

2001 - Windows XP

2007 Mac OS X Leopard - Muelle reflectante

Mac se deshace de las franjas y adopta un documento reflexivo en 3D para que los iconos "se sienten". El uso de cromo, vidrio y reflejos es tan popular como siempre. Los iconos no cambian mucho de v10.0.

2007 - Mac OS X Leopard

2009 Windows 7 - Suave y reflectante

Los iconos de Windows 7 son completamente diferentes de Windows XP y similares a Windows Vista. La principal diferencia entre Vista y 7 es la dirección hacia la que se enfrentan los íconos. No he podido encontrar ninguna documentación oficial sobre el cambio, pero no soy el único que está haciendo la pregunta. Los íconos en Windows 7 también son más suaves y más vítreos que los anteriores.

2009 - Windows 7

Recursos y lectura adicional

  • Windows-Icons.com - Historia de los iconos de Windows
  • The Vintage Mac Museum - "Old Macs - 9 inch / mono Display 68000 ONLY"
  • Guía - Galería de la interfaz gráfica de usuario
  • Toastytech - Galería de GUI completa

Más por venir pronto

En la próxima entrega (Conozca sus íconos, Parte 2 - Diseño moderno de íconos) profundizaremos en el mundo de los íconos y exploraremos lo que los íconos significan para nosotros hoy..


Esta publicación es el día 7 de nuestra sesión de diseño de interfaz. Sesiones creativas "Session Day 6Session Day 8"