Сайт в классическом стиле: Стили дизайна сайтов: гайд по направлениям веб дизайна

Содержание

7 полезных советов / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Автор: Диана Сиддикви

IT-копирайтер, переводчик, контент-менеджер.

Классика никогда не выходит из моды. Когда какое-либо произведение искусства называют классическим, то подразумевается, что это нечто показательное или образцовое, существующее вне времени. На самом деле классическим может быть не только искусство: существует классическая логика, а также физика, филология и даже экономическая теория. Классика – это любой пример, выдержавший испытание временем. Такие примеры есть и в дизайне, достаточно вспомнить такие известные бренды, как Nike или Coca-Cola. Их фирменный стиль, логотипы и цвета не практически не менялись на протяжении многих десятилетий, что однозначно делает эти бренды классическими.

 

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

 

Сосредоточьтесь на читаемом контенте

 


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

 

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

 

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

 

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

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

 

Используйте интерактивность

 


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

 

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

 

Интерактивные элементы должны хорошо вписываться в дизайн и дополнять имеющийся текстовый и визуальный контент.

 

Не забывайте о визуальной иерархии

 


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

 

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

 

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

 

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

 

Расставляйте акценты

 


В любом «долгоиграющем» дизайне есть кое-что, что его отличает, выделяет и делает особенным. Это так называемые акцентирующие элементы: необычные цветовые сочетания, интересные заголовки, яркие иллюстрации, словом все, что может сделать дизайн более современным и выразительным.

 

Акценты включают в себя:

  • Специальные текстовые блоки (цитаты, заголовки и т.д.)
  • Интересные цветовые сочетания
  • Простую анимацию
  • Необычные текстуры фона 

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

 

Создайте идентичность

 


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

 

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

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

Забудьте о моде

 

Сайт, который выглядит слишком модно, потеряет свою актуальность, как только эта мода пройдет. Таких сайтов, кстати, очень много – глядя на их дизайн, можно очень точно сказать, когда они созданы, так как в них присутствует множество визуальных составляющих, модных в определенный период. Это не означает, что дизайнер не должен следить за трендами, просто нужно очень аккуратно и вдумчиво размещать модные элементы в «долгоиграющем» дизайне.

 

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

 

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

 

Используйте сетку

 

 


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

 

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

Источник 

Веб-дизайн. Классический стиль

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

Дизайн сайтов в классическом стиле – один из самых популярных и востребованных. Что следует понимать под классическим веб-дизайном? Классикой принято называть четко выделенную колоночную структуру дизайна, присутствие «шапки» с названием, логотипом компании и ее слоганом, верхнее или боковое расположение меню. Классический дизайн сайтов строг и выдержан, цветовая гамма – нейтральна, без излишне кичливых или наоборот мрачных цветов.

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

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

Понятие «классичности» или «неклассичности» веб-дизайна развивается вместе с развитием современных информационных технологий. Поэтому «вчерашний» классический дизайн сайтов сегодня может стать «ретро». Так, к примеру, в наше время визуальные элементы дизайна в стиле Web 2.0 на пике популярности, но уже завтра их может сменить стиль Web 3.0.

Применяется классический стиль дизайна для корпоративных сайтов, для веб-представительств больших и малых компаний. Классический стиль олицетворяет выдержку и проверенность временем. Он как бы гарантирует: «Данная компания такая же как и дизайн ее сайта. Она стабильна, уверенно чувствует себя на рынке, уважает своих клиентов и партнеров». Разве не такое впечатление хочет оставить о себе любая компания?

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

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

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

Специалисты веб-студии WebStudio2U уверены: только комплексный профессиональный подход к разработке сайтов позволит нашим заказчикам получать уникальные и эффективные решения – сайты, которые действительно работают!

Заказать создание сайта и веб-дизайн Вы можете прямо сейчас!

Теги:

классический стиль, веб-дизайн, дизайн сайтов, создание сайтов, веб-студия, корпоративный сайт, веб-представительство

классических веб-сайтов — 42+ лучших идей классического веб-дизайна 2023

18

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

3

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

8

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

6

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

4

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

4

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

15

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

8

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

35

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

2

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

16

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

1

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

0

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

Вы посмотрели 99 дизайнов и хотите еще один кусочек?

по ET

Поиск идей для веб-сайтов

Классические сайты не подходят? Попробуйте что-нибудь еще:

Современные сайты

Винтажные сайты

Футуристические сайты

Ретро-сайты

Плоские сайты

Нарисованные от руки веб-сайты

Деревенские сайты

Современные веб-сайты

Веб-сайты с большими изображениями

Темные сайты

Туристические сайты

Сайты недвижимости

Музыкальные сайты

Веб-сайты ресторанов

Бизнес-сайты

Автомобильные сайты

Веб-сайты отелей

Как создать свой классический дизайн сайта

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

Начать конкурс

Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.

Начать конкурс

Начать проект

Найдите идеального дизайнера, соответствующего вашему стилю и бюджету. Затем сотрудничайте один на один, чтобы создать собственный веб-сайт.

Начать проект

Узнайте больше о дизайне веб-страниц

4,6 в среднем от 2355 отзывы клиентов о веб-дизайне

Что отличает хороший классический веб-сайт?

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

Типы веб-сайтов

Существует 8 различных типов веб-сайтов. Узнайте, что они из себя представляют, чтобы решить, какие из них будут соответствовать вашим потребностям… Продолжайте читать

Как создать сайт

Создание веб-сайта может быть сложным. Это руководство шаг за шагом проведет вас через процесс создания веб-сайта… Продолжайте читать

Цвета веб-дизайна

Выбор правильных цветов веб-сайта может подчеркнуть сильные стороны вашего бизнеса и помочь вам привлечь нужных клиентов… Продолжайте читать

Дополнительные советы по веб-дизайну

14 культовых веб-сайтов, демонстрирующих классический веб-дизайн 90-х

Давайте рассмотрим отличительные черты 9Эстетика дизайна веб-сайтов 0-х годов на этих 14 знаковых веб-сайтах 90-х годов.

Риз Киршнер

Старший менеджер по контент-маркетингу

Абсолютный веб-дизайн

Узнайте, как создавать сайты в Webflow, от 101 до продвинутого, из более чем 100 уроков, включая основы HTML и CSS.

Начать курс

Начать курс

Бесплатный курс

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

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

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

14 знаковых веб-сайтов 90-х 

1. World Wide Web 

Тим Бернерс-Ли запустил первый в мире веб-сайт World Wide Web 6 19 августа.91. Так что да, мы бы сказали, что это довольно культово.

Тим создал сайт для обмена информацией о проекте World Wide Web. Изначально проект предназначался для упрощения обмена информацией между учеными. Но как только Тим разработал спецификации для HTML, HTTP и URL-адресов, проект начал расширяться. На первом веб-сайте объяснялись такие основы, как, например, что такое всемирная паутина, какой тип информации был доступен, как понять ваш браузер и т. д.  

Сайт по-прежнему онлайн, но не весь контент доступен.

2. Space Jam

Спой со мной сейчас: «Все вставайте, пора хлопать. У нас сейчас настоящий джем, добро пожаловать на Space Jam. Это твой шанс, танцуй — на Space Jam».  

Эта жемчужина 1996 года запечатлелась в памяти многих детей 90-х годов. «Космический джем» был не просто фильмом, это был опыт — и он начался на веб-сайте, который продвигал фильм. Когда появился этот сайт, это была вершина веб-дизайна. Звездный мозаичный фон с планетами, космическими кораблями и баскетбольными мячами приглашал нас осмотреться и узнать больше о вселенной Space Jam.

При нажатии на значки мы переходили на интерактивные целевые страницы, полные викторин, книжек-раскрасок, закулисного контента и даже загружаемых заставок и постеров. Сайт Space Jam — хрестоматийный пример того, как выглядел веб-дизайн 90-х — красочный, неуклюжий, полный несоответствующих фонов и ненужной анимации.

Этот культовый сайт все еще жив, но не обновлялся с 90-х годов. Итак, если вы ищете не менее культовый саундтрек, транслируйте его на Spotify вместо того, чтобы пытаться купить компакт-диск или кассету на странице сайта Lunar Tunes.

3. Игры Yahoo

Игры Yahoo, подраздел основного Yahoo! веб-сайт, запущенный в 1998 году. На сайте размещалось большое количество Java-апплетов и флеш-игр в таких категориях, как карточные игры, настольные игры и игры с плитками, игры в слова, спортивные игры и многое другое.

Хотя веб-дизайн был довольно простым — множество синих гиперссылок в колонках с оттенками серого — сами игры были увлекательными и веселыми. Любой, кто часами пытался выстроить драгоценные камни в Bejeweled, точно знает, почему Candy Crush сегодня так популярна.

Во все игры можно было играть бесплатно, если вы могли справляться с постоянными всплывающими окнами с рекламой и игровыми ограничениями. Вы также могли выложить деньги за статус «Все звезды», который давал вам дополнительные привилегии. Но даже если вы придерживались бесплатного доступа, у Yahoo Games было более 1000 различных игр на выбор, что делало его отличным местом для времяпрепровождения в первые дни Интернета.

Yahoo Games успешно работала, но закрылась в 2016 году. 

4. Туманная камера в Сан-Франциско

