Каков типичный пример дизайна старой школы? [закрыто]


12

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

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

Первое, что приходит мне в голову, это те " under construction" анимированные гифки. Люди часто ставят анимированные картинки везде.

альтернативный текст

Но и те ужасные повторяющиеся фоны .

Так что да, я хочу, чтобы мой сайт выглядел точно так же, как в середине девяностых;)

(пожалуйста, предложите практичные и полезные функции, я думаю, что меню Java-апплета не будет работать сегодня, или внизу говорится, что этот сайт оптимизирован для Netscape 3)

РЕДАКТИРОВАТЬ : для тех, кто хочет увидеть результат: Ретрология


Поскольку нет единственного правильного ответа, я сделал это сообщество вики
Джон Конде

Ответы:



6

«Стиль» веб-сайта начала и середины 90-х - это, по сути, веб-сайт без какого-либо стиля. Понятно сэкономить на пропускной способности, а также из-за технических ограничений веб-стандартов (или их отсутствия). Возьмите оригинальный макет Amazon (1995):
альтернативный текст

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

Другим хорошим примером может служить pets.com (1998-2000), которая получила множество наград от рекламной индустрии за дизайн своего сайта. Но я не могу найти скриншот этого.

В любом случае, хотя большинство из них в наши дни считаются плохим дизайном, все еще существуют как хорошие, так и плохие веб-дизайны 90-х годов. Например, серый фон довольно «ретро», как и 256-цветовые палитры, веб-графика в стиле 90-х в стиле клип-арт и грань Times New Roman. Фреймы также являются хорошим возвратом, так же как и ссылки сусликов и счетчики посещений. Но такие вещи, как миди-фоновая музыка, яркие цвета, стандартные анимированные GIF-файлы и т. Д., Более характерны для плохого дизайна, чем веб-дизайн 90-х годов в целом.


2
серый фон, картинки 90-х, времена новый римский: slashdot (до редизайна)
MrG

Боже ты мой! +1
Дрю

Не забывайте о летающем голубе, двух гифках фейерверков с высоким взрывом с обеих сторон и мерцающем тексте, в CSS все еще есть способ имитировать мерцание.
Fiasco Labs

3

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

В основном думаю: геогорода / ангельский огонь.


Мне нравится скачать Netscape Navigator.
Марко Демайо

+1 за упоминание <hr>«S
Стефан Мюллер

2

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

Откройте ваш любимый редактор WYSIWYG (Microsoft Word подойдет) и соберите что-нибудь с большим количеством красочного текста и смелым использованием шрифтов (если сомневаетесь, используйте Comic Sans).

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

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


1

Первый сайт, который приходит мне в голову - это http://webpagesthatsuck.com/

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


Благодаря вашей ссылке я нашел эту страницу: webpagesthatsuck.com/does-my-web-site-suck/…

Плохой веб-дизайн! Веб-дизайн 90-х. И у этого сайта есть много чрезмерных обобщений и неправильных / устаревших советов, а также мелочей, которые не имеют ничего общего с дизайном. ИМО, гораздо практичнее изучать общие принципы дизайна и лучшие практики, чем пытаться перечислить и запомнить все миллионы способов, которыми вы можете испортить веб-сайт.
Lèse Majesté

1
  • Имидж владельца сайта
  • Под строительство анимированный GIF
  • видимый счетчик посещений
  • видимые таблицы
  • повторяющиеся фоны
  • моноширинные гарнитуры
  • универсальные цвета ссылок (синий, фиолетовый, красный)
  • выпадающие меню
  • делая каждый пункт меню разным цветом
  • маркированные списки
  • «Нажмите здесь!» - ссылки
  • клип-арт
  • фоновая музыка
  • гротескная компоновка (все удалено равномерно / имеет одинаковый размер)
  • Times New Roman шрифт
  • тяжелые, почти психоделические градиенты
  • границы вокруг изображений
  • все в основном


1

Используйте машину обратного хода в Интернете по адресу http://archive.org/web/web.php . Вы можете найти любой сайт и увидеть график его развития за эти годы. Классическими примерами, конечно, могут быть Yahoo, Google и тому подобное, но вы также можете выбрать блог вроде Scobelizer и т. Д. И посмотреть, как он развивается.

Если вы знаете вехи истории вашего браузера (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), вы можете посмотреть на эти даты и посмотреть, как развивались сайты, чтобы получить новую функциональность.


0

Есть несколько вещей, которые я помню:

  • Большинство из них, как правило, используют дизайн рамы.
  • У них часто был счетчик, чтобы сказать вам This page has been visited xxx times.
  • Они выглядели как страницы Geocities.

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


счетчики моухахахахаха. Я ЛЮБЛЮ ЭТО. Я делал несколько стилей для них. Они по-прежнему всплывают, когда вы вводите мое (настоящее) имя в Google.


0

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

Некоторые вещи, которые я помню:

  • Ссылки должны быть подчеркнуты, синие; посетили пурпурный. (все еще распространен)

  • Серый фон обязателен.

  • Кадры были очень распространены, как уже упоминалось.

  • У нас часто был анимированный конверт.


0

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


Подобно тому, "привет скорость" и "низкая скорость"

0

Сделайте эти изображения с низким разрешением, сделанные из MSPaint или что-то еще! Боковые панели с градиентами низкого разрешения тоже подойдут! Раздражающие яркие цвета, а также тонны мигающих гифок с очень медленной разработкой и зацикленными рекламными объявлениями определенно кричат ​​«интернет @ 90-х». Ух ты, я вдруг почувствовал ностальгию по старым дням после просмотра ссылки Пьера. Интересно, как получилось бы, если бы в 90-х годах был создан один из самых популярных на сегодняшний день сайтов социальных сетей. Представьте себе FB, похожий на сайт из геологоразведки LOL.


0

Не забудьте иметь что-то вроде javascript, которое следует за курсором. Может быть пара глаз, какие-то снежинки, что угодно.

И это был период, когда происходило автоматическое воспроизведение миди-файлов?


Самыми последними были аналоговые часы, которые искажались при перемещении, как в Microsoft jscript.
Fiasco Labs
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.