Share
Comme pour les grandes œuvres d'art, vous devez regarder dans le passé pour apprécier l'avenir. Enracinée dans les années 1970, cette humble icône a parcouru un long chemin. Voici une collection d'icônes à travers l'histoire. Bien qu’il y ait eu beaucoup d’autres systèmes d’exploitation entre 1981 et 2010, j’ai choisi ceux qui ont le plus d’importance pour la conception d’icônes modernes. Ces conceptions ne représentent qu'une infime partie des icônes des nombreuses et variées interfaces utilisateur au cours des années. Pour en savoir plus sur l'historique de la conception d'interface utilisateur, vous pouvez trouver un article complet sur le sujet sur Wikipedia..
Ce post est le jour 7 de notre session de conception d'interface. Sessions créatives "Session Day 6Session Day 8"En 1973, Xerox Alto était le premier système informatique au monde basé sur une interface graphique. Conçu autour d'une métaphore "de bureau" (également une première), l'Alto a été conçu comme un ordinateur de recherche et n'était donc pas disponible pour une version commerciale. Avec 2 000 machines dans le monde, la Xerox Alto était si importante qu'elle a été une source d'inspiration pour la Apple Lisa (1983). En 1981, le Xerox Star est sorti, intégrant de nombreuses caractéristiques de conception de l'Alto. Les icônes Xerox illustrent la prise en compte des interactions humaines. Comme vous pouvez le constater, la calculatrice, le document, le dossier et la corbeille n'ont pas changé depuis près de 30 ans.
1981 - Xerox 8010 Star
Le développement de l’Apple Lisa a commencé en 1978 et a été fortement influencé par les ordinateurs Xerox plus anciens. Dans l'espoir de se tailler une place sur le marché de l'informatique personnelle, Apple a adopté la métaphore des bureaux pour faciliter la navigation des nouveaux utilisateurs. Lisa était une interface graphique avancée pour le moment, car elle possédait des «accessoires de bureau» (premiers widgets) mobiles, des menus déroulants et des répertoires basés sur des dossiers. Vous pouvez voir que les icônes ne sont pas très différentes de celles de Xerox, à l'exception de la taille et des contours d'un pixel, et de l'utilisation de l'ordinateur comme icône de préférences (il est désormais courant d'utiliser des rouages)..
1983 - Lisa Office System 1
Un an après Lisa, le Apple Macintosh 1.0 est sorti. Nous voyons maintenant la copie par glisser-déposer, les fenêtres mobiles et de nouvelles icônes fantaisistes! Les icônes Macintosh ont été conçues par la légendaire Susan Kare. Susan Kare doit être la maitresse de tous les temps en matière de conception d’icônes et a été responsable de nombreuses icônes, y compris l’interface MacPaint (fig 2). La philosophie de Kare sur la conception des icônes est simple: "Je pense que les bonnes icônes s'apparentent davantage à des panneaux de signalisation qu'à des illustrations et devraient idéalement présenter une idée de manière claire, concise et mémorable. J'essaie d'optimiser la clarté et la simplicité même les options de palette et de résolution ont augmenté. " Cette philosophie est au cœur du succès commercial précoce d'Apple.
1984 - Système Macintosh 1.0 (fig 1)
1984 - Système Macintosh 1.0 (fig 2)
Il est important de noter - pour ceux qui sont un peu plus jeunes que nous, les anciens utilisateurs d'ordinateurs sentimentaux - que l'interface graphique n'était pas uniquement destinée aux systèmes Apple. L’Atari ST possédait un système d’exploitation appelé TOS, dont l’interface minimale utilisait également la métaphore de la console, devenue alors un standard informatique. Il est intéressant de voir que le TOS a des icônes de disque isométrique (tiroirs de fichiers)..
1985 - Atari TOS Version 1.0
L'Amiga Workbench a été conçu pour l'ordinateur personnel Amiga 1000. Malgré les icônes grossièrement conçues, Workbench était en avance sur son temps. Incluant des fonctionnalités telles que des curseurs de souris personnalisables, des graphiques à quatre couleurs et des icônes multi-états. Vous pouvez voir les deux états de l'icône "Workbench" dans l'exemple ci-dessous. L'Amiga a rompu avec la convention de bureau et a choisi d'utiliser un établi avec des tiroirs au lieu de fichiers.
1985 - Amiga Workbench 1.0
En 1985, Microsoft a finalement publié sa première interface graphique. Les icônes sont aussi grossières que l’Amiga mais n’incluent pas les couleurs. Il est intéressant de voir que les premières icônes de Windows Paint utilisent différents symboles de MacPaint, notamment le Spray Painter..
1985 - Windows 1.0x
J'ai inclus GEOS pour le Commodore 64 car, à l'époque, il s'agissait de la deuxième interface graphique la plus populaire derrière Macintosh 1.0 (en fonction des unités livrées). Les icônes ont plus de caractère que Windows et partagent la philosophie Mac de métaphores clairement exprimées..
1986 - Commodore C64 GEOS
Avec System 7, nous avons assisté à l’introduction de la couleur dans les icônes. Vous remarquerez peut-être que les icônes sont maintenant légèrement surélevées pour apparaître "cliquables".
1991 - Système Macintosh 7
Dans Windows 3.0 (1990), Microsoft employait Susan Kare (la première à avoir créé des icônes pour Macintosh 1.0), ce qui avait considérablement amélioré les conceptions. Dans la section 3.1, Kare peaufine les couleurs et les dessins des icônes. Windows 3.1 était la première plate-forme Windows avec des polices True Type préinstallées.
1990 - Windows 3
Windows 95 introduit plus de couleurs dans les icônes et quelques autres conceptions isométriques. La conception Windows 95 est une reconstruction complète et comprend des éléments qui font encore partie des conceptions Windows à ce jour. Les éléments comprennent la barre des tâches, le menu et le célèbre bouton de démarrage de Microsoft..
1995 - Windows 95
Sous Mac OS 8, les icônes commencent à apparaître plus claires et à afficher une source lumineuse puissante. Macintosh commence également à implémenter un style isométrique avec une forte "ombre portée".
1997 - Macintosh OS 8
Mac OS X est sorti à peu près au moment où j'étudiais en multimédia. Joliment appelé le "Jelly Mac" par la plupart des étudiants. Nous ne pouvions pas nous empêcher de remarquer la finition ultra brillante et plastique-gelée des icônes. Les icônes dans OS X représentent également un énorme pas en avant dans la conception du précédent OS 9, qui avait été publié deux ans plus tôt (OS 9 est presque identique à l'OS 8 ci-dessus.) Vraisemblablement, en raison du Dock, les icônes sont restituées. soit d'un point de vue simple ou légèrement au-dessus. Conçues autour du nouveau thème Aqua, les icônes affichent des reflets complexes, des reflets et des textures. Sans le thème Aqua, je doute que la conception d'icônes soit aussi souhaitable qu'aujourd'hui.
2001 - Mac OS X v10.0
En 2001, Microsoft a mis en place un nouveau système d’exploitation complètement nouveau. En adoptant une palette de couleurs saturées, les icônes sont rendues avec un aspect illustratif doux qui utilise une seule source de lumière et une ombre portée semi-transparente. Ils continuent à utiliser le style isométrique.
2001 - Windows XP
Mac abandonne les bandes et adopte un document de réflexion 3D pour permettre aux icônes de "s'asseoir". L'utilisation du chrome, du verre et des reflets est toujours aussi populaire. Les icônes ne changent pas beaucoup depuis la version 10.0.
2007 - Mac OS X Leopard
Les icônes de Windows 7 sont complètement différentes de Windows XP et similaires à Windows Vista. La principale différence entre Vista et 7 réside dans l'orientation des icônes. Je n'ai pas trouvé de documentation officielle sur le changement, mais je ne suis pas le seul à poser la question. Les icônes de Windows 7 sont également plus douces et plus vitreuses que les précédentes..
2009 - Windows 7
Dans le prochain article (Connais tes icônes, partie 2 - Conception d'icônes modernes), nous allons explorer davantage le monde des icônes et explorer ce que les icônes représentent pour nous aujourd'hui..
Accentsconagua