Эволюция веб-дизайна

  • Sharebar

На сегодня сети Интернет уже больше 25 лет. За это время она перетерпела множество изменений, постоянно росла и совершенствовалась. Точно также улучшались и сайты, живущие в ней. Давайте взглянем на несколько лет назад и вспомним, как все начиналось.

1993-1996: Интернет – скучное место для дизайнеров

Тренды: Обычный текст и синие ссылки

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

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

Mosaic

1995-1998: война браузеров

Тренды: «оптимизация» под кнопки, анимация, мерцающий текст.

В середине 90-х Netscape стал лидирующим браузером, но его быстро начал вытеснять Internet Explorer – война браузеров началась. На те времена внешний вид документов немножко усложнился, появились таблицы и фреймы. Анимированные кнопочки начали использовать повсюду, также постепенно развивался java-скрипты. А вот и живой пример странички 1996 года

Netscape в 1996 году

1996-2000: дизайнеры начинают обращать внимание на Интернет

Тренды: фреймы, таблицы, анимация, выпадающие меню

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

A List Apart (1998)

2000-2004: возросшие веб-стандарты

Тренды: прозрачность, корпоративная стандартизация сайтов

Проблема 2000-го года, возможно и остановила инвесторов на некоторое время, но это не помешало W3C разрабатывать и утверждать новые стандарты, тем самым поощряя дизайнеров на творения. Появились прозрачность в .png, CSS, CMS.

CSS Zen Garden (2003)

2004-2007: эра Web 2.0

Тренды: стеклянные кнопки, градиенты, виджеты, круглые углы, яркие цвета.

Благодаря Тиму Рейли на свет появилось выражение web 2.0, обозначающее новое направление в дизайне сайтов. Массовыми стали жирные шрифты, закругленные углы и яркие градиенты. Улучшились функциональность и пользовательский интерфейс. Повсеместно начали использоваться виджеты: на блогах для интеграции их с социальными сетями, на соц. сетях для вставки контента и т.п.

Carbonmade (2006)

2008-наши дни: интеграция с другими устройствами

Тренды: мобильные веб-приложения, сеточный дизайн.

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

Facebook

One Comment

  1. chebr:

    Спасибо!Очень познавательная статья!Я раньше думал,что Netscape был первым браузером :)