Smiley Mac, polices pixel, Microsoft Solitaire … Quelle est la qualité des designers Apple de première génération?

Un ordinateur qui "dit bonjour" avec vous n'est pas nouveau en 2021, mais en 1984, alors que l'ordinateur personnel était encore dominé par la ligne de commande de code, un visage souriant et des graphiques et du texte intuitifs étaient visibles à l'écran , C'est définitivement un type de produit différent.

▲ Photo de: Anthony Boyd

L'ordinateur Macintosh de première génération d'Apple était le représentant le plus typique à l'époque.

▲ Afficher des images de la conférence Macintosh de 1984

En regardant la vidéo de la conférence de presse de cette année-là, lorsque Jobs a sorti la disquette de la poche de sa veste et l'a insérée dans l'ordinateur, le grand écran a immédiatement commencé à montrer le logiciel d'interface système, des feuilles de calcul, des jeux d'échecs, différentes polices et même une La propre carte de pixels de Jobs.

▲ Publicité d'Apple pour les ordinateurs Macintosh

Toutes les interfaces sont intuitives et visibles.Avec la souris, vous pouvez appuyer légèrement sur l'icône, et vous pouvez obtenir rapidement les fonctions que vous voulez sans avoir à entrer des commandes de code ennuyeuses.

Comme l'a dit Jobs, une interface graphique, un écran capable d'afficher des bitmaps, représente l'avenir de l'industrie informatique.

▲ Susan Kare, l'une des premières créatrices d'Apple

Mais ce dont nous allons parler aujourd'hui, ce n'est pas l'ordinateur lui-même ou le passé de Jobs, mais le concepteur derrière ces interfaces, icônes et polices: Susan Kare. Au sein d'Apple, elle est également connue comme la «mère des icônes».

Mac souriant

Beaucoup de gens pensent que la sortie des ordinateurs Macintosh a ouvert l'ère des interfaces graphiques informatiques, mais en fait, en 1983, Jobs, qui revenait d'avoir «volé son professeur» à Xerox, avait déjà appliqué certaines de ses réalisations à Apple Lisa.

▲ Lisa est le premier ordinateur personnel d'Apple doté d'une interface graphique

Cependant, l'interface système de Lisa était encore très rudimentaire à l'époque et n'impressionnait pas le public.De plus, de nombreux designs ont été empruntés à Xerox, et même les polices n'étaient pas les leurs, ce qui ne correspondait évidemment pas aux résultats que Jobs souhaitait poursuivre.

▲ Le membre principal de l'équipe de développement Macintosh de première génération, le troisième en partant de la gauche dans la rangée arrière est Andy Hertzfield

Afin de briser le statu quo, le membre principal de l'équipe de développement Macintosh Andy Hertzfeld (Andy Hertzfeld) a commencé à demander de l'aide étrangère, à ce moment-là, il a pensé à sa camarade de classe au lycée, Susan Carré.

À cette époque, Carley venait tout juste de terminer ses études à l'Université de New York. Parce qu'elle était spécialisée en beaux-arts et avait une certaine expérience en design graphique, Hertzfeld espérait qu'elle se joindrait et ferait de la conception visuelle de système pour les ordinateurs Macintosh.

▲ Ordinateur Apple II répertorié en 1977

En retour, Hertzfeld lui donnerait un ordinateur Apple II d'une valeur de deux mille dollars, et Carley accepta immédiatement, exprimant sa volonté de participer au projet Apple en tant que chronométreur.

À cette époque, la conception d'infographie n'était pas encore un système et même Apple n'avait pas développé un ensemble complet d'outils de conception. En désespoir de cause, Hertzfeld a dû demander à Carly d'acheter un cahier quadrillé pour quelques dollars, de peindre les icônes à la main, puis de laisser l'ingénieur le transformer en icône à matrice de points.

▲ Comme il n'y a pas de logiciel de dessin spécial, Carre ne peut d'abord dessiner des icônes que sur du papier quadrillé

Les fonctions «couper» et «coller» de la première génération de systèmes informatiques Macintosh sont nées sur ces papiers quadrillés. Elles correspondaient aux motifs de la main et des doigts en ciseaux, et le pinceau était utilisé chez Apple. Dans le logiciel de dessin MacPaint.

▲ L'icône dessinée par Carley sur papier quadrillé et la version électronique correspondante

Carre a également peint à la main un dessin de bombe, si l'utilisateur le voit sur un ordinateur Macintosh, cela prouve qu'il a rencontré un "crash".

▲ Cette image promotionnelle classique de l'ordinateur Macintosh, le "bonjour" à l'écran est dessiné avec MacPaint

