очень старые сайты

[TomoTomoTan]

Сайт ранее популярного браузера Netscape (который поддерживался с 1994 по 2007 годы).
http://home.mcom.com/home/welcome.html

Не просто популярного, до появления Internet Explorer этот браузер был лидером на рынке и даже стал символом интернета середины 90х. Сам сайт сделан просто, но очень интересно. Прежде всего обращу внимание на GIF: они статичные и загружаются не сразу, а по частям, то есть в несколько проходов, что является одним из маркеров эпохи. Во-вторых, на гифках изображён динозавр – талисман компании, а зовут его Мозилла. Да, тот самый, именем которого назовут компанию, которая позже выпустит Firefox и Thunderbird. В-третьих, интересна сама вёрстка. Здесь нет даже таблиц, здесь только самые простые теги, но как они используются. Тег заголовка <h2> вынесен в самый конец, для самих заголовков выбран несколько укрупнённый жирный шрифт, выделены литеры в начале слов. Горизонтальные линии также участвуют в оформлении, причём внизу страницы подряд идёт сразу несколько линий, причём каждая следующая длиннее предыдущей. Просто, но для 1994, думаю, очень здорово.

[TomoTomoTan]

Без имени.jpg

Весьма приличный по тем временам сайт московской компании ACC, которая за определённую цену (от 2000$) предлагала разработку сайта и настройку сервера, а также консультацию по дальнейшей раскрутке. Если побродить по сайту можно обнаружить ссылку на сайт фирмы Comtek (почти как CompTek, подаривший нам Яндекс), которая занималась организацией различных компьютерных выставок – видимо, ACC тоже там участвовала. К сожалению, удалось найти не так много, но достаточно для того, чтобы удивить. Например, ACC делали сайт для ЦИК России, для Dell, да что там – даже для одного из сайтов Microsoft (если, конечно, им верить). Так или иначе, сайт у них выглядит приятно. Холодная синева и глянец так и кричат - это конец 90х, скоро Миллениум. Всё выполнено в единой цветовой гамме, выбивающихся элементов минимум. Изображения представлены в формате GIF, есть даже анимированные кнопки.

На сегодняшний день домен acc.ru продается. Становится даже немного грустно, когда думаешь о том, что от некогда огромных сайтов или компаний сейчас остались одни руины и некоторые смутные воспоминания.

[TomoTomoTan]

1.jpg

В 1997 году Гилберт Амелио (тогдашний руководитель Apple) решает купить NeXT, а вместе с ней приобрести операционную систему NeXTSTEP и вернуть в компанию Стива Джобса. Для самого Амелио это был роковой шаг, но, будучи талантливым кризис-менеджером, он понимал, что это именно решение спасёт Apple. Начатая в 1996 кампания по реструктуризации и ребрендингу продолжилась, что можно проследить по тому, каким был сайт до возвращения Джобса и после. Прежде всего, на место громоздкого лендинга пришли лёгкость и симметрия. Появился новый слоган – Think diffirent. Он продержался недолго – до 2002, но даже спустя 20 лет он всё ещё прочно ассоциируется с Apple.

Расскажу и о некоторых особенностях сайта. Помимо упомянутой ранее симметрии можно заметить, что информация на излагается максимально кратко – как на рекламе. Благодаря многократному повторению "diffirent" слоган легко запоминается. Шрифтов мало, и, если не ошибаюсь, на сайте используется всего две гарнитуры, и одна из них – Apple Garamond, которую узнаешь с первого взгляда. Большинство изображений на сайте в формате JPG, а не GIF, как можно было ожидать, и располагаются на белом фоне, благодаря чему они выглядят чище.

Изучать историю дизайна компьютеров Apple довольно увлекательно. Где-то лет пять назад Сэм Голд – графический дизайнер и маркетолог – выложил в открытый доступ на Google Drive архив промо материалов Apple с 1970 года. К сожалению, на данный момент архив недоступен, как и сайт самого Голда – "https://www.applearchive.org/". Но на него всё ещё можно зайти через "https://web.archive.org", хотя видео посмотреть вряд ли получится. Ох этот архив – и что только только интернет-археологи делали без него?

[TomoTomoTan]

Сказав А, следует упомянуть Б, то есть компанию Be Inc. Я выразилась так потому, что её история тесно связана с Apple, а значит, также достойна обозрения. После провала и закрытия проекта Copland (предполагаемая MacOS 8 – этакий Longhorn от мира Apple), Макинтошу требовалась новая операционная система. Первой мыслью Амелио было обратиться к Microsoft, поскольку та уже имела Windows NT, способную работать на PowerPC – основной платформе Макинтош с середины 90х до середины 00х. От инженеров Apple потребовалось бы создать только графическое окружение. Гейтс, услышав о предложении, тут же загорелся идеей, и даже пообещал помочь с портированием и привлечь к проекту несколько сотен своих сотрудников.

Но было две проблемы: во-первых, пользователи MacOS и сотрудники Apple были враждебно настроены по отношению к Microsoft и её продуктам; а во-вторых, Windows NT не могла работать с устройствами компьютеров Apple, поскольку она иначе взаимодействовала с памятью, соответственно, систему требовалось переписать. Несмотря на это, от идеи отказались не сразу, и предложение оставалось в силе даже после того, как Apple купила NeXT, а Microsoft прекратила поддержку PowerPC.

