© 2016 Your company
Дизайн Apple
От идеи до наших дней
Tilda Publishing
Иконка Finder
Сайт New York Times опубликовал статью о том, что Пикассо обучает Apple стилю в статье Simplifying the Bull: How Picasso Helps to Teach Apple's Style
Tilda Publishing
Дизайн иконки Finder был вдохновлен картиной Пикассо.
Каждый поклонник Apple знает, что в компании Apple очень ценят искусство и творчество. Стив Джобс часто любил говорить о том, что каждый его сотрудник должен быть художником и идея искусства постоянно царили в Apple со дня ее основания и до сих пор.
Выше изображена картина Пикассо «Два персонажа», созданная испанским художником в 1943 году. Иконка Finder без сомнения повторяет лицо картины по стилю и цвету.
Логотип Apple
Логотип Apple ведёт свою историю с картины, где занятый чтением Исаак Ньютон вот-вот почувствует упавшее яблоко макушкой.
1976
Логотип Apple был разработан Стивом Джобсом и Рональдом Уэйном в 76 году, на нем Исаак Ньютон сидел под яблоней. Это было вдохновлено цитатой из Вордсворта, которая также была занесена в логотип, в котором говорилось: «Ньютон … ум, вечно путешествующий через странные моря мысли». Также на лого было написано «Apple Computer Co.».
1977
В 77 году дизайнер Робу Янову сосредоточиться на самом яблоке и создал знаковый логотип, который мы так хорошо знаем, хотя более яркая версия получила название «радужное яблоко». Это было сделано для того, чтобы отметить открытия гравитации (яблоко) и разделения света (цвета), выполненные Исааком Ньютоном, и, возможно, воздать «плод Древа познания» в истории Адама и Евы. Кстати, «Macintosh» относится к определенному сорту яблока, в котором был любим Стив Джобс.
1998
Вернувшись спустя более 10 лет отсутствия в компанию, которая переживала не лучшие свои годы, Джобс взял курс на перемены. И первым делом он изменил фирменный логотип, отказавшись от ярких цветов в пользу однотонного контура яблока.
2001
Чуть позже фирменный знак Apple стал изображаться в стиле графического интерфейса Aqua, который появился в macOS X. Такие лого долго использовались на визитках и вывесках в штаб-квартире компании в Купертино. Красная версия применялась для расширенной гарантийной поддержки Apple Care, а затемнённая графитовая — на системных блоках Power Mac G4.
2007
Эмблема слегка изменилась. Глянцевый блеск остался на месте, но из стеклянного яблоко превратилось в тщательно отполированное металлическое. Лого использовалось для многих продуктов, но больше всего запомнилось по экрану загрузки iOS-устройств и экрану «Об этом Mac» в OS X.
Сайт
Как никогда хорошо перемены в компании можно отследить по тому, как менялась из года в год главная страница сайта apple.com
1993-1994 год. Одна из первых версий,существовавших на домене apple.com. Элементы управления браузера дорисованы, так как скриншотов с тех времен нигде не осталось и остаться не могло. Однако содержимое странички все же сохранилось. Этой версии уже более четверти века, впервые она была опубликована в 1993 году и существовала по 1994.
04 апреля 1997 год. Именно так сайт компании выглядел 4 апреля 1997 года. Крохотные разрешения тогдашних экранов не требовали графики высокого разрешения. Еще не было большого количество разнообразных шрифтов, а логотип компании был разукрашен во все цвета радуги.
09 мая 1998 года. А вот версия от 9 мая 1998 года. «Hello» говорит нам знаменитый мак в синем прозрачном корпусе, знакомый даже людям не сильно интересовавшимся историей компании Apple по фильму «Империя Соблазна».
27 августа 1999 года. На главной фотографии одно из устройств, которые в нынешнее время вряд ли вспоминают, потому что оно не было отмечено каким-либо грандиозным успехом. Принято считать, что у компании были только взлеты, хотя на самом деле история apple насчитывает немалое количество падений, недоразумений и просто неудачных решений.
26 февраля 2000 года. Более привычная навигация на сегодняшний манер и как всегда ничего лишнего. Меняется так же модель компьютера на актуальную того времени, исчезает массивная темная плашка с ссылками в нижней части страницы, уменьшается количество ссылок в футере.
2003 год. Релиз нового iTunes. До прихода Apple Music на WWDC 2015 остается всего каких-то 12 лет. Меню сайта стало еще больше похоже на современные аналоги. На картинках множество забавных Ховер-эффектов.
07 января 2007 года. 2007 год — презентация и начало продаж первого iPhone. Чтобы соответствовать новым трендам, Apple взялась и за редизайн веб-страницы. Компания придала сайту чистый и современный облик. Пустое пространство исчезло, а все элементы меню аккуратно расположились в верхней шапке.
2011 год. Apple вновь внесла изменения в дизайн своей веб-страницы. На этот раз компания переработала меню сайта, добавив ему объема. В центре внимания — новенький iPad 2.
01 ноября 2013 года. Новый iPad Air все в той же стилистике сайта. Шапка и фон долго оставались практически неизменными, однако с увеличением качества и размеров дисплеев стали появляться все более четкие и яркие картинки.
15 сентября 2014 года. Cайт выглядел следующим образом. Это уже приближенная к нашему времени версия, которая не смутила бы любого человека, открывшего её и в 2019 году.
2015 год. Цветовая гамма стала более темной. Первый экран стал разнообразнее — под секцией-презентацией новой модели iPhone 6S появились блоки с другими категориями продукции.
2019 год. В дальнейшем, вплоть до сегодняшнего дня, сайт Apple лишь менял содержимое, оставаясь в прежней концепции.
iMac
Когда люди слышат слово «компьютер», то у всех в голове возникают ассоциации системного блока, монитора и куча проводов. Компания Apple решила сломать эти стереотипы и поместила все необходимое в один корпус.
Первый моноблок производства Apple часто упоминают в связке с именем нынешнего главного дизайнера Джонатана Айва — именно футуристический 15-дюймовый монитор с с катодно-лучевой трубкой, начиненный «айбиэмовским» процессором PowerPC G3, модулем ОЗУ 32-512 Мб и пр., стал первым серьезным проектом британца в Купертино. Среди особенностей дизайна — полупрозрачный корпус и целых пять возможных расцветок.
iMac G3 (1998 год)
Внешне устройство кардинально отличалось от первоначальной конструкции. Ее возглавлял плоский LCD-монитор (15, 17 или 20 дюймов), полностью соответствующий тогдашнему представлению продвинутого пользователя о современных технологиях, а вся начинка скрывалась в полусферической подставке. Эргономичность и удобство использования такой системы уже тогда вызывали определенные вопросы, поэтому спустя два года дизайнеры Apple представили новое решение.
iMac G4 (2002 год)
По сути, именно эту модель стоит считать прямым предком современного iMac в плане дизайна. Знакомая каждому маководу изящная подставка, плоский корпус, в который уместилось довольно производительное «железо» — все это передается от одного поколения моноблоков Apple к другому на протяжении вот уже 10-ти лет.
iMac G5 (2004 год)

Пропустив четвертое поколение iMac, в котором дебютировали процессоры Intel и 24-дюймовая диагональ экрана, перейдем непосредственно к первому алюминиевому моноблоку, который стал в 2007 году еще больше похож на современный вариант. Отныне пользователи прощались с 17-дюймовой моделью, а также впервые получали возможность оснастить свои десктопы терабайтными винчестерами.
iMac (2007 год)
Новые iMac — яркие дисплеи, процессоры Kaby Lake и быстрые SSD. Новые диагонали дисплея (21,5 и 27 дюймов, весом 5,6 и 9,5 кг, соответственно), супер-тонкий алюминиевый корпус (минимальная толщина составляет 5 мм), новые интерфейсы передачи данных, уменьшенные рамки вокруг дисплея — яблочный моноблок обрел полностью современный вид.
iMac slim (2012-2013 год)
Главным новшеством компьютера стал дисплей 5K, еще на один шаг приблизившим компанию к завершению эры развития формата 2D. Несмотря на то, что огромное (почти 15 миллионов) количество пикселей в разы увеличило потребности моноблока в производительности и энергопотреблении, инженерам удалось сделать своеобразный подарок дизайнерам и реализовать такой тайминг-контроллер, который позволил сохранить габариты корпуса и не заставил последних перекраивать внешний вид iMac Retina.
iMac Retina (2014-2017)
Устройство позиционируется как компьютер для профессионалов. iMac Pro может оснащаться 18 ядерным процессором, дискретной видеокартой до 16 ГБ памяти, до 128 ГБ оперативной памяти DDR4 ECC 2 666 ГГц и SSD-накопителем емкостью до 4 терабайт. Моноблок получил уникальную систему охлаждения, эффективность которой на 80% выше, чем у «обычных» iMac.
iMac Pro (с 2017)
Iphone
Полная история того, как менялся «яблочный» смартфон за 10 лет. От проекта «Purple» до iPhone X.
iPhone (2007)
Самый первый и самый знаковый iPhone. Развитие смартфонов можно смело делить на «до» и «после», ведь все производители гаджетов в той или иной мере начали копировать и развивать идеи, заложенные в устройствах Apple.
iPhone 3G (2008)
Изменён дизайн, материал корпуса вместо металлического сделан из пластика. Появилась поддержка 3G, магазина приложений App Store, который дебютировал вместе с iOS 2.0, модели с черным и белым корпусом.
iPhone 4 (2010)
Впервые разработчики применили сочетание стекла и металла, что стало настоящим прорывом после пластика. Шикарный Retina Display просто поражал воображение, технология с незначительными улучшениями до сих пор используется в iPhone и iPad, лишь iPhone X получил матрицу нового поколения. В iPhone 4 впервые появилась фронтальная камера и видеозвонки, гироскоп и светодиодная вспышка. Запомнится смартфон громким скандалом, причиной которому послужило явление антеннагейт. iPhone терял сигнал при определенном хвате.
iPhone 4s (2011)
Этот iPhone стал последним, выпущенным при жизни Джобса, а презентацию смартфона впервые вел Тим Кук. Кроме измененной конструкции рамки с антеннами девайс получил камеру с поддержкой Full-HD видео и научился раздавать мобильный интернет по Wi-Fi. Из программных фишек мы впервые увидели передачу сигнала через AirPlay и голосовой ассистент Siri.
iPhone 5s (2013)
Еще одна знаковая модель, которая отметилась появлением полезной и удобной фишкой – Touch ID. Вместе с iPhone 5s мы впервые увидели золотой айфон и кардинально обновленную iOS 7. За шесть лет в компании первый раз решились на полный редизайн мобильной ОС.
iPhone 5 (2012)
На тот момент модель считалась революционной. В iPhone 5 начали применять лоток для nano-Sim. Вместе с пятым айфоном представили гарнитуру EarPods, эта форма до сих пор в ходу.
iPhone 5с (2013)
В 2013 году Apple впервые на осенней презентации показала два айфона. Это были не одинаковые модели с разной диагональю дисплея, а принципиально разные с точки зрения позиционирования устройства. Запомнилась модель яркой палитрой пластмассовых корпусов и приятным ценником.
iPhone 6/6 Plus (2014)
iPhone 6s / 6s Plus (2015)
iPhone SE (2016)
Дизайн 2012 года + начинка 2015 года. В тестах из-за меньшей диагонали дисплея он часто превосходил флагманский 6s.
iPhone 7/7 Plus (2016)
Запоминающейся стала цветовая линейка. К уже привычным серебру, золоту, розовому золоту добавили пару черных: матовый и быстро царапающийся глянцевый черный оникс, который в первые месяцы продаж достать было просто нереально. А через полгода появился и первый красный iPhone.
iPhone 8/8 Plus (2017)
Еще одни смартфон «старой эпохи». Дизайн остался прежним, лишь задняя панель вместо металла вышла стеклянной. Серьезное изменение всего одно – наличие беспроводной зарядки. Остальные изменения (процессор, камера, bluetooth 5, True Tone) можно смело отнести к косметическим.
iPhone X (2017)
Новый размер, новый дизайн, новый экран, новая система идентификации пользователя. Отказ от физической кнопки под дисплеем привел к появлению новых жестов для управления девайсом. У флагмана впервые с 2012 года всего два варианта расцветки.
iPhone 11/11 Pro (2019)
Третье поколение iPhone с безрамочным дизайном.Принципиальных изменений нет. Сохранились границы по краям, которые в 2019 году уже воспринимаются слишком крупными, и фирменный вырез сверху, по которому iPhone легко распознаётся в ряду других смартфонов.
iPhone 3GS (2009)
Эта модель айфона впервые продемонстрировала пользователям долгосрочный план Apple по выпуску смартфонов с символом «S» в названии. Модель запомнилась появлением автофокуса в камере и возможностью съемки видео, цифровым компасом и голосовым управлением Voice Control, которое позже эволюционировало в Siri.
Доработанная «шестерка» с минимумом инноваций. Впервые в линейке iPhone с моделью 6s показали цвет «розовое золото».
В 2014 году под влиянием рынка в Apple решились на серьезное увеличение диагонали дисплея. Мы увидели не только большой по тем временам iPhone 6, но и версию Plus с 5.5-дюймовым экраном. Смартфоны однозначно запомнятся как первые в современной линейке iPhone, как самые тонкие и гнущиеся смартфоны Apple.
12 принципов дизайна
Главный дизайнер Apple посетил лондонский Design Museum, где пообщался с его директором Дейяном Суджичем и аудиторией, состоявшей из молодых дизайнеров. Самым интересным моментом разговора стал рассказ сира Джонатана о своих принципах в дизайне. Ниже собраны самые интересные моменты той беседы.
Ты — это то, что ты делаешь
Великие идеи появляются в ходе общения
Бросай рендерить, начинай делать
Команда должна быть небольшой
Копирование — не лучшая форма лести
Отключить сознание
Миниатюризация гаджетов неизбежна
Тратьте время на то, что никто никогда не увидит
Не будьте другим только потому, что нужно быть другим
«То, что мы делаем, говорит о нас всё. Люди могут чувствовать заботу — и небрежность тоже».
«Лучшие идеи начинаются с общения», говорит Айв. Небольшая перемена в начале дизайн-процесса создает совершенно другой продукт на выходе. В самом начале идея — это просто мысль, хрупкая и «эксклюзивная», твоя собственная идея. Когда появляется физическое воплощение, всё меняется. Идея теряет статус эксклюзивной, теперь в неё «включены» множество людей.
Многие молодые дизайнеры, со слова Джони, просто не знают, как сделать свой продукт в реальной жизни. Посидеть за компьютером проще, чем заплатить деньги (и немалые) за работу в мастерской при школе дизайна. CAD-программы могут создать впечатление, что плохой дизайн хорош.
«Мне нравится работать в небольшой команде. В дизайн-команде нас всего 18 человек. Никто никогда никуда не уходил».
«Восемь лет работы можно скопировать за полгода. Украденный
дизайн — это украденное время. Это лесть? Ну уж нет».
«Чтобы создать что-то действительно новое и инновационное, вам придется отключить разум».
«Это состояние человека: когда вы видите технологию с феноменальным потенциалом, вы хотите сделать её меньше, дешевле и надежнее.
«Мы тратим столь много времени на внутреннюю начинку смартфона. И хотя это то, что вы в 99% случаев не увидите, мы делаем это — потому что это правильно».
«Быть другим в общепринятом смысле просто. Давайте просто сделаем это розовым и пушистым! Быть лучше сложнее. Сделать что-то «другое» часто требует маркетинговых и корпоративных подходов. Когда меняются значимые вещи, сделай их действительно не похожими на то, что есть сейчас».
1
2
3
4
5
6
7
8
9
Если вы не проваливаетесь, вы не пытаетесь
Нам не нужно страшиться неудач — если мы не падаем, мы не двигаемся вперед. 80% вещей из студии не работают. Если вещь недостаточно хороша, перестаньте делать это.
10
Отказывайтесь чаще, чем принимайте
Описывая свой креативный процесс, Джони говорит: «На каждую идею, которая работает, приходится 9 идей, от которых пришлось отказаться».
11
Делайте хорошие продукты, и деньги придут
«Наша цель — с упорством безумцев делать настолько хорошие продукты, насколько мы можем. Мы не наивны. Мы верим, что, если нам удалось добиться успеха и мы делаем хорошие продукты, людям они понравятся. И мы верим в то, что, если людям они нравятся, то они их купят… Мы знаем, что мы делает, так что мы делаем деньги, но это следствие [а не причина]».
12
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ЗА НЕДЕЛЮ?
ЛОНГРИДЫ
Минимализм в веб-дизайне
ЛОНГРИДЫ
Золотое сечение
ЛОНГРИДЫ
Швейцарская типографика