Эпоха, когда веб-дизайн решался в Photoshop: уроки, которые мы усвоили

Если ты работаешь в веб-разработке больше десяти лет, наверняка помнишь те времена. Когда «создать сайт» означало открыть Photoshop, нарисовать красивую картинку для 21-дюймового монитора и экспортировать её в огромный JPEG, загрузка которого занимала минут пять на модеме.

Недавно в сети снова появилось «Руководство по веб-дизайну» конца 90-х. Это настоящая машина времени — и одновременно пособие по тому, как делать НЕ надо. Но за юмором скрывается история, которая актуальна до сих пор.

«Золотой» век веб-дизайна

В руководстве рекомендовали использовать ранние версии Photoshop, «которые не очень хорошо работают с гифами и джипегами». Советовали покупать диски с клипартами и игнорировать такие мелочи, как размеры экранов (800x600 — стандарт!), ограничения по скорости интернета и 256-цветные мониторы. Автор называл всех, кто об этом задумывался, «ignorant techies stuck in 1970s».

Парадокс? Многие принципы, которые тогда высмеивали, сегодня лежат в основе современной веб-разработки.

Как всё пошло не так (а потом выправилось)

Самый забавный раздел руководства — про создание контента. Там предлагали использовать текстовый инструмент Photoshop для текста на сайте. А ещё рекомендовали нанять кого-то писать, потому что «это ниже твоего уровня как продвинутого веб-дизайнера».

Пример текста из руководства: «MidgetWrite for Microsoft Windows 7.0 — это захватывающий и инновационный продукт, который позволяет корпорациям максимизировать качество инициатив при проактивном управлении».

Звучит знакомо? Если ты хоть раз читал описания на лендингах, ты знаешь: этот маркетинговый мусор никуда не делся.

Чему мы научились

Современный веб-дизайн принял принципы, которые эпоха «сайт как картинка» игнорировала:

Производительность — на первом месте. Сейчас Core Web Vitals влияют на ранжирование в поисковиках. Мы думаем о скорости загрузки, оптимизации картинок, эффективном коде. Двухмегабайтный баннер вызывает у современного разработчика физическую боль.

Контент важен, но структура важнее. Мы поняли: HTML — это язык разметки, а не инструмент дизайна. Semantic HTML, CSS Grid и Flexbox дают вёрстку, которая работает на любых устройствах.

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

Итерации важнее совершенства. Старое руководство предлагало рисовать макеты на бумаге. Мы пошли дальше: вайрфреймы, прототипы, постоянное тестирование. Agile заменил подход «сделаем идеально и будем надеяться».

Что в итоге

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

В NameOcean мы видим тысячи сайтов каждый день. Лучшие из них — не самые красивые. Они самые быстрые, доступные и полезные. Пользуешься ли ты нашим AI-powered Vibe Hosting или строишь классическим способом — помни: твои пользователи в 2024 году с соответствующими ожиданиями.

Оставь мигающие гифки и полупрозрачность для ностальгических блогов.

А какие воспоминания о раннем вебе заставляют тебя кривиться? Расскажи в комментариях о своих худших (или лучших?) экспериментах в 90-х.