В 1994 году Департамент учебных технологий Государственного университета Сан-Франциско создал FogCam — веб-камеру, которая постоянно отслеживает условия тумана в кампусе.

То, что начиналось как простой студенческий проект, стало частью истории — эта веб-камера работает до сих пор, что делает ее самой старой и самой долгоживущей веб-камерой в мире. И, учитывая, сколько раз люди боролись за то, чтобы эта веб-камера работала, она, безусловно, одна из самых любимых.

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

5. Танец хомяков

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

Изображение предоставлено Музеем веб-дизайна.

Танец хомяков появился в 1998 году, но не привлекал посетителей до начала 1999 года. Если вы узнавали это бесконечное число «додадидадодадодо» , вы были молодым интернет-пользователем — у вас был никнейм в ICQ или AIM, вы часто посещали чаты и, возможно, у вас была собственная коллекция GIF-файлов, размещенная на сайте Geocities или Angelfire. Если вы не знали мелодию, вы не были в интернет-толпе.

Помимо множества GIF-файлов с хомяками, Hampster Dance обладал и другими ключевыми чертами дизайна веб-сайтов 90-х годов. Такие элементы, как счетчик посещений внизу страницы, «гостевая книга», которую посетители могли подписать, и зацикленная фоновая музыка, которую нельзя было отключить, были излюбленными стандартами веб-дизайна 90-х.

6. AuctionWeb (eBay)


В 1995 году аукционы стали виртуальными. AuctionBay — позже переименованный в eBay — был проектом кодирования выходного дня, который превратился в основной продукт в Интернете.

Основатель Пьер Омидьяр сделал первую продажу — сломанную лазерную указку — вскоре после запуска. В течение года сайт способствовал продаже товаров на сумму 7,2 миллиона долларов.

Что делает ранний eBay таким культовым, так это не его дизайн, а его социальное влияние. Коллекционеры больше не были ограничены географией. Они могли рыскать по Интернету в поисках старинной керамики, дорогих игрушек из своего детства или увлекаться шапочками Beanie Baby.

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

Раскройте свой творческий потенциал в Интернете

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

Начните бесплатно

Подпишитесь на участие в программе предварительной оценки Webflow

Спасибо! Теперь вы подписаны!

Ой! Что-то пошло не так при подписке.

Начните бесплатно

7. CNN О.Дж. Пробная страница Симпсона

В 1995 году игрок НФЛ О.Дж. Симпсон попал в заголовки газет, когда предстал перед судом за предполагаемые убийства своей бывшей жены Николь Браун Симпсон и ее друга Рональда Голдмана. За судебным процессом в Соединенных Штатах так пристально следили, что CNN посвятил этому разделу своего веб-сайта судебный процесс и связанные с ним новости.

Посетителей встречала игра, похожая на детективную игру об убийстве, с пиксельными значками и синими гиперссылками на подстраницы, такие как «Игроки» и «Доказательства». Статус знаменитости О. Джея и сложность девятимесячного судебного разбирательства сделали это событие достойным внимания.сайт 0с.

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

Сайт по-прежнему работает, но многие ссылки и файлы больше не работают.

8. Pitchfork

Музыкальный онлайн-журнал Pitchfork Media — позже сокращенный до Pitchfork — запущен в 1995. Благодаря еженедельным статьям, частым обзорам пластинок и подборке новостей инди-музыки — Pitchfork произвел значительный фурор в музыкальной журналистике.

Дизайн веб-сайта Pitchfork повторяет многие другие сайты конца 90-х, такие как eBay и Yahoo Games, особенно на домашней странице. На сайте использовался стиль навигации, сочетающий в себе газету и энциклопедию: столбцы разделялись на разные темы, а каждая статья включала боковую панель со ссылками на последние материалы, новости и соответствующие обзоры записей.

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

Многие ранние инди-группы обязаны Pitchfork своим прорывом в мейнстрим. Например, Broken Social Scene превратилась из относительно неизвестной группы в аншлаги после того, как Pitchfork оценил их альбом на 9 баллов.0280 You Forgot it in People, 9,2 из 10. 

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

9. PizzaNet

Задолго до DoorDash и GrubHub существовала PizzaNet. Этот эксперимент Pizza Hut появился во всемирной паутине в 1994 году. 

Хотя сайт в градациях серого с шрифтом Times New Roman не привлекал особого внимания, он положил начало новому способу заказа пиццы. Процесс заказа был элементарным — посетители заполняли форму со своей информацией и заказом пиццы, получали телефонный звонок для подтверждения и платили наличными при доставке.

Но за кулисами происходило гораздо больше. Представленные формы PizzaNet отправлялись на сервер Pizza Hut в Уичито, штат Канзас, а затем отправлялись обратно во франшизу в Санта-Круз, Калифорния, которая пилотировала программу. В конце концов, технологическая компания The Santa Cruz Operation подключила системы торговых точек к серверам Pizza Huts по всей стране.

