Как выглядели сайты в 90 х
Перейти к содержимому

Как выглядели сайты в 90 х

  • автор:

Дизайнеры показали, как бы в 1990-х гг. выглядели популярные сегодня веб-сайты и приложения (6 фото)

Многие вспоминают 1990-е годы с ностальгией: беззаботное детство или юность, странные, но забавные технологии, производящие много шума, разноцветье красок, Dial-up Интернет.

Дизайнеры студии Zyro решили вернуть нас в прошлое и переделать несколько самых популярных современных сайтов. Они взяли YouTube, Facebook и несколько других приложений и придали им стиль 1990-х. Так что если вы хотите увидеть, как бы выглядели популярные веб-сайты в 90-х, то взгляните!

Поддержи Бугага.ру и поделись этим постом с друзьями! Спасибо! 🙂

Гифки, блестки, звездное небо: как выглядели первые веб-страницы, созданные в 90-х

Ностальгия по 90-м все сильнее охватывает массовую культуру. Народ скучает по музыке, фотоаппаратам, причудливой рекламе, но также по старому интернету — наивному, дилетантскому и потому прекрасному. В 2000-е и 2010-е пришло понимание, что аляпистые фан-странички и дурацкие гифки — не мусор, а сетевое наследие, и его нужно спасать. В это время веб-хостинг Geocities, хранящий миллионы домашних страниц, решил похоронить творчество пользователей и почти сделал это, но группа активистов успела выудить часть данных.

Среди хранителей старого интернета — исследователь и художница Ольга Лялина (родилась в 1971-м). Лялина — профессор университета Штутгарта и пионер net art. При написании статьи мы во многом опирались на ее работы: Vernacular Web, Vernacular Web 2 и прочие.

Как и многие другие инновации, открытия в области интернета вышли либо из военной, либо из академической сферы. Первые персональные страницы, ставшие прообразом соцсетей, появились в университетах. Уже тогда профессора не брезговали украшательством. Даже будущий нобелевский лауреат мог поместить у себя на странице гифку Under construction («В процессе») и оригинально оформить фон.

В 1995 году интернет покинул академические круги и стал доступен всем. Тогда же заработал бесплатный веб-хостинг Geocities. Пользователи включили фантазию и принялись создавать домашние страницы, где рассказывали о себе и своих увлечениях. Или не рассказывали ничего, но страничку для приличия все же заводили.

Фото: oocities.org

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

Новый уровень — настройка цветного фона. В распоряжении дизайнеров были и остаются 216 безопасных веб-цветов, но дилетантам такой палитры явно не хватало. Скучный одноцветный фон они заменяли фоновым изображением. Страничка «Примите Иисуса» просто ослепляет обилием цвета. Анимированная радуга проносится быстрее, чем благоговейный голубь.

Со временем страницы Geocities стали синонимом безвкусицы и профессиональные дизайнеры объявили войну любителям. Это случилось в последние месяцы XX века, в период пузыря доткомов и коммерциализации интернета. В то время уже процветал профессиональный веб-дизайн, который презирал проекты на основе Geocities и их авторов, «застрявших» в прошлом веке.

В России один из первых качественных сайтов появился у пейджинговой компании «Мобил Телеком». Его разработал Артемий Лебедев в 1997 году. Сайт стал известен, и его дизайн много раз воровали (в том числе Министерство иностранных дел РФ). У Лебедева даже сохранились клоны этого произведения.

Фото: artlebedev.ru

А вот так выглядела страничка студии Артемия Лебедева в марте 2002 года (именно с этой даты сайт отображается в веб-архиваторе без потерь). Любопытны не столько проекты студии, сколько статьи ниже: «Клиент всегда неправ», «Симметрию — на помойку» или «За спиной у президента» — в ней дизайнер разбирает интерьеры, на фоне которых выступали главы США, СССР и России.

К слову, сам Лебедев не в восторге от домашних страничек. Он включил их в свой список ненависти, наряду с сельдереем и концертами на День милиции.

Дилетантский дизайн был высмеян и почти стерт в порошок. В апреле 2009 года компания Yahoo! (новый владелец Geocities) объявила о закрытии проекта. Миллионы страниц, созданных за последние 15 лет, могли навсегда исчезнуть из Сети.

Но команда активистов спасла почти терабайт данных Geocities.

