Как менялся сайт apple
Обновлено: 18.05.2024
Ещё пару десятков лет назад было невозможно представить, что смартфоны станут неотъемлемым атрибутом повседневной жизни практически каждого человека.
За относительно небольшой промежуток, многое действительно сильно поменялось – в том числе и сайт Apple.
Как выглядела первая версия веб-страницы крупнейшей корпорации мира? Предлагаем углубиться в историю и оценить, какую эволюцию прошел официальный сайт «яблочной» компании.
Первая версия сайта Apple датируется 1994 годом.
Радужный логотип на весь размер сайта, яркие цвета — сейчас это выглядит комично.
Но даже тогда можно было заметить первые отголоски современного дизайна.
Сайт выполнен в стиле минимализма — нет ничего лишнего.
Следующая версия — 1996 год.
Именно тогда в находящуюся на грани банкротства корпорацию вернулся её основатель — Стив Джобс.
Создатель Apple ещё не успел внести изменения на главную страницу — поэтому мы можем её наблюдать такой, какой она была во времена Джила Амелио (CEO компании с 1996 по 1997 год).
Цветовая гамма, форма кнопок и их расположение.
Изменилась и концепция — основной акцент теперь делается на продуктах компании.
Центром внимания тогда стал новенький моноблок i.
Внешний облик сайта Apple начинается приобретать современные черты.
В дизайне преобладают скевоморфизм и объемные текстуры.
В 2001 году изменила внешний облик меню.
На главной странице компания рекламирует свой первый революционный плеер — i.
Добавлены информационные карточки внизу сайта.
На постерах красуется i.
Mac с передовым, на тот момент, дизайном.
Стоимость этих компьютеров начиналась от 1299 долларов.
Идём дальше — 2005 год.
Официальную страницу украшают новые постеры с i.
Компания по-прежнему широко использует 3D-элементы в дизайне сайта.
Кто помнит рекламную кампанию «I’m a PC.
I’m a Mac»? Для тех кто не знает — она берёт своё начало в 2006 году.
2007 год — презентация и начало продаж первого i.
Чтобы соответствовать новым трендам, Apple взялась и за редизайн веб-страницы.
Компания придала сайту чистый и современный облик.
Пустое пространство исчезло, а все элементы меню аккуратно расположились в верхней шапке.
2008 год — Apple показала i.
В дизайне сайта всё также повсеместно используются отражения и объемные формы.
Phone 4 и первого i.
Практически всё свободное пространство занимают постеры с изображением новых продуктов.
В 2011 году Apple вновь внесла изменения в дизайн своей веб-страницы.
На этот раз компания переработала меню сайта, добавив ему объема.
В центре внимания — новенький i.
2012 год — Apple показала i.
Компания начала повсеместно использовать графику высокого разрешения, адаптированную под дисплеи Retina.
Следующая версия сайта — 2014 год.
В этот раз упор сделан целиком и полностью на минимализм.
Все элементы сайта лишились объема, позаимствовав стиль iOS 7.
2015 год — компания изменила цветовую гамму меню на темную полупрозрачную.
Начиная с этого момента и до сегодняшних дней, сайт Apple лишь менял содержимое, оставаясь в прежней концепции.
Выпуск революционного i.
Компания широко использует качественные 3D-рендеры и анимацию в промо-материалах.
Именно так выглядит сайт Apple в наши дни.
На примере сайта Apple можно чётко отследить, как менялись мировые тенденции дизайна и какие ключевые события произошли с компанией за это время.
А кто из присутствующих помнит дизайн сайта 1996 года? Давайте устроим небольшую ретроспективу.
1996-1997. Красные яблоки рулез.
1998. Apple экспериментирует с черно-белыми вариациями.
***
2000, май. Вебмастеры Apple узнают, что в природе существует тег CENTER, выравнивающий контент посередине, а мир узнает про PowerMac G4. Веб-дизайнерам нравится новый стиль, который они окрестили Aqua Style.
***
2000, октябрь. Пьяный наемный фотограф, лежа на боку и потерявшись в пространстве, сделал несколько снимков ноутов iBook. Наутро идея с радостью воспринимается руководством Apple.
***
2001, июнь. Наконец-то пропали коричневые плашки, пришли серые. Нижних разделов на главной странице стало четыре. Пробовали найти фотографа, но того и след простыл. Щелкнули макбук своими силами.
***
2002. Декабрь. Macromedia согласилась портировать свои продукты под Mac OS. В шапке сайта появилась ссылка на новый интернет-сервис dotMac.
***
2003. Май. Apple поняла, что на музыке можно поднять реальных денег. Программисты вкалывали как лошади, чтобы к концу весны представить сервис iTunes Store. Аналитики тогда крутили пальцами у виска. Из недр сайта на главную страницу всплыли музыкальные услуги.
***
2005, январь. Apple решает участвовать в общественных проектах. Сайт скорбит о погибших во время ужасного цунами на побережье Индийского океана, когда погибло почти 144 тыс. человек.
***
2006, февраль. Чипы Intel прописываются на Маках. Дизайнеры пробуют силы в цветных бекграундах.
***
2007, январь. 30-летний юбилей Apple.
***
2007, январь. Какой-то телефон.
***
2007, август. Новые iMac. На работу устраивается сын того самого фотографа. Сайт обзаводится новыми градиентными плашками.
***
2008, сентябрь. Цветное засилие айподов. Настолько реалистичное, что приходится вытирать слюни. Очевидцы говорят, самым эффектным цветом является фиолетовый.
2009, январь. Корпоратив в честь празднования полумиллиарда скачиваний программ из App Store.
Артур Малосиев
Как переоформить SIM-карту с юрлица на физическое лицо
Meta показала невероятные перчатки для VR. Они позволяют ощущать виртуальные объекты
Instagram будет требовать видео-селфи для подтверждения личности пользователей
Самые известные чехлы в России вышли для iPhone 13 Pro Max. Обзор Pitaka, броня для смартфона
Скорость мобильного интернета в России снизилась впервые за 10 лет
Apple отчиталась за четвертый квартал. Продажи Mac стали рекордными
Apple разрешила прятать чёлку у новых MacBook Pro в любых приложениях
iFixit разобрали салфетку Apple за 1990 рублей. Её невозможно починить
🙈 Комментарии 25
с веб.архива взято?
Хорошая история. Я впервый раз увидел сайт (предпоследняя картинка).
Текст подозрительно похож на МТСовский)))
Спасибо за ретроспективу
А можнот гденить в нете на это ссылочку? А то очень хочется в нормальном размере глянуть)
Лучше бы порадовался за друга=)
Супер! Спасибо :0 СиБриз
aeroZeppelin-а беднягу, похоже, силой на маке заставляют сидеть.
Сорри*
ИМХО для работы с графикой нету ничего лучше Яблока… *** =)))
Яблочная веб-эволюция :)
Спасибо! Юыло познавательно.
начиная с 2000-года все помню, видел :)
Да! Яблоко для графики! Поэтому я себе прикупил хакинтош. На полноценный мак пока денег нету, но это дело наживное. Как только так сразу куплю себе мак. Причем на маки можно винду ставить через BootCamp, и в игры резаться. Благо новые интелмаки я бы не сказал, что уступают обычным ПС в производительности.
Мне кажется, или что-то не сходится? ;)
ужасно описано. юмор высосан из пальца.
в 2001 макбуков не было, были айБуки.
все таки если уже ресурс по айФонам, то не надо говорить тут про маки, и так понятно, что 80% наверно даже в глаза не видели их.
кароце отценка 1.
Не хватает вида главной страницы с новыми МакБуками и новыми МакБук Про. На Эпл.ру этот вид ещё сохранился.
Пусть те кто сомной не согласны, сомной не согласятся! Ведь это их право. А те кто меня поддержит, пускай поддержит! :)
Спасибо за внимание и за понимание!
Прошу прощения я столь большой текст, просто давно хотел написать что то подобное на эту тему.
Впервые Apple обзавелась своим представительством в глобальной сети в далеком 1996 году. На первый взгляд может показаться, что все свидетельства этого давно утеряны, но благодаря фантастическому архиву Wayback Machine, в базе которого хранится более 240 миллиардов снимков страниц со всего интернета, мы все-таки можем оценить эволюцию официально сайта компании. Итак, поехали.
Первые версии официального сайта Apple выглядела примерно так (на изображении — июль 1997 года):
Не совсем то, что мы привыкли видеть от Apple, правда? Много текста, мало графики, но тогда веб-дизайн находился в «зачаточном» состоянии и практически все веб-страницы выглядели подобным образом. И даже для того времени это был пример весьма минималистичного сайта.
Следующий снимок относится к маю 1998 года. Если вы отбросите детали и взглянете на «скелет» сайта, то без труда заметите — в течение 15 лет менялась типографика, логотипы, цветовая гамма, но компоновка основных элементов на главной странице осталась практически такой, какой мы её видим сегодня. Apple избавилась от «информационного мусора», поместила по центру самый последний и самый главный продукт, под ним — 3-4 других продукта или услуги, добавила горизонтальное меню и заголовки основных новостей.
Уже тогда на сайте начали появляться анимированные элементы. Например, самый первый iMac вращается, и сделано это было при помощи GIF. Аналогичный дизайн Apple использовала вплоть до начала 2000-х. Вот еще один снимок, датированный октябрем 1999:
Начало 2000 года ознаменовалось очередным редизайном. Компания наконец-то перенесла меню в верхнюю часть страницы, щедро приправив его элементами графического интерфейса Aqua. Строка поиска осталась в подвале, а двухуровневая навигация выглядела слегка запутано.
Тем не менее, глянец вкладок меню был не только новым шагом в веб-дизайне, но и эталоном «крутости» в течение нескольких последующих лет. Кстати, нынешний минимализм, простые цвета или неуловимые градиенты являются прямым ответом на этот стиль.
2001 год стал очень продуктивным — Apple выпустила Mac OS X, открыла первый розничный магазин, представила первый iPod и iTunes. Меню стало выглядеть опрятней, а в нижней части страницы появилось место для еще одного продукта, причем, эти плашки получили закругленные уголки.
В таком виде сайт просуществовал где-то до середины 2002 года. После этого основным изменением в его дизайне стал монохромный логотип компании и более приятное меню с элементами Aqua из Mac OS X 10.2 Jaguar. Еще чуть позже Apple полностью отказалась от шрифтов с засечками и стала активней использовать цветной фон для основного продукта. Вот несколько примеров:
Еще через 2 года сайт принял практически тот вид, к которому мы привыкли. Пожалуй, главным изменением стала новая панель меню, которая была перекрашена в цвета Mac OS X 10.6 Leopard, и металлический логотип компании.
В начале 2011 года дизайнеры Apple обновили меню, а веб-разработчики добавили на сайт множество интерактивных и анимированных элементов с использованием открытых технологий HTML/CSS/Java Script.
И, наконец, в середине прошлого года главная страница сайта компании из Купертино стала еще более «чистой». Но, по сути, перед нами все та же самая компоновка основных элементов, что и 15 лет назад. Просто удивительно!
Apple известна своей кропотливой работой над дизайном, поэтому интересно посмотреть, как эволюционировал сайт компании, начиная с далекого 1997-го. На сайте The Internet Archive можно найти множество скриншотов ресурсов, которые уже давно изменились или не существуют.
К следующему году компания хорошо поработала над своей страницей, существенно ее упростив. Рядом с логотипом Apple, который на сайте тогда был простой надписью, а не яблоком, размещалась картинка.
В 2000 на сайте появилась строка меню с красным яблоком и немалым количеством позиций. Но большую надпись «Apple» оставили. На главной странице красовалась реклама нового Mac G4.
В 2001 яблоко посинело, и надпись «Applе» исчезла. Видимо, все уже знали, как называется компания. В правом нижнем углу можно увидеть «пиксаровских» монстров.
2002 год: яблоко стало привычно серым, а главная страница стала более информативной, описывая все преимущества третьей версии iTunes.
Середина 2007-го: здравствуй, iPhone. Этот дизайн многие уже помнят.
Дизайн не менялся на протяжении нескольких лет. Вот реклама iPad на главной странице сайта в 2010. В этой версии фотография забрала еще больше места, а плитки внизу убрали.
В 2011 компания упростила строку поиска, а иконки меню обрели приятный серый градиент, напоминающий металл. Время Mac Book Pro.
Так сайт выглядел в 2014 году.
После презентации iPhone 6 и других тогдашних новинок сайт изменился еще раз. Строка меню стала выглядеть еще проще и темнее.
Читайте также: