Дизайн старых сайтов анализируем и обсуждаем

[danil]

Сегодня на ваш обзор предоставляю скриншоты из журнала Домашний ПК за 1999 год.



Netscape – портал одноименного браузера. Каждый браузер пытается направить трафик на свой портал, просто в последнее время вместо стартовой страницы они используют перенаправление поисковых запросов введенных в строку адреса. Это вариант от Netscape 1999 года.

Макет сайта типичен для тех лет. Используется обведение блоков (ячеек таблицы) разными цветами (как будто маркером текст обвели), для того, чтобы 1) обратить на них внимание 2) визуально отделить друг от друга. Границы для блоков не обведены тонкими линиями, но можно увидеть использование таких границ для баннеров.




Следующий сайт про Средиземье, я не фанат фэнтэзи, но по-моему это из Властелина Колец. Тут можно наблюдать отсутствие белого фона, используются текстуры для фона. Повторяющиеся куски графики, которые образуют бесшовный фон. Красиво. Еще можно видеть ссылки сделанные в Photoshop, чтобы использовать особый шрифт для для них и сохранить 100% совместимость со всеми браузерами. Использованны интересные эффекты для изображений и логотипа.



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



Это сайт gamer.raduga.ru, судя по всему это сайт с играми, в которые можно играть прямо в браузере, популярный вид сайтов того времени. Верхний фон в клеточку сливается в низу с однотонным цветом, для лучшего контраста текста и фона. Объемный текст и 3d объекты с игровыми фигурами из игр вместе с клетчатым фоном как бы передают смысл сайта.

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



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

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



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

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