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"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
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
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)
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
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
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
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
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
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
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
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
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
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
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
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
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..