Смайлики Mac, пиксельные шрифты, Microsoft Solitaire … Насколько хороши дизайнеры Apple в первом поколении?

Компьютер, который будет «поздороваться» с вами, не новинка в 2021 году, но в 1984 году, когда на персональном компьютере все еще преобладала командная строка кода, на экране можно было увидеть улыбающееся лицо, интуитивно понятную графику и текст. , Это определенно другой продукт.

▲ Фотография от: Энтони Бойд

Компьютер Macintosh первого поколения от Apple был наиболее типичным представителем в то время.

▲ Показать кадры конференции Macintosh 1984 года

Оглядываясь назад на видео пресс-конференции того года, когда Джобс вытащил дискету из кармана пиджака и вставил ее в компьютер, на большом экране сразу же стали отображаться графические программы интерфейса системы, электронные таблицы, шахматные партии, различные шрифты и даже один Собственная пиксельная карта Джобса.

▲ Реклама Apple компьютеров Macintosh

Все интерфейсы интуитивно понятны и наглядны. С помощью мыши вы можете легко коснуться значка и быстро получить нужные функции, не вводя скучные команды кода.

Как сказал Джобс, графический интерфейс, экран, способный отображать растровые изображения, олицетворяют будущее компьютерной индустрии.

▲ Сьюзан Каре, один из первых дизайнеров Apple

Но сегодня мы будем говорить не о самом компьютере или прошлом Джобса, а о дизайнере этих интерфейсов, значков и шрифтов: Сьюзан Кэре. В Apple она также известна как «мать икон».

Улыбающийся Mac

Многие думают, что выпуск компьютеров Macintosh открыл эру компьютерных графических интерфейсов, но на самом деле в 1983 году Джобс, вернувшийся после «похищения своего учителя» из Xerox, уже применил некоторые из своих достижений в Apple Lisa.

▲ Лиза – первый персональный компьютер Apple с графическим интерфейсом.

Однако системный интерфейс Лизы в то время был еще очень примитивным и не производил впечатления на публику.Кроме того, многие дизайны были заимствованы у Xerox, и даже шрифты не были их собственными, что явно не соответствовало результатам, которых хотел добиться Джобс.

▲ Главный член команды разработчиков Macintosh первого поколения, третий слева в заднем ряду – Энди Херцфилд.

Чтобы нарушить статус-кво, основной член команды разработчиков Macintosh Энди Херцфельд (Andy Hertzfeld) начал искать иностранную помощь, в это время он думал о своей однокласснице, то есть Сьюзан Карре.

В то время Карли только что закончила Нью-Йоркский университет. Поскольку она специализировалась в области изобразительного искусства и имела некоторый опыт в графическом дизайне, Херцфельд надеялась, что она присоединится к ней и займется разработкой системного визуального дизайна для компьютеров Macintosh.

▲ Компьютер Apple II внесен в список 1977 г.

Взамен Херцфельд подарил ей компьютер Apple II стоимостью две тысячи долларов, и Карли немедленно согласился, выразив свое желание участвовать в проекте Apple в качестве подработки.

В ту эпоху дизайн компьютерной графики еще не был системой, и даже Apple не разработала полный набор инструментов для дизайна. В отчаянии Херцфельд был вынужден попросить Карли купить блокнот с сеткой за несколько долларов, вручную раскрасить значки, а затем позволить инженеру преобразовать его в значок с точечной матрицей.

▲ Так как специального программного обеспечения для рисования нет, Карре может сначала рисовать значки только на бумаге с сеткой.

Функции «вырезать» и «вставить» в первом поколении компьютерных систем Macintosh были рождены на этой бумаге с сеткой. Они соответствовали рисунку руки и пальцев ножниц, а кисть использовалась в Apple В программе для рисования MacPaint.

▲ Значок, нарисованный Карли на бумаге с сеткой, и соответствующая электронная версия

Карре также вручную нарисовал дизайн бомбы, если пользователь видит его на компьютере Macintosh, это доказывает, что он столкнулся с «аварией».

▲ Это классическое рекламное изображение компьютера Macintosh, «привет» на экране нарисовано с помощью MacPaint