Сейчас архив доступен любому желающему. Также есть Tumblr-блог, где каждые 20 минут публикуется скриншот из хранилища. Другой полезный инструмент — Web Design Museum. Здесь можно посмотреть, как менялись сайты известных компаний с конца прошлого века.

Фото: www.webdesignmuseum.org

Ольга Лялина отмечает: сложно подсчитать, сколько страниц, созданных в 1993—1994 годах, добрались до нового тысячелетия. Если что-то и сохранилось, то в лучшем случае скрин датирован 1995—1996 годом, как, например, Russian Space Science Internet.

Ностальгия по веб-наследию выплеснулась в подражательство и сайты-имитаторы. Так, проект Geocities-izer предлагает преобразить современные сайты в любительские странички 90-х. Для эксперимента достаточно ввести URL-адрес в строку поиска. Ниже — примеры «состаренных» страничек Google и «Яндекса».

Заигрывание с ранней веб-культурой по-прежнему актуально. Всякий раз, когда дизайнер хочет воссоздать дух 90-х, он просто прибегает к узнаваемым элементам.

GIF

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

Первые браузеры не поддерживали GIF-файлы, но в марте 1996 года, с выпуском Netscape 2.0, это стало возможным — и лицо интернета изменилось за несколько месяцев. Пользователи Сети начали анимировать все: от заголовков и фонов до значков навигации на своих страничках.

Гифки не были идеальны: могли слишком быстро вращаться, казаться резкими, чрезмерно яркими, но в целом радовали глаз индивидуалиста.

Не успел формат GIF как следует прижиться, как на него и тут обрушились с нападками профессионалы. Скачущая графика выглядела несерьезно, бизнес с таким веб-дизайном был просто несовместим. Не давал покоя и коммерческий нюанс. Компьютерная компания Unisys вовремя уловила момент и запатентовала метод сжатия данных (в том числе GIF) под названием LZW. Обладая уникальным правом, Unisys могла взимать с веб-сайтов 5000 долларов только за то, что те пользовались ее технологией при размещении у себя на странице забавных гифок.

Реакцией на такое «обдиралово» стало желание раз и навсегда покончить с GIF. Появилась даже конкретная дата — 5 ноября 1999 года — «День сжигания всех гифок» (Burn All GIFs Day). Домашняя страница этого мероприятия выглядела так. Активисты предложили конвертировать все GIF-файлы в формат PNG, а также учинить расправу физически: либо бросить в огонь диски с записанными GIF, либо сделать распечатку и поджечь ее.

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

Блеск

В новом тысячелетии появились и новые GIF-файлы — сверкающая графика. Ее создавал специальный инструмент, называемый «генератором блесток». Анимация стала блестящей, но неподвижной. Движение заменилось мерцанием. Блестки засверкали на всех категориях графики: цветах, единорогах, животных, открытках, героях мультфильмов и даже эротике.

Сейчас блеск популярен так же, как и GIF. В Instagram появились сверкающие фильтры, а косметические магазины наводнили глиттеры для глаз и лица. В 2010-м вышел «сияющий» клип на песню XXXO британской певицы M.I.A. Режиссер собрал в ролике лучшие шаблоны GIF: распускающиеся розы, витиеватые рамки, белых лебедей и сердечки.

Звездная ночь

В клипе М.I.A. показан еще один элемент ранней веб-культуры — звездная ночь. По мнению Ольги Лялиной, космический фон стал популярен из-за поклонников научной фантастики и компьютерных игр. За интернетом было будущее, он выводил в новые измерения, ближе к другим галактикам.

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

«Из символа будущего он превратился в знак первых лет интернета. Его смысл сместился на противоположный: из будущего в прошлое», — пишет Лялина.

Скевоморфизм

Скевоморфизм — это имитация материала или предмета. Например, линолеум напоминает дощечки деревянного пола, а папка для удаленных файлов имеет вид корзины для мусора. Поначалу создатели интернета «общались» привычными символами из мира вещей. Если блокнот, то в «кожаном» переплете, как у настоящей книжки. Если запись звука, то с бегунками, как на магнитофоне. По мере того, как люди привыкали к компьютерам, скевоморфизм заработал и в обратную сторону. Если вы часто читаете с телефона или планшета, то при переходе на бумажную книгу невольно подумаете о том, как перелистнуть страницу скроллом вниз. Еще один цифровой жест — сведение и разведение пальцев при масштабировании экрана. В офлайн-мире он практически не встречается.

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

Все мы личности

Все эти инструменты помогали экспериментировать с дизайном и выражать (хоть и кривенько) свою индивидуальность. Нынешние веб-страницы уже не так своеобразны. Интерфейсы соцсетей во многом стандартизированы, а их оформление полностью контролируется разработчиками.

Уступкой стала новая операционная система iOS 14, в котором появилась возможность изменить внешний вид иконок в смартфоне и даже загружать вместо них фото. Любое, даже свое.

Как выглядели сайты в прошлом: 20 примеров

С тех пор, как родился Интернет (более 25 лет назад), веб-сайты претерпели тысячи изменений, и их развитие ушло далеко вперёд благодаря стремительно прогрессирующим технологиям. Уже сложно вспомнить, как выглядели сайты в прошлом, а ведь ранние версии многих известных ресурсов были совершенно другими. Давайте взглянем на них.

Вид раньше и сейчас

1. Google.com: старт в 1996 году

Поисковая система Google, созданная в 1996 году в качестве учебного проекта студентами Стэнфордского университета Ларри Пейджем и Сергеем Брином, сегодня является крупнейшей компанией в мире. На первом скриншоте изображен один из самых ранних вариантов внешнего вида Google, а на втором — современный дизайн:

2. Facebook.com: старт в 2004

Спустя 8 лет после Google был изобретён Facebook — Марком Цукербергом в Гарвардском университете. Известный как TheFacebook, изначально проект был доступен только однокурсникам Гарварда. Сегодня же посещаемость данной социальной сети составляет 1,71 млрд активных пользователей в месяц.

3. MySpace.com: старт в 2003

Прежде чем появился Facebook, популярной социальной сетью была площадка MySpace. Она является одной из первых соцсетей, но с лидирующего места её уже вытеснили такие сайты как Twitter и Facebook. В 2005 году Руперт Мердок выкупил MySpace за $580 млн у основателей Криса Девульфа и Тома Андерсона. После того, как MySpace стал стремительно терять аудиторию, Мердок, по слухам, продал его за $35 млн, назвав покупку «огромной ошибкой».

4. Yahoo.com: старт в 1994

В начале 1994 года аспиранты Стэнфордского университета Дэвид Фило и Джерри Янг создали портал под названием «Путеводитель Джерри по Всемирной Паутине», представляющий собой каталог других веб-сайтов. Позже, в этом же году сайт был переименован в Yahoo!.

Версий происхождения данного имени существует несколько. Одни утверждают, что Yahoo! является акронимом фразы «Yet Another Hierarchical Officious Oracle». Другие же считают, что название было позаимствовано из книги «Путешествия Гулливера» Д. Свифта, где словом «yahoo» называются грубые человекообразные существа. Кстати, именно вторую версию основатели компании называют правильной.

5. YouTube.com: старт в 2005

Если у компании Yahoo! есть две версии появления её названия, то у сервиса YouTube существует две версии появления его самого. В первом варианте утверждается, что автором идеи был программист Джавед Карим, которого посетила мысль создать такой сервис, когда он не смог найти в Сети видео с участием Джанет Джексон и Джастина Тимберлейка. По второй версии, YouTube возник, когда его будущие основатели Стив Чен, Чад Хёрли и Джавед Карим захотели поделиться друг с другом видеороликами с вечеринки, но не нашли в Интернете удобного сервиса для этого. После чего было решено создать сайт, куда пользователи смогут легко загружать видео, а оно будет автоматически конвертироваться в нужный для просмотра в браузерах формат.

6. Wikipedia.org: старт в 2001

Объёмная онлайн-энциклопедия Wikipedia навсегда изменила подход к получению информации для целых поколений. И хотя с момента запуска в 2001 Википедия мало изменилась в плане внешнего вида, за это время она сильно разрослась: на сайте насчитывается уже более 30 млн статей.

7. MSN.com: старт в 1995

MSN (Microsoft Network) был запущен в 1995 году. В начале 2000-х компания MSN являлась вторым по популярности интернет-провайдером (после AOL LLC). Сам сайт msn.com представляет собой новостной портал с видео, акциями и опросами.

8. Apple.com: старт в 1997