En 1983, Carre est passé d'un emploi à temps partiel à un employé Apple à plein temps, et son travail principal était de participer à la conception de l'interface homme-machine Macintosh. Pour le moment, le logiciel de dessin d'Apple MacPaint est également terminé, permettant à Carré de créer des icônes bitmap directement sur l'ordinateur.

▲ Diverses icônes conçues par Carley pour Apple. Photo de: Susan Kare

De nombreuses icônes classiques sont également apparues à ce stade. Par exemple, une corbeille pour stocker des fichiers supprimés, un coin de papier plié, un symbole de montre pour demander "Chargement" et la touche de fonction "Commande" sur un clavier Apple.

▲ Certaines icônes du système Mac conservent désormais le style de l'année. Photo de: Exposition Susan Kare

Bien qu'il ne s'agisse que de simples cartes de pixels, elles sont plus intuitives et possèdent toutes des métaphores fonctionnelles que les gens peuvent comprendre d'un coup d'œil. Cela permet également à Carre d'obtenir l'approbation de Jobs.

Jusqu'à présent, il y a encore pas mal d'icônes, qui peuvent être vues dans le système Mac.

Mais si vous voulez parler du design le plus connu, ce devrait être ce "Happy Mac" avec un visage souriant.

▲ Un Mac souriant apparaîtra lorsque l'ordinateur Macintosh est allumé

Lorsque vous démarrez l'ordinateur Macintosh, vous pouvez voir un ordinateur vous sourire.

▲ L'icône de smiley recto verso appliquée au "Finder", puis itérée plusieurs versions. L'image ci-dessous est un brouillon de la personne recto-verso de Picasso

Il existe un autre style de visages souriants que nous connaissons bien, c'est-à-dire une personne à double face. Certaines personnes disent que son design est inspiré du méchant à double face dans les bandes dessinées de DC, mais plus de gens pensent qu'il s'agit en fait d'une restauration des peintures de Picasso.

Maintenant, nous pouvons encore voir l'existence de visages souriants de personnes à double face sur l'icône "Finder" dans le système macOS.

Au fil du temps, le smiley Mac et ses expressions dérivées ont également été utilisés sur d'autres matériels Apple et ont progressivement évolué pour devenir une représentation concrète de la culture Apple.

▲ Le contraire de "Happy Mac" est "Sad Mac", après quoi l'iPod a également appliqué ce design

Par exemple, au début de l'iPod, si le lecteur tombait en panne, un motif "Sad iPod" apparaîtrait, semblable au "Sad Mac" apparu après une panne matérielle d'un ordinateur Macintosh.

▲ Le visage souriant de Face ID est également dérivé du design de l'année

Celui avec lequel nous avons le plus de contacts aujourd'hui devrait être la carte de reconnaissance dans l'élément de réglage Face ID, qui utilise également le contour d'un visage souriant. C'est aussi l'image de visage souriant "Happy Mac" la plus haute résolution à ce jour.

Belle police et chien de vache

Lorsque Jobs était encore au Reed College, il a suivi de nombreux cours de calligraphie, ce qui lui a également fait aimer toutes sortes de polices avec empattements et sans empattements.

Afin d'utiliser l'interface graphique de l'ordinateur Macintosh et de coopérer avec l'imprimante pour imprimer des polices exquises, Carley a conçu plusieurs polices pour la première génération d'ordinateurs Macintosh à la demande de Jobs, afin que les utilisateurs n'aient plus un seul. sélectionner.

En outre, Carre est également responsable de la disposition de l'interface du système. Grâce aux progrès technologiques, le crénage des polices sur les ordinateurs Macintosh n'est plus fixe, mais peut être ajusté en fonction des proportions, ce qui permet aux gens de voir un contenu textuel plus clair et plus naturel à l'écran.

Au cours du développement de la police, une histoire intéressante liée à la dénomination s'est également produite.

Au début, Carré a en fait choisi la gare sur la ligne de train de Philadelphie pour nommer la police, mais Jobs l'a ensuite changée en une grande ville de renommée mondiale parce qu'il pensait que "les gens peuvent se souvenir".

▲ La police conçue par Susan Carley pour Apple et le style sous différentes tailles de police

Pour cette raison, les noms des polices Apple que nous voyons maintenant sont tous dans ce style: Chicago (Chicago), New York (New York), Genève (Genève), San Francisco (San Francisco) et Monaco (Monaco), et chaque police Tous ont des scénarios d'application différents.

▲ Le panneau de commande du premier système informatique Macintosh, ainsi que le dernier iPod, appliquaient tous la police Chicage

