-
Самый первый сайт увидел свет 6 августа 1991 года. Для нашего избалованного глаза он выглядит совсем сухо. Но всё, что могли содержать первые в мире страницы — ссылки и текст.
-
-
-
Спасибо появлению цветных фонов. Такая новинка вызвала бурный восторг и не менее бурное использование ярких, кричащих цветов. Ходит легенда, что если посмотреть на некоторые из таких сайтов сейчас, можно ослепнуть. В эти годы, в добавок ко всему, появляется возможность добавления на сайт разных шрифтов, в частности Times New Roman и Courier New. Прогресс дошел и до размещения на страницах популярных сейчас GIF-изображений.
-
-
сайты теперь строят на основе табличных макетов, добавляют эффекты и навигацию с иконками. Также активно развивается FLASH-технология, вследствие чего появляется возможность добавлять “мигающие” заставки. И с ними, как и с фонами ранее, порой начинается серьезный перебор. Помимо всего прочего, период характеризуется активной интеграцией маркетинга в дизайн. Чуть ли не на каждом сайте можно было увидеть кричащие рекламные баннеры с громкими лозунгами.
-
-
В начале XXI века в web-дизайне в моду входят скругленные углы, блестящие кнопки и градиенты. Фонами наигрались, и теперь они становятся однотонными. Можно сказать, они начинают выполнять свое прямое предназначение и перестают перетягивать на себя много внимания. Веб-сайты становятся намного функциональнее и обзаводятся более удобным пользовательским интерфейсом.
-
-
стали отдавать предпочтение тени, глянцевости иконок и кнопок и мягким цветам интерфейсов. Также в тренде — упор на читаемый и функциональный контент и интеграция в ресурсы анимационного контента.
-
-
активное развитие мобильных веб-приложений и вместе с этим, появляются мобильные веб-сайты. Отсюда прослеживается тенденция развития такого явления, как “адаптивность”. Разрабатываются первые социальные сети и, как следствие, получает распространение размещение их иконок на сайтах. Активно внедряются длинные макеты сайтов. Широкое распространение получают стоковые фотографии и такое явление, как скевоморфизм.
-
-
лучший выбор — простота. И тогда начинает все больше развиваться сердечная любовь к минимализму. В этот период также появляются такие дизайн-тренды, как плоский дизайн и параллакс. Особое внимание продолжают уделять адаптивности сайтов.
-
система дизайна, интуитивно понятная в использовании и единая для всех устройств -
В это время мир веб-дизайна остановился на выборе материального дизайна, высокого разрешения графики на страницах, а также стала внедряться интерактивность. Особую популярность получили видеоконтент и скроллджекинг. Дизайнеры стали делать упор на индивидуальность, а посему в предпочтение вывели уникальную графику и авторские иллюстрации. Собственно, большинство сайтов, которые мы сейчас посещаем являются представителями именно этого периода.
-
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 -
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 -
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 -
- 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