Неуклюжий сайт PizzaNet перестал работать, и Pizza Hut не представляла более надежную систему онлайн-заказов до 2000-х годов. Тем не менее, очевидно, что PizzaNet является заметной вехой в эволюции онлайн-заказа еды. Фактически, PizzaHut по-прежнему хранит (нефункциональную) версию PizzaNet в сети.

10. НАСА

Национальное управление по аэронавтике и исследованию космического пространства (НАСА) запустило первую версию своего сайта в 1994 году. с очень зернистыми значками. На сайте вы найдете ключевые маркеры веб-дизайна 90-х, такие как тени за текстом и текстурированный серый фон.

Хотя первоначальный сайт был не очень интуитивно понятным, это был первый раз, когда все материалы НАСА были доступны в одном месте. Ученые, преподаватели, студенты и энтузиасты космоса могли найти все, от космического снимка дня до обновлений о последнем запуске НАСА.

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

11. MapQuest

Если вы не вошли в семейный компьютер, зайдите на MapQuest. com, распечатайте несколько страниц маршрутов, а затем попробуйте прочитать их в дороге — вы хоть ездили в 90-е? а начало нулевых?

Когда MapQuest был запущен в 1996 году, он предлагал путеводители, информацию о местных районах и советы путешественникам. Но его претензия на известность была связана с маршрутами проезда или функцией TripQuest. Задолго до автомобильных GPS-навигаторов и смартфонов MapQuest помогал водителям, разбирающимся в Интернете, прокладывать маршруты, в конечном итоге включая пит-стопы, такие как заправочные станции и банкоматы.

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

MapQuest все еще существует, и хотя он не может конкурировать с Google Maps по популярности или количеству пользователей, он всегда будет занимать важное место в истории Интернета и навигационных технологий.

12. LEGO

Компания LEGO всегда знала свою аудиторию, поэтому неудивительно, что их 19Веб-сайт 96 ориентирован в первую очередь на детей, а уже потом на всех остальных.

Домашняя страница открывалась картинками в низком разрешении — некоторые из них вращались, танцевали и двигались — на узорчатом фоне, похожем на базу LEGO.

Хотя на сайте было много неуклюжих элементов веб-дизайна 90-х, таких как большие значки «Домой» и «Вверх», он также имел впечатляющую функциональность для того времени. Например, раздел «Игры» привел к поиску сокровищ на месте и видеоигре о космических тайнах. Дети также могут построить свой собственный сайт LEGO, вступив в LEGO Surfer Club.

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

13. Вебоголики


К 1994 году как количество доступных веб-сайтов, так и количество людей, пользующихся ими, неуклонно росло. Но первые пользователи Интернета не могли полагаться на поисковые системы для обнаружения новых сайтов. Так родился Webaholics — сайт-каталог лучших ссылок.

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

Вебоголики очень любили дизайнерскую тенденцию 90-х — большие, драматичные Word Art — те текстовые изображения с тенью, которые так популярны в школьных проектах. На сайте также были представлены значки наградных значков и ссылки на упоминания в прессе сайта Webaholics.

Webaholics был недолговечным проектом, и его больше нет в сети.

14. Мурашки по коже


В 1996 году у самой продаваемой серии книг и телешоу Scholastic «Мурашки по коже» появился собственный веб-сайт.  

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

При нажатии на иллюстрации монстров вы попадали на разные страницы веб-сайта — разумеется, каждая со своим тематическим узорчатым фоном. На сайте Goosebumps также было несколько довольно знаковых вариантов типографики, включая классический шрифт Goosebumps и сочетание красочных изображений Word Art.

Сайт развлекал детей видеоклипами из эпизодов сериала «Мурашки по коже», рассказами фанатов и Boo-Grams — жуткими электронными поздравлениями с виртуальными штампами-монстрами, которые посетители могли отправлять друзьям.

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

Нравится вам это или нет — дизайн веб-сайтов 90-х, безусловно, был культовым

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

Мы пропустили какой-нибудь из ваших любимых сайтов 90-х? Дайте нам знать об этом в комментариях!

11 января 2022 г.

Веб-дизайн

Поделиться

Рекомендуемое чтение 2 Веб-дизайн

Подпишитесь на Webflow Inspo

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

Электронная почта

Вы можете отказаться от подписки в любое время, никаких обид. Политика конфиденциальности

Все готово, следите за нашей следующей рассылкой!

К сожалению, адрес электронной почты недействителен. Попробуйте еще раз!

Подробнее о Designer

Designer

Сила CSS, HTML и JavaScript в визуальном холсте.

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

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