Par exemple, de 1984 à 1997, toutes les interfaces et boîtes de dialogue du système informatique Macintosh ont utilisé Chicago comme police par défaut, et elle est également apparue sur le lecteur iPod.

▲ Comparaison des polices Geneva et Chicago, la première sera plus fine, principalement utilisée dans des interfaces plus petites telles que les noms de dossier

Mais sur certaines petites interfaces, comme le nom du dossier, la police Geneva est utilisée, qui est modifiée par Carre sur la base du classique sans empattement Helvetica.

▲ L'image ci-dessus est l'ancienne version conçue par Carré, l'image ci-dessous est la nouvelle version en 2019

New York, est la police à empattement matricielle du premier système Macintosh. En 2019, Apple a également publié une nouvelle version du même nom que les développeurs peuvent utiliser gratuitement sur la plate-forme Apple. Cette décision est également considérée comme un hommage à la police conçue par Carre.

▲ La police Monaco est appréciée par de nombreux programmeurs

Monaco, est une police monospace sans empattement, les développeurs doivent la connaître. En raison de sa police claire et hautement reconnaissable, il s'agissait de la police par défaut de l'outil de développement d'Apple Xcode, et a ensuite été remplacée par la police Menlo.

▲ Ancienne police de San Francisco conçue par Carre

Enfin, il y a San Francisco, qui est une police conçue dans le style du style copier-coller analogique de Carre. C'est comme couper les titres des journaux et les assembler, mais elle est également apparue dans les premiers dépliants et affiches internes d'Apple.

▲ Nouvelle version de la police San Francisco pour Apple Watch

En 2014, Apple a également sorti une nouvelle version de la police San Francisco, principalement conçue pour le petit écran de l'Apple Watch.Le style est complètement différent, mais il est facile à lire.

On peut dire que l'apparence de diverses belles polices a ajouté un style différent à l'interface graphique des ordinateurs Macintosh. Vous pouvez choisir Chicago, qui représente le modernisme, ou revenir au New York classique et élégant. Différentes personnes peuvent avoir des choix différents.

▲ Dans le matériel promotionnel Macintosh de l'année, les fonctions intuitives d'édition et d'impression de texte ont également été mises en évidence

Plus important encore, ces polices peuvent également être imprimées par la première imprimante laser d'Apple LaserWriter, ce qui signifie que les utilisateurs peuvent directement effectuer l'ensemble complet des tâches de saisie de texte, d'édition et d'impression sur un ordinateur Macintosh, et produire rapidement imprimé.

La réalisation de ce flux de travail a également favorisé le développement de l'industrie de l'édition assistée par ordinateur à l'avenir.

▲ Cairo, une police mixte, a été initialement conçue pour la décoration

De plus, une "mascotte" est née parmi les polices dessinées par Carré.

La cause de l'incident est venue de l'ingénieur Apple Annette Wagner, qui concevait le programme d'impression du système Macintosh et avait besoin de trouver une référence pour la page d'aperçu afin d'aider les utilisateurs à identifier correctement l'orientation du papier.

▲ Le chiot est utilisé comme référence dans l'aperçu avant impression pour identifier l'orientation du papier

Elle a vu un chiot de la police Cairo de Carre, qui est elle-même une sorte de police mixte, composée de divers symboles graphiques. Wagner l'a agrandi de 26 × 24 pixels d'origine à 41 × 32 pixels, mais ce changement a également provoqué un malentendu par la suite.

Quelqu'un a dit que ce qu'il avait vu sur la page d'aperçu avant impression n'était pas un chiot, mais une vache. Plus tard, quelqu'un a appelé la créature «moitié chien, moitié vache» «Clarus».

▲ Les badges, les étiquettes de bière et les œufs d'Apple cachés dans le code de "Cow Dog" en font une mascotte non officielle

Le dicton "Clarus, le Dogcow" est né et il est immédiatement devenu l'un des mythes de l'équipe technique d'Apple. Les gens l'utilisent comme badge, imprimé sur des vêtements ou comme nom d'étiquette pour la bière de fête.

▲ Image de: 512 pixels

De plus, il y avait un jardin d'icônes dans l'ancien siège social d'Apple, dans lequel une sculpture d'une vache et d'un chien a été érigée, ce qui montre que les employés d'Apple aimaient cette étrange créature à cette époque.

Conception conviviale

En 1986, Carre a quitté Apple avec Jobs et est devenu le 10e employé de NeXT en tant que directeur créatif. À ce moment-là, elle a présenté à Jobs un autre designer bien connu, Paul Rand, pour concevoir le logo de NeXT.

