Froont, компания из Сан-Франциско, которая создаёт инструменты для веб-дизайнеров, использовала 9 GIF-анимаций, чтобы показать развитие веб-дизайна за последние 25 лет. Если вы хотите узнать, почему CSS так важен и почему Flash постепенно вытесняется, эти анимации, возможно, дадут вам представление.
Монохромная эра веб-дизайна, около 1989 года. Вспомните Lynx и другие веб-браузеры на основе Unix, которые могли передавать только слова по одному по сети от одного терминала к другому. Графического интерфейса пользователя не было, только строка букв и мигающий курсор.
Начало современной эры, около 1995 года. Первые браузеры, такие как Mosaic, позволяли дизайнерам отображать изображения на сайтах, но единственным способом было поместить эти элементы веб-страницы в некрасивые табличные макеты. Поскольку точное позиционирование было действительно трудным, дизайнерам приходилось очень чётко понимать, как писать код с таблицами, вложенными в таблицы, а затем снова вложенными в таблицы, чтобы правильно отображать содержимое.
К счастью, появился JavaScript, обеспечив дизайнерам большое удобство. Flash упростил для нас создание динамических сайтов: например, всплывающие окна и динамическое изменение порядка содержимого на странице. Но по сравнению с нативным HTML JavaScript был очень медленным.
Хотя Flash когда-то был на пике популярности, сейчас он почти уничтожен HTML5. Но в 1996 году он представлял новую высоту в веб-дизайне: он позволял дизайнерам оживлять страницы по-своему. Это также был золотой век выпадающих страниц Froont, анимаций открытия и так далее. Однако Flash потреблял много вычислительных ресурсов компьютера, что делало его особенно недружественной технологией, особенно для мобильных устройств, таких как ноутбуки и смартфоны.
CSS, впервые выпущенный в 1998 году, решил многие ранние проблемы веб-дизайна. Отделив визуальную эстетику сайта от содержимого веб-страниц, дизайнеры наконец смогли создавать или настраивать веб-страницы по своему усмотрению. Хотя самые ранние версии CSS были не очень гибкими, сейчас CSS стал важнейшей веб-технологией, которой дизайнерам необходимо овладеть.
Появление iPhone в 2007 году принесло дизайнерам совершенно новый вызов: как проектировать веб-страницы на меньшем экране смартфона? Сначала дизайнеры думали использовать сеточную систему, которая могла бы разделить веб-страницу на несколько колонок в зависимости от размера экрана устройства.
В 2010 году Итан Маркотт предложил другое решение проблемы отображения веб-страниц на мобильных устройствах: адаптивный дизайн.
После адаптивного дизайна также появился плоский дизайн, который убрал броские эффекты и сделал акцент на содержании. Этот дизайн упростил визуальные элементы и создал веб-опыт за счёт выразительной типографики, и он отлично смотрелся на любом устройстве.
А что насчёт будущего? Froont говорит, что лучший веб-дизайн всё ещё находится в стадии исследований и разработки. В будущем дизайнерам больше не придётся беспокоиться о проблемах совместимости браузеров, а инструменты, подходящие для любого устройства, будут легко доступны. Технологии перестанут быть ограничением для дизайна; дизайнеры смогут сосредоточиться на решении проблем UI и UX вместо того, чтобы тратить время на устранение неполадок.
Первоисточник:История веб-дизайна, объяснённая в 9 GIF-файлах
Источник перевода:http://www.codeceo.com/article/9-gif-web-design-history.html
Переводчик:Code Farmer– Сяо Фэн