Вскоре судьба свела Apple с Жаном-Луи Гассе – ещё одним её бывшим сотрудником и основателем Be Inc. Узнав, что Apple ищет новую систему для Макинтош, он предложил BeOS в качестве таковой и продемонстрировал её работу на одном из клонов Макинтоша. Амелио был ошеломлён скоростью системы и тем, что она уже могла работать на компьютерах Apple. Дело шло к покупке Be Inc…

Без имени2.jpg

Пожалуй, мне стоит поговорить о сайте. Он очень интересен тем, что ссылки на разделы размечены с помощью карты (тега <map>), а не таблиц, как можно было подумать сначала. В этом случае сайт оказывается не таким интерактивным, но зато занимает меньше места, а картинку не требуется разрезать на части. Отмечу, что иконки на сайте по стилю повторяют иконки системы, а также то, что на двух из них (BeProducts и BeWare) изображён BeBox – компьютер, под который изначально разрабатывалась BeOS. Слоган "Одного процессора на человека недостаточно" отсылает к тому, что BeOS рассчитана на работу с многопроцессорными компьютерами. Словом, Be Inc настроены позитивно, всячески нахваливают систему и уже спят и видят, как BeOS становится основной системой Макинтош.

Увы, но сделка по продаже компании оказалась сорвана, Be Ink запросили слишком высокую цену – свыше 300 млн долл., когда Амелио ожидал сумму около 50 млн долл. Узнав об этом, Джобс также предложил Apple свою систему – NeXTSTEP. У Гассе в конце 1996 ещё был шанс снова показать BeOS в действии, но тот, считая, что Apple выберут именно его систему, не стремился раскрыть её достоинств, в то время, как Джобс на своей презентации блистал. Конец нам известен – Амелио выбрал NeXT и Джобса.

Без имени2.jpg

Посмотрим, как изменился сайт. На фоне обновлённого сайта Apple конца 1997 он не кажется таким впечатляющим. Теперь он представляет собой лендинг, подобный тому, что был у Apple ранее, но попроще. Из интересного можно отметить, что сайт теперь свёрстан с помощью таблиц, а карты используются для меню, которое стилизовано под Tracker из BeOS (то же самое, что панель Finder из MacOS или панель задач Windows). Также исчезло упоминание BeBox, поскольку фирма прекратила их разработку, полностью сосредоточившись на операционной системе. Для Макинтош ещё выйдет несколько версий BeOS, но вскоре архитектуру закроют, и систему перенесут на х86, на котором прочно обосновалась Microsoft, после чего дни BeOS окажутся сочтены. А жаль, было бы интересно посмотреть, как выглядели бы в альтернативной вселенной современные Макинтоши.

[Turboblack]

ябко использовали вариацию современного плоского дизайна во времена когда была мода на объем,
а сейчас модно этот самый плоский дизайн критиковать, ссылаясь на старые добрые времена, времена в которых один из векторов дизайна закладывала именно эппл

[september2489]

сейчас модно этот самый плоский дизайн критиковать

Потому что стало настолько плоско, что ничего не понятно.

Выверенный объёмный интерфейс был хорош тем, что всё там на своих местах. Вот текст, вот нажатая кнопка, а вот - отжатая. А это вообще неактивная. Всё читается с первого взгляда. А в плоском дизайне всё одинаково. Где что - не поймешь. Всякие злодеи стали этим пользоваться, даже термин появился "тёмные паттерны".

Плоский дизайн уже который раз пытаются переосмыслить, добавляют тени всякие и прочее, но это не решает проблему. Он хорош для зумеров, которым надо картиночки в соцсети постить, но для серьёзной работы не подходит. Впрочем, кто сейчас этой серьёзной работой занимается?

[september2489]

Я уже писал здесь, но про аккаунт в Инстаграме. Недавно узнал, что у этого проекта есть сайт webdesignmuseum.org. Там собраны скриншоты веб-страниц (преимущественно западных) от 1996 до 2010 года. Есть удобная сортировка по году и назначению сайта.

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

[september2489]

Просто, но для 1994, думаю, очень здорово.

Тут ещё есть нюанс, не очевидный на скриншоте. Разрешение экрана. Оно в те годы было преимущественно 640х480 точек, реже 800х600. И сайты верстались под это разрешение. Соответственно, надо сначала уменьшить окно браузера и только потом можно оценить композицию сайта. Текстовые блоки станут крупнее.

Это очень хорошо видно, когда смотришь старые сайты в Internet Archive. Многие из них выглядят как-будто неказисто, но это впечатление ошибочно. Их надо смотреть на мониторах-современниках и тогда всё встанет на свои места.

[september2489]

динозавр – талисман компании, а зовут его Мозилла.

Mozilla = Mosaic + Godzilla
В том смысле, что "убийца mosaic". Браузер Mosaic - это основной конкурент Netscape Navigator в те года. Из Netscape появился Firefox, который уже многие годы ориентирован на свободные технологии в вебе. И пусть его доля на рынке не велика, всего около 4%, но он всё равно остаётся привлекательным для миллионов пользователей (и меня в том числе).

[TomoTomoTan]

С обоими тезисами согласна полностью.