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

Приступим!

Смотрите также:

1. Без адаптивного дизайна никуда!

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

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

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

2. Прозрачные или контурные кнопки (Ghost Buttons)

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

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

3. Акцент на типографию

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

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

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

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

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

5. Скроллинг преобладает над кликингом

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

6. Плиточный дизайн

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

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

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

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

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

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

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

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

9. Интерактивное повествование

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

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

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

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

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

Несколько отличных примеров

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

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

Apple

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

Tesla

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

Тема Divi

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

Источник: elegantthemes.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.