▲ Carre, qui est le directeur créatif de NeXT. Source de l'image: Université de Stanford

Après cela, Jobs est retourné chez Apple, mais Carley n'est pas retourné dans son ancien club. Elle a constaté qu'elle manquait encore le temps de dessiner des cartes de pixels et de faire du design, puis a décidé de devenir designer indépendante et a fondé sa propre société de design Susan Kare Design.

▲ Un petit autocollant conçu par Carley pour Path et Facebook

Avec des années d'expérience en conception accumulées par Apple, Carley a reçu de nombreuses commandes de conception après avoir volé en solo, y compris des commandes de grandes entreprises telles que Microsoft, IBM et FaceBook.

Le plus connu d'entre eux devrait être la surface de la carte conçue par Carley pour les systèmes Windows.

▲ Le premier jeu de cartes Windows, la surface de la carte a été conçue par Carley

En 1990, Microsoft a commencé à créer des jeux de cartes dans le système Windows 3.0 et le premier lot de cartes à cartes a été dessiné par Carley sur un PC IBM.

À cette époque, Carre utilisait directement le logiciel de dessin fourni avec Windows et la palette de couleurs VGA traditionnelle à 16 couleurs pour restaurer les cartes à jouer du monde réel à l'écran sous forme de pixellisation.

Carre a déclaré que jusqu'à aujourd'hui, les fichiers source de ces cartes sont toujours stockés sur une disquette de 5,25 pouces.

▲ Cartes à jouer de style pixel étayées

Au noeud du 25e anniversaire de la naissance de Microsoft Solitaire, Carre a également coopéré avec la marque de design Areaware pour compléter les deux as qui n'existaient pas sous Windows, constituer un poker complet, et lancer une version physique de la carte pixel.

De nombreux designers pensent que le design de Susan Carré est simple, convivial et très convivial. Elle a créé une nouvelle image pour Apple Computer, et lui a donné un aspect personnel, qui a transformé l'ordinateur d'une époque où il n'y avait que des curseurs et des codes ennuyeux en un produit que même les enfants de 3 ans aimeraient utiliser.

Tout comme ce modèle Happy Mac. Selon les souvenirs de Carre , elle espérait injecter une image positive et amicale dans le Macintosh avec un sourire, ce qui était en ligne avec l'objectif de Jobs de «créer un produit avec une apparence amicale».

Parce que ce n'est qu'ainsi que les ordinateurs ennuyeux peuvent vraiment attirer des utilisateurs massifs.

D'autre part, le style de conception simple de Carre répond également aux exigences esthétiques de Jobs.

Elle a dit une fois qu'une excellente icône est en fait similaire à un panneau de signalisation. Elle n'affiche que les informations nécessaires sans ajouter de détails supplémentaires.

▲ Il est rapporté que ce logo provient du château de Borgholm en Suède et que sa vue de dessus est un motif "⌘"

C'est le cas de la touche de fonction "Commande" sur Mac. Carre a trouvé un symbole circulaire "⌘" dans le dictionnaire des logos, qui était imprimé au-dessus des lettres clés. Dans certains pays nordiques, comme la Suède, ce symbole fait également référence à des sites pittoresques, des sites historiques.

En 2000, Carré a également évoqué le "dessin métaphorique" de l'icône dans une interview. Elle pense qu'une excellente icône peut être immédiatement reconnue – comme «copier», «annuler» et d'autres fonctions abstraites, même si l'utilisateur ne l'a jamais vue, elle peut être comprise à partir de l'icône visuelle, ce qui rend également Elle a conçu un certain nombre d'icônes hautement reconnaissables pour le Macintosh.

Aujourd'hui, Susan Carre est la directrice créative de Pinterest et a également ouvert un site Web personnel , qui conserve la plupart de ses travaux de conception passés, tandis que les manuscrits sont conservés au Museum of Modern Art de New York.

En mai de l'année dernière, elle a également aidé une entreprise de puzzle Magic Puzzle à concevoir un logo, qui comprenait également des visages souriants.

Peut-être que la conception de l’icône de Carré est comme une petite surprise, apparemment simple, mais une fois que vous la verrez, elle sera profondément imprimée dans votre esprit.

J'espère que dans les jours à venir, nous pourrons voir des designs plus simples et conviviaux comme "Happy Mac" sur les produits Apple.

#Bienvenue pour suivre le compte WeChat officiel d'Aifaner: Aifaner (WeChat ID: ifanr), un contenu plus passionnant vous sera fourni dès que possible.

Ai Faner | Lien d'origine · Voir les commentaires · Sina Weibo