К 1983 году Карре перешел с неполной занятости на штатного сотрудника Apple, и его основная работа заключалась в участии в разработке человеко-машинного интерфейса Macintosh. В это время также была завершена разработка программного обеспечения Apple для рисования MacPaint, позволяющего Карре создавать растровые значки прямо на компьютере.

▲ Различные значки, разработанные Карли для Apple. Фотография от: Сьюзан Кэре.

На этом этапе также появилось много классических иконок. Например, корзина для хранения удаленных файлов, загнутый угол бумаги, значок часов для запроса «Загрузка» и функциональная клавиша «Команда» на клавиатуре Apple.

▲ Теперь некоторые значки в системе Mac по-прежнему остаются в стиле года. Фотография из: Выставка Сьюзан Кэр

Хотя это простые пиксельные карты, они более интуитивно понятны, и все они содержат функциональные метафоры, которые люди могут понять с первого взгляда. Это также позволяет Карре получить одобрение Джобса.

Пока есть еще довольно много значков, которые можно увидеть в системе Mac.

Но если вы хотите рассказать о самом известном дизайне, то это должен быть этот «Happy Mac» со смайликом.

▲ Улыбающийся Mac появится, когда компьютер Macintosh включен.

Когда вы запускаете компьютер Macintosh, вы видите, как компьютер улыбается вам.

▲ Значок двустороннего смайлика, примененный к «Finder», а затем итерация в нескольких версиях. Картинка ниже представляет собой черновик двустороннего лица Пикассо.

Есть еще один стиль улыбающихся лиц, который мы хорошо знаем, то есть двуличный человек. Некоторые люди говорят, что его дизайн вдохновлен двуличным злодеем из комиксов DC, но больше людей думают, что на самом деле это реставрация картин Пикассо.

Теперь мы все еще можем видеть наличие улыбающихся лиц двусторонних людей на значке «Finder» в системе macOS.

Со временем смайлик Mac и его производные выражения также использовались на другом оборудовании Apple и постепенно превратились в конкретное представление культуры Apple.

▲ Противоположностью «Happy Mac» является «Sad Mac», после которого в iPod также был применен этот дизайн.

Например, в ранних версиях iPod, если проигрыватель вылетал из строя, появлялся шаблон «Sad iPod», похожий на «Sad Mac», который появлялся после аппаратного сбоя компьютера Macintosh.

▲ Улыбающееся лицо Face ID также заимствовано из дизайна года.

Сегодня мы больше всего контактируем с картой распознавания в пункте настройки Face ID, которая также использует контур улыбающегося лица. Это также самая высокая фотография улыбающегося лица "Happy Mac" на данный момент.

Красивый шрифт и корова собака

Когда Джобс еще учился в Рид-колледже, он посещал множество уроков каллиграфии, что также заставило его полюбить всевозможные шрифты с засечками и без засечек.

Чтобы использовать графический интерфейс компьютера Macintosh и сотрудничать с принтером для печати изысканных шрифтов, Карли по просьбе Джобса разработал несколько шрифтов для компьютеров Macintosh первого поколения, чтобы у пользователей больше не было единого Выбрать.

Кроме того, Карре также отвечает за компоновку системного интерфейса. Благодаря технологическим достижениям кернинг шрифтов на компьютерах Macintosh больше не фиксируется, но его можно регулировать в соответствии с пропорциями, что позволяет людям видеть более четкое и естественное текстовое содержимое на экране.

Во время разработки шрифта тоже произошла интересная история, связанная с неймингом.

Вначале Карре фактически выбрал станцию ​​на линии поезда Филадельфии, чтобы назвать шрифт, но затем Джобс изменил его на всемирно известный большой город, потому что он чувствовал, что «люди могут помнить».

▲ Шрифт, разработанный Сьюзан Карли для Apple, и стиль для шрифтов разных размеров

По этой причине названия шрифтов Apple, которые мы видим сейчас, написаны в этом стиле: Чикаго (Чикаго), Нью-Йорк (Нью-Йорк), Женева (Женева), Сан-Франциско (Сан-Франциско) и Монако (Монако), и каждый шрифт У всех разные сценарии применения.

▲ На панели управления ранней компьютерной системы Macintosh, а также более поздней версии iPod использовался шрифт Chicage.

Например, с 1984 по 1997 год во всех интерфейсах и диалоговых окнах компьютерной системы Macintosh в качестве шрифта по умолчанию использовался Chicago, и он также появлялся на плеере iPod.

▲ По сравнению с женевскими и чикагскими шрифтами, первый будет тоньше, в основном используется в небольших интерфейсах, таких как имена папок.

Но на некоторых небольших интерфейсах, таких как имена папок, используется шрифт Geneva, который модифицирован Карре на основе классического шрифта без засечек Helvetica.

▲ Изображение выше – это старая версия, разработанная Карре, изображение ниже – новая версия 2019 года.

New York – это матричный шрифт с засечками ранней системы Macintosh. В 2019 году Apple также выпустила новую версию с таким же названием, которую разработчики могут бесплатно использовать на платформе Apple. Этот шаг также рассматривается как дань уважения шрифту, разработанному Карре.

▲ Шрифт Monaco любят многие программисты

Monaco – это моноширинный шрифт без засечек, разработчики должны быть с ним знакомы. Из-за своего четкого и хорошо узнаваемого шрифта он был шрифтом по умолчанию в инструменте разработки Apple Xcode, а позже был заменен шрифтом Menlo.

▲ Шрифт Old San Francisco, разработанный Карре

Наконец, есть шрифт San Francisco, который представляет собой шрифт, разработанный в стиле аналоговой вырезки и вставки Карре, которая похожа на вырезание заголовков из газеты и объединение их, но он также появлялся в ранних внутренних листовках и плакатах Apple.

▲ Новая версия шрифта San Francisco для Apple Watch

В 2014 году Apple также выпустила новую версию шрифта San Francisco, в основном предназначенного для маленького экрана Apple Watch. Стиль совершенно другой, но легко читаемый.

Можно сказать, что появление различных красивых шрифтов добавило новый стиль графическому интерфейсу компьютеров Macintosh. Вы можете выбрать Чикаго, олицетворяющий модернизм, или вернуться в классический и элегантный Нью-Йорк. У разных людей есть свой выбор.

▲ В рекламных материалах года Macintosh также были выделены интуитивно понятные функции редактирования текста и печати.

Что еще более важно, эти шрифты также могут быть напечатаны на первом лазерном принтере Apple LaserWriter, что означает, что пользователи могут напрямую выполнять полный набор задач ввода текста, редактирования и печати на компьютере Macintosh и быстро создавать материализованные печатный материал.

Реализация этого рабочего процесса также способствовала развитию индустрии настольных издательских систем в будущем.

▲ Cairo, смешанный шрифт, изначально предназначался для украшения

Кроме того, среди шрифтов, разработанных Карре, родился «талисман».

Причина инцидента возникла от инженера Apple Аннет Вагнер, которая разрабатывала программу печати для системы Macintosh, и ей нужно было найти ссылку на страницу предварительного просмотра, чтобы помочь пользователям правильно определить ориентацию бумаги.

▲ Щенок используется в качестве ориентира при предварительном просмотре печати для определения ориентации бумаги.

Она увидела щенка из шрифта Carre’s Cairo, который сам по себе представляет собой своего рода смешанный шрифт, состоящий из различных графических символов. Вагнер увеличил его с исходных 26 × 24 пикселей до 41 × 32 пикселей, но это изменение впоследствии вызвало недоразумение.

Кто-то сказал, что то, что он увидел на странице предварительного просмотра, было не щенком, а коровой. Позже кто-то назвал существо «наполовину собака, наполовину корова» «Кларус».

▲ Значки, пивные этикетки и яйца Apple, скрытые в коде "Cow Dog", делают его неофициальным талисманом.

Появилась поговорка «Кларус, собака-корова», которая сразу стала одним из мифов технической команды Apple. Люди используют его как значок, напечатанный на одежде или как название этикетки для пива для вечеринок.

▲ Изображение от: 512 пикселей

Кроме того, в старой штаб-квартире Apple был иконный сад, в котором была установлена ​​скульптура коровы и собаки, что свидетельствует о том, что сотрудники Apple любили это странное существо в то время.

Дружелюбный дизайн

В 1986 году Карре покинул Apple вместе с Джобсом и стал 10-м сотрудником NeXT в качестве креативного директора. В то время она представила Джобсу другого известного дизайнера Пола Рэнда, который разработал логотип для NeXT.

