Веб-дизайн сайтов в 2015 году: 10 новых трендов

Веб-дизайн сайтов в 2015 году: 10 новых трендов

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

1. Веб дизайн сайтов: Сайт должен быть адаптивным ко всем мобильным устройствам.

devices

Если ваш сайт до сих пор не адаптивен к мобильным устройствам, телефонам, планшетам, то забудьте про него и создайте новый адаптивный сайт. Так как 25% всего интернет трафика идет через мобильные устройства и эта цифра будет только увеличиваться, а это значит что вы просто теряете 25% своих посетителей.

За последние несколько лет адаптивный дизайн стал одним из самых популярных и важных стандартов веб-дизайна в общем и на WordPress в частности.

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

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

2. Веб-дизайн сайтов. Прозрачные кнопки (Ghost Buttons).

 

ghost-buttons1

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

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

3. Веб-дизайн сайтов: Типографика рулит.

типографика

Обычно web-type-kit, который позволяет использовать привлекательные шрифты при веб-дизайне сайтов, стоит дорого. Это значит, что сайты, которые делают ставку на типографию в веб-дизайне, требуют немалого бюджета. Но только немногим, в том числе и пользователям WordPress, это придется по карману.

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

К тому же, это позволяет разработчикам тем для WordPress включить больше типографических элементов в новосозданные темы, что придает им более стильного и привлекательного внешнего вида.

4. Веб-дизайн сайтов. Большие и красивые фоновые изображения и видео.

large-images-videos

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

5. Веб-дизайн сайтов: Скроллинг преобладает над кликингом

sites-NEW1-550

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

6. Веб-дизайн: Плиточный дизайн

pin

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

7. Веб-дизайн: Плоский дизайн или материальный дизайн

content1

 

За последний год-два плоский дизайн стал как никогда актуальным, и в дальнейшем ожидается только увеличение его популярности. Возможно даже, что само понятие «плоский дизайн» расширится до «материального дизайна». Что, собственно, собой представляет «материальный» дизайн?

В этом году Google завуалировал материальный дизайн как свое новое направление для мобильных устройств (и дизайна в целом). По их словам «материальный» — это, своего рода, метафора. Материальная метафора являет собой единую теорию рационализированного пространства и системы движения. И эта материальность базируется на тактильной реальности на основе их исследований бумаги и чернил, которые можно использовать в силу своего воображения.

Если говорить не на языке маркетинга (учитывая их наблюдение, которое можно назвать «практически плоским дизайном»), то, что дизайнеры в Google подразумевают под Материальным Дизайном, является, по сути, плоски дизайном, в котором используется очень тонкие градиенты, слои и анимационные эффекты для сохранения ощущения материального мира (физическое пространство и объекты), но при этом сохраняя все преимущества плоского дизайна.

Многие могут не согласиться, но плоский дизайн в 2015 году может развиваться именно в этом направлении.

8. Веб-дизайн: Микро-взаимодействия

microinteractions

 

Что это? Микро-взаимодействия содержат пользовательский опыт или отдельные моменты интерфейса в одном продукте (или, возможно, модуль на веб-сайте). Примером этого можно считать всплывающее окно на сайте с предложением подписаться на рассылку. Такое микро-взаимодействие способствует повышению активности пользователя, что в этом случае означает увеличение количества зарегистрированных пользователей.

9. Веб-дизайн: Интерактивное повествование

storytelling

 

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

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

10. Веб-дизайн: Персонализированный UX-дизайн

pesonal-ux

 

Идея использовать «куки» для отображения более релевантного контента для постоянных посетителей сайта не является новой. Тем не менее, она эффективна. Американская компания-поставщик фильмов и сериалов Netflix использует такую практику для напоминания посетителю, что он недавно смотрел. Точно такой же метод использует YouTube.

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

Веб-дизайн: отличный пример

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

Для этого приведем три примера сайтов, на которых собраны все вышеупомянутые тенденции веб-дизайна.

apple

 

Не нужно быть особым приверженцем Apple, чтоб оценить отличный дизайн, который использует эта компания. Ей всегда удавалось совместить простоту с трендовыми новинками в дизайне. У них действительно есть чему поучиться.