18f163a226a6f1a9cddcb23e67da86a511

Веб-дизайн — это отрасль, которая меняется с каждым днём, полна жизненной силы и чрезвычайно разнообразна. Но дизайн веб-сайта — это не конечный продукт; он скорее похож на представление продукта, связь между людьми или инструмент или услугу.

После просмотра более 500 веб-сайтов в еженедельной серии Despreneur «Самые креативные веб-сайты недели» у меня сложилось общее представление о текущем состоянии веб-дизайна и о том, куда он движется в следующем году. В этой статье я прокомментирую текущее состояние веб-дизайна и предскажу некоторые тенденции на 2015 год.

Все предположения и догадки, сделанные здесь, основаны на моих исследованиях и опыте в дизайнерской индустрии в 2014 году. Некоторые могут быть верными, а некоторые — ошибочными. Если вы считаете, что в этой статье есть что улучшить, я искренне надеюсь обсудить это с вами.

Фотография природных материалов

Фотография природных материалов была очень популярна в 2014 году. Я считаю, что пока этот коллектив продолжает делать красивые фотографии под лицензией «делай что хочешь», эта тенденция может продолжаться.

Смелые люди

60652661609a9151c85e2c97d12194161

Доминирование монохрома

В будущем мы увидим больше сайтов, использующих большие объёмы монохрома. Фоны, шрифты, наложения на изображения, кнопки. Сильный монохром может выделять ключевые моменты, делать интерфейс впечатляющим, а также облегчать людям ассоциацию бренда через цвет.

Девять Шестьдесят

e1f9a7055db0df19c2a1a25806ac82a61

Фоновые видео

Фоновые видео — это идеальный способ передать эмоции и намерение, и они гораздо мощнее изображений. Мы обнаружили, что эта тенденция быстро росла в 2014 году, но её истинный пик наступит в 2015 году.

РОЖДЕН

2e004a33f1a9f745e61c526f7ee045f611

Фреймворк для стартапов

12167cb1942e4ecab9d73b66368bc4dc1

Уникальные меню навигации

Во главе с плавающими и закреплёнными меню мы станем свидетелями ещё более креативных решений навигации на сайтах. Прокрутка вниз, прокрутка вверх, всплывающие элементы, акценты на изображениях, вторичная информация и анимации — всё это в значительной степени способствует незабываемому опыту просмотра.

Impossible Bureau

2486e10917b7358b7d85f050d21f38d51

Qards

22945be4d4b2b9cc6d34db8fdc4af5341

Карточки и плитки

Дизайн на основе карточек или плиток продолжит набирать обороты в 2015 году. Поскольку Pinterest продолжает задавать тон этой тенденции в дизайне, мы увидим всё больше блогов и сайтов электронной коммерции, использующих этот приём дизайна и появляющихся как бамбуковые побеги после дождя.

Firebox

43222dd58d4714ac4b223a70692fd35a1

Фиксированные секции

Мы привыкли к закреплённым панелям «Поделиться» и меню навигации. Но в 2014 году дизайнеры доказали, что другие элементы дизайна, такие как боковые панели, тоже могут быть фиксированными и хорошо работать. В 2015 году мы увидим больше сайтов, использующих фиксированные секции.

Build in Amsterdam

297bd7e087f3686944556f2b10ea9d031

Едва заметный параллакс

Одна из тенденций в дизайне, которую люди одновременно любят и ненавидят. В последнее время мы наблюдали, как большое количество сайтов следует этой тенденции. К сожалению, с точки зрения пользовательского опыта, чрезмерный параллакс может испортить дизайн и нарушить общее впечатление. В 2015 году мы увидим более тонкие эффекты параллакс-прокрутки и анимации, придающие сайтам ощущение высокого класса и изысканности.

Cher Ami

6d010b1d34b09abec4424c20235792d01

Расширенная прокрутка

В 2015 году прокрутка продолжается. Согласно «Everybody Scrolls» Ребекки Гордон из Huge и другим новым результатам исследований, все любят прокручивать. Цифровой сторителлинг невозможно отделить от согласованного опыта и удобного потока, которые обеспечивает прокрутка, поэтому длинные одностраничные страницы, полные разнообразных взаимодействий и переходов, будут доминировать в следующем году.

Smart Water

047b616687fbc1efe7917e54e16f2da01

Иллюстрация

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

One Design Company

d9dae0bac811e60e1f90cf15c5781a211

Большие данные / Изображения

Большие данные становятся всё более важными в технологической отрасли и в сфере веб-дизайна. В 2015 году мы станем свидетелями большего количества изображений, иконок и интерактивных прогнозов на основе данных. Эти материалы могут казаться незаметными, сложными и запутанными, но они также красивы и привлекательны.