▲ Карре, креативный директор NeXT. Источник изображения: Стэнфордский университет

После этого Джобс вернулся в Apple, но Карли не вернулся в свой старый клуб. Она обнаружила, что все еще скучает по рисованию пиксельных карт и дизайну, а затем решила стать независимым дизайнером и основала собственную дизайнерскую компанию Susan Kare Design.

▲ Маленькая наклейка, разработанная Карли для Path и Facebook

Благодаря многолетнему опыту проектирования, накопленному Apple, Карли получил множество дизайнерских комиссий после полета в одиночку, включая заказы от крупных компаний, таких как Microsoft, IBM и FaceBook.

Самым известным из них должна быть поверхность карты, разработанная Carley для систем Windows.

▲ Самая ранняя карточная игра для Windows, поверхность карты была разработана Карли.

В 1990 году Microsoft начала создавать карточные игры в системе Windows 3.0, и первая партия карточных карт была нарисована Карли на IBM PC.

В то время Карли напрямую использовал программное обеспечение для рисования, поставляемое с Windows, и традиционную 16-цветную палитру VGA для восстановления реальных игральных карт на экране в виде пикселизации.

Карре сказал, что до сегодняшнего дня исходные файлы этих карт по-прежнему хранятся на 5,25-дюймовых гибких дисках.

▲ Обоснованные игральные карты в пиксельном стиле

В преддверии 25-летия со дня рождения Microsoft Solitaire Карре также сотрудничал с дизайнерским брендом Areaware, чтобы дополнить два туза, которых не было в Windows, составить законченный покер и запустить физическую версию пиксельной карты.

Многие дизайнеры считают, что дизайн Сьюзан Карре прост, дружелюбен и очень дружелюбен. Она создала новый имидж Apple Computer и придала ему индивидуальный вид, который превратил компьютер из эпохи, когда были только курсоры и скучные коды, в продукт, которым хотели бы пользоваться даже трехлетние дети.

Так же, как этот шаблон Happy Mac. По воспоминаниям Карре , она надеялась с улыбкой создать на Macintosh позитивный и дружелюбный образ, что соответствовало цели Джобса «создать продукт с дружественным внешним видом».

Потому что только так скучные компьютеры могут по-настоящему привлечь массовых пользователей.

С другой стороны, простой стиль дизайна Карре также отвечает эстетическим требованиям Джобса.

Однажды она сказала, что отличный значок на самом деле похож на дорожный знак: он отображает только необходимую информацию без дополнительных деталей.

▲ Сообщается, что этот логотип был создан в замке Боргхольм в Швеции, а его вид сверху представляет собой символ "⌘".

Так обстоит дело с функциональной клавишей «Command» на Mac. Карре нашел круговой символ «⌘» из словаря логотипов, который был напечатан над ключевыми буквами. В некоторых странах Северной Европы, таких как Швеция, этот символ также относится к живописным местам, историческим местам.

В 2000 году Карре также говорил о «метафорическом замысле» иконы в интервью. Она считает, что отличный значок можно распознать сразу – например, «копировать», «отменить» и другие абстрактные функции, даже если пользователь никогда их не видел, это можно понять по визуальному значку, который также делает Она разработала ряд узнаваемых иконок для Macintosh.

Сегодня Сьюзан Карре является креативным директором Pinterest, а также открыла личный веб-сайт , на котором хранится большинство ее прошлых дизайнерских работ, а рукописи хранятся в Музее современного искусства в Нью-Йорке.

В мае прошлого года она также помогла компании Magic Puzzle разработать логотип, который также включал улыбающиеся лица.

Возможно, дизайн иконок Карре покажется маленьким сюрпризом, на вид простой, но как только вы его прочтете, он глубоко запечатлится в вашей памяти.

Я надеюсь, что в будущем мы сможем увидеть более простые и удобные дизайны, такие как «Happy Mac», на продуктах Apple.

# Добро пожаловать в официальный аккаунт Aifaner в WeChat: Aifaner (идентификатор WeChat: ifanr), более интересный контент будет предоставлен вам как можно скорее.

Ai Faner | Исходная ссылка · Посмотреть комментарии · Sina Weibo