Нынешний вид сайта Apple кардинально отличается от его ранней версии с заманчивым предложением получить бесплатный CD-ROM. Однако уже тогда компания демонстрировала свою любовь к белому цвету. А Apple eMate 300, рекламирующийся в правой части страницы, одно время был популярным КПК (с 1997 по 1998 год).

9. Twitter.com: старт в 2006

Сайт Twitter был запущен в марте 2006 года и, по сравнению со своей старой версией, стал практически неузнаваем. В настоящее время Твиттер входит в десятку самых посещаемых ресурсов в мире и считается одним из самых успешных стартапов всех времён с точки зрения рыночной капитализации.

10. eBay.com (ранее известный как AuctionWeb): старт в 1995

Кто бы мог подумать, что этот серый, мало чем примечательный сайт превратится в крупнейший онлайн-аукцион в мире? Его основатель, программист Пьер Омидьяр, изначально хотел зарегистрировать доменное имя EchoBay.com , но, как оказалось, им уже владела одна золотодобывающая компания, поэтому название было решено сократить до eBay.com .

11. LinkedIn.com: старт в 2003

Сайт LinkedIn был создан в 2003 году предпринимателем Ридом Хоффманом и позиционировался как социальная сеть для поиска и установления деловых контактов. В одном только США насчитывается 93 млн пользователей данной сети. С самого начала сайт обладает достаточно сложной структурой.

12. Amazon.com: старт в 1995

Изначально на сайте Amazon продавались только книги. Придумывая название своему проекту, Джефф Безос просматривал словарь и остановился на слове «Amazon», поскольку Амазонка является экзотической, непохожей на другие и самой большой рекой в мире. Именно таким он хотел сделать и свой магазин.

Интересно и то, что ранее, в сентябре 1994, Безос приобрел домен Relentless.com и планировал назвать своё детище словом Relentless (рус. безжалостный, неустанный), но друзья сказали ему, что такое имя звучит немного зловеще. Домен всё ещё принадлежит Безосу — с него идёт перенаправление на Amazon.com .

13. Instagram.com: старт в 2010

Такой популярный нынче сайт Instagram начинал своё существование под названием Burbn. Создатели проекта, Кевин Систром и Майк Кригер, в какой-то момент поняли, что их сервис стал сильно напоминать Foursquare, и приняли решение сделать его более специализированным, сделав упор на мобильную фотографию. Так появился Instagram. Название представляет собой объединение двух выражений — «instant camera» и «telegram».

С тех пор проект признан одним из самых успешных в мире. В 2012 году Facebook купил Instagram за $1 млрд.

Все вышеперечисленные ресурсы на сегодняшний день уже имеют абсолютно другой дизайн, и узнать, как выглядели эти сайты раньше, можно лишь благодаря сохранившимся скриншотам. Но есть некоторые сайты, которые сохранились в первозданном виде! Если вам мало одного скриншота, и вы хотите устроить настоящий сёрфинг по сайтам в стиле 90-х, взгляните на список ниже.

Рабочие сайты в стиле 90-х

На момент публикации этой статьи все сайты рабочие.

14. Space Jam: старт в 1996

Забавный кусочек истории: подсайт Space Jam домена warnerbros.com , который никак не изменялся с момента своего запуска в 1996 году. Здесь можно переходить по ссылкам и ощутить перемещение во времени!

Warnerbros Space Jam 1996

15. MillionDollarHomepage.com: старт в 2005

Этот сайт принёс своему создателю, 21-летнему студенту из Великобритании Алексу Тью, заработок в размере $1 037 100. Главная страница имеет размер 1000×1000 = 1 млн пикселей. Каждый пиксель продавался за $1, а минимальным размером покупки был блок 10×10 пикселей. В распоряжении покупателя была та площадь, которую он купил — он мог разместить на ней картинку и сделать из неё ссылку.

Целью автора сайта была продажа всех пикселей, следовательно, заработок должен был составить 1 миллион долларов. Но заработал Алекс Тью немного больше, поскольку последнюю тысячу пикселей он выставил на аукцион eBay, заработав на продаже $38 100. Вид сайта сохранён для истории и доступен для просмотра.

The Million Dollar Webpage 2005

16. DPGraph.com: старт в 1997

Сайт программного обеспечения для математической и физической 3D-визуализации. Здесь поражает не только тематика, но и внешний вид страницы — анимированные gif-ки объемных графиков, раскрашенные во все цвета радуги, и дизайн в стиле 90-х — что может быть более психоделичным?…

