-
Period: to
начало
Самый первый сайт увидел свет 6 августа 1991 года. Для нашего избалованного глаза он выглядит совсем сухо. Но всё, что могли содержать первые в мире страницы — ссылки и текст. -
первый сайт
-
градиенты 1994
-
Period: to
сайты начинают пестреть
Спасибо появлению цветных фонов. Такая новинка вызвала бурный восторг и не менее бурное использование ярких, кричащих цветов. Ходит легенда, что если посмотреть на некоторые из таких сайтов сейчас, можно ослепнуть. В эти годы, в добавок ко всему, появляется возможность добавления на сайт разных шрифтов, в частности Times New Roman и Courier New. Прогресс дошел и до размещения на страницах популярных сейчас GIF-изображений. -
макет 1997
-
Period: to
макеты и реклама
сайты теперь строят на основе табличных макетов, добавляют эффекты и навигацию с иконками. Также активно развивается FLASH-технология, вследствие чего появляется возможность добавлять “мигающие” заставки. И с ними, как и с фонами ранее, порой начинается серьезный перебор. Помимо всего прочего, период характеризуется активной интеграцией маркетинга в дизайн. Чуть ли не на каждом сайте можно было увидеть кричащие рекламные баннеры с громкими лозунгами. -
функционал 1998
-
Period: to
кнопки и минимальный функционал
В начале XXI века в web-дизайне в моду входят скругленные углы, блестящие кнопки и градиенты. Фонами наигрались, и теперь они становятся однотонными. Можно сказать, они начинают выполнять свое прямое предназначение и перестают перетягивать на себя много внимания. Веб-сайты становятся намного функциональнее и обзаводятся более удобным пользовательским интерфейсом. -
Web 2.0
-
Period: to
Web 2.0 мин эффекты и читаемость
стали отдавать предпочтение тени, глянцевости иконок и кнопок и мягким цветам интерфейсов. Также в тренде — упор на читаемый и функциональный контент и интеграция в ресурсы анимационного контента. -
мобилка и адаптив
-
Period: to
мобилка адаптивность скевоморфизм
активное развитие мобильных веб-приложений и вместе с этим, появляются мобильные веб-сайты. Отсюда прослеживается тенденция развития такого явления, как “адаптивность”. Разрабатываются первые социальные сети и, как следствие, получает распространение размещение их иконок на сайтах. Активно внедряются длинные макеты сайтов. Широкое распространение получают стоковые фотографии и такое явление, как скевоморфизм. -
простота минимализм
-
Period: to
минимализм и плоскость
лучший выбор — простота. И тогда начинает все больше развиваться сердечная любовь к минимализму. В этот период также появляются такие дизайн-тренды, как плоский дизайн и параллакс. Особое внимание продолжают уделять адаптивности сайтов. -
material design и интерактив
система дизайна, интуитивно понятная в использовании и единая для всех устройств -
Period: to
material design
В это время мир веб-дизайна остановился на выборе материального дизайна, высокого разрешения графики на страницах, а также стала внедряться интерактивность. Особую популярность получили видеоконтент и скроллджекинг. Дизайнеры стали делать упор на индивидуальность, а посему в предпочтение вывели уникальную графику и авторские иллюстрации. Собственно, большинство сайтов, которые мы сейчас посещаем являются представителями именно этого периода. -
trends 2014e
Blurred backgrounds
Simple animations
Simple colours
Better UX
More scrolling less clicking
Big type
Personal content Poor quality photography and videos
Flat and skeuomorphism
Extended forms -
trends 2015
Natural Stock Photography
One-Color Dominance
Video Backgrounds
Unique Navigation Menus
Cards & Tiles
Fixed Blocks
Subtle Parallax
More Scrolling
Illustrations
Big Data/Graphs
Product First
Flat Will Keep Growing
Mobile First
Human Touch
Micro UX
Geometry
Big & Bold Typography
Rise of Website Generators
Personal Brands
Material Design Will Keep Growing
Interactive Journeys -
trends 2016
Natural Stock Photography
One-Color Dominance
Video Backgrounds
Unique Navigation Menus
Cards & Tiles
Fixed Blocks
Subtle Parallax
More Scrolling
Illustrations
Big Data/Graphs
Product First
Flat Will Keep Growing
Mobile First
Human Touch
Micro UX
Geometry
Big & Bold Typography
Rise of Website Generators
Personal Brands
Material Design Will Keep Growing
Interactive Journeys -
trends 2017
- Gradients
- Video with Sound
- Virtual Reality (Almost)
- Even More Parallax
- Super Simple Homepages
- New Navigation Patterns
- More Tactile Design
- Neutral Color Palettes
- Wearables Influence the Web
- Custom Typography