Институт личного бренда

e1480db3b650cb8f01021c1ff55b48741

Продукт на первом месте

Сейчас есть много стартапов, которые производят реальные продукты, но передать опыт и ощущение осязаемого продукта на веб-странице гораздо сложнее, чем изготовить сам продукт. Однако в наступающем году появится больше интерактивных 3D-опытов, позволяющих посетителям перемещать продукт и рассматривать даже самые маленькие его уголки.

My Deejo

3ccf3f73b1e7454420b7e2bc1c3062451

Плоский дизайн продолжается

Поскольку плоский дизайн быстро перенимают многие крупные технологические компании, многие дизайнеры теперь начали обращаться к плоскому дизайну без особых раздумий. Хотя эта тенденция всё ещё относительно нова, новое направление плоского дизайна в 2015 году неизбежно появится.

Пенни

b83ee0d6a6eaf5b5f67a91d280aba7581

Сначала мобильные

Число пользователей мобильного интернета быстро растёт, и концепция «mobile first» также будет бурно развиваться в 2015 году. Адаптивный дизайн больше не просто функция; он стал необходимостью. Чтобы обеспечить лучший опыт для мобильных пользователей, дизайнеры должны переосмыслить то, как они проектируют сайты.

Средняя

341a2b4652c41c6c1d9a8f9bd25fcde01

Человеческое тепло

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

Приключение

bc0dfa3581df444dcaa196509bd139281

Микроопыт

Это относится к микротекстам и мелким деталям в дизайне и взаимодействии, которые могут заставить пользователей загореться. Интересные изображения и выражения, скрытые функции, умные и человечные данные и так далее. В новом году мы увидим, как в веб-дизайне появляется всё больше умных решений.

Virgin America

653d430d75620aa578584b95e2eac0d31

Virgin America: при вводе фамилии появляется «Здравствуйте», а при вводе имени — «Красивое имя». Источник:Little Big Details.

Геометрия

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

Буквы

8bf4ad58efcb9b56a1c98119831517711

Крупный и жирный текст

В этом году мы увидели множество гигантских заголовков, и эта тенденция продолжится в 2015 году. Причина проста: гигантский текст практичен, эффективен и может впечатлить посетителей. Похоже, гигантские слоганы будут популярны ещё какое-то время. Просто, прямо, мощно и эффективно.

Webflow

42c01f00cd75e6841b7b618d82b0fbb51

Расцвет конструкторов сайтов

В 2014 году мы стали свидетелями того, как конструкторы сайтов пытались заменить человеческих дизайнеров и программистов, но результаты были слабыми. В 2015 году мы также увидим больше потрясающих высококачественных сайтов, созданных с помощью генераторов (таких как Generator, Squarespace, Macaw, Webflow и Froont).

Squarespace

b1afcfd868be02f1b4e6ee3d84384bcc1

Персональный брендинг

Важность персонального брендинга становится всё более очевидной. Дизайнеры, инженеры, блогеры и предприниматели стремятся создать сильные персональные бренды в интернете, чтобы повысить свою репутацию и узнаваемость. Далее мы увидим больше сайтов, ориентированных на отдельных людей.

Tobias van Schneider

cbd9238bb8f5566dff59fe0a70e5f3ae1

Material Design продолжает развиваться

Material Design был впервые придуман Google. Это тонкая переработка движения плоского дизайна, но она более отточенная, целостная и обладает большей универсальностью и перспективами, чем плоский дизайн. В 2015 году мы обязательно увидим значительный рост использования Material Design.

Inbox by Gmail

47b2fa0cc73521704b44a6f6296ffdd61

Интерактивные путешествия

Интерактивные цифровые впечатления получат более широкое распространение. Всё больше интерактивных сайтов создают уникальные и персонализированные впечатления, используя звук, подключая камеры и телефоны и обеспечивая взаимодействие и повествование, основанное на действиях зрителя.

Отголоски цунами

aa1799bcf376961de8430056cedba80d1

Заключение

В целом текущие тенденции будут продолжать развиваться и эволюционировать. Плоский дизайн, крупная типографика и высококачественные изображения останутся в центре внимания. В то же время мы также с нетерпением ждём, что нового привнесут на сцену веб-дизайна в 2015 году новые технологии и вышедшие из моды дизайнерские тенденции.

Но в любом случае новые изменения обязательно появятся, потому что изменения в области дизайна, как и в жизни людей, никогда не останавливаются.

Источник: http://www.shejipai.cn/web-design-trends-2015.html