DPGraph 1997

17. Aliweb.com: запуск в 1993

ALIWEB (Archie Like Indexing for the WEB) — одна из первых поисковых систем в мире. Её запуск состоялся в ноябре 1993 года. К счастью, спустя 23 года у нас есть возможность полюбоваться таким раритетом в нетронутом виде.

ALIWEB Search Engine 1993

18. Taco.com: старт в 1997

«Мы не продаем тако. Мы не готовим тако. По правде говоря, некоторые из нас даже не очень их любят», — сказано на одной из страниц сайта taco.com , принадлежащего компании, которая предлагает различную компьютерную помощь. Название TACO произошло от сокращения Technical Advisors Company. Этот сайт 90-х годов до сих пор блистает благодаря чувству юмора сисадминов.

TACO - Technical Advisors Company, 1997

19. IFindIt.com: старт в 1995

I Find It — огромное руководство по поиску в Интернете. Год создания — 1995. На сайте размещен совет: «Пожалуйста, задайте разрешение экрана 800×600 для оптимального просмотра»…

Google, а где был ты в 1995? По-видимому, ещё играл с погремушками.

I Find It — Largest Search Guide On The Net, 1995

20. Instanet.com: старт в 1995

Если бы страницы HTML 2.0 (версия, одобренная как стандарт 22 сентября 1995 года) можно было продавать на аукционах, то сайт instanet.com сейчас стоил бы миллионы. Вы только взгляните на этот исходный код:

11 впечатляющих сайтов из 90-х

За 20 лет дизайн ушел на огромное расстояние. Но нам все равно нравится рассматривать старые сайты, как старые фотографии. Узнайте, на каком ресурсе это можно сделать.

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

b_59648d2676c0b.jpg

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

b_59648d4b5b256.jpg

Сайт Forbes с 1996 года и по сей день является брендом бизнеса и успеха. Обратите внимание на реальный текст новости в боковой панели,которая говорит:«Однажды, все, что Билл Гейтс продал, устареет.»

b_59648d870c40a.jpg

Современный Forbes – совсем другой вид.

b_59648d9022f87.jpg

Этот поисковик появился на сцене в 1995 году и все еще жив сегодня. Хотя и не является самым популярным. Почему – стоит только догадываться. Попробуйте зайти на сайт и все становится понятно.

b_59648daf73f0b.jpg

Родной брат сайта IFINDIT. Попробуйте зайти на их страницу. Взрыв цвета и головная боль.

b_59648dcfaa54b.jpg

Это сайт строительной фирмы. Чем он примечателен? Только тем, что у нас есть возможность воочию увидеть, как изменились тенденции дизайна за последние 20 лет.

b_59648de00138a.jpg

И этот же сайт сегодня.

b_59648def50205.jpg

Вот типичный представитель минималистичного дизайна двадцатилетней давности.

b_59648ed393dda.jpg

Много ли изменилось с тех пор? Вряд ли.

b_59648edd9e9c2.jpg

В те времена сайт плейбоя напоминал больше домашнюю страницу астронома.

b_59648eeae2afd.jpg

Сейчас сайт больше расскажет нам о бренде.

b_59648ef3e8d91.jpg

Это сайт компании, никак не связанной с едой. Technicaladvisorscompany заявляли в 90-х «Мы не продаем тако. Мы не делаем тако. На самом деле некоторые из нас даже не нравится их есть». Но иконки в виде тако вызывают совершенно другие ассоциации, теряя связь с реальной деятельностью компании.

b_59648f265b953.jpg

Зайдите на их сайт сейчас и все-таки узнайте, чем они занимаются.

b_59648f31dcea0.jpg

Фанатики StarTrek знают как стать популярным в Web.

b_59648f59e4548.jpg

Сайт живет и процветает до сих пор.

b_59648f61a8f41.jpg

Это классика тех лет.

b_59648f7190d5a.jpg

Если вам интересно, зайдите на сайт http://archive.org/web/. Мы в PIXLI получили массу впечатлений, изучая его. Посмотрите как выглядел Rambler 27и марта 1997 года.

b_59648f7e886a5.jpg

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

______________________________ __________ __________ __________ __________

Материал создан агентством контент-маркетинга Текстотека.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *