Веб-дизайн сайтов, так же как и мода, подвержен частым изменениям. И если ваш сайт на момент его создания казался в тренде, то уже через год или два он будет выглядеть как костюм вышедшей из моды. 2014 год уже ушел в прошлое, но сформировались новые тренды в веб-дизайне сайтов, а это значит, что пришло время что актуально и какие тенденции в веб-дизайне сайтов, которые останутся и будут прогрессировать в 2015.
1. Веб дизайн сайтов: Сайт должен быть адаптивным ко всем мобильным устройствам.
Если ваш сайт до сих пор не адаптивен к мобильным устройствам, телефонам, планшетам, то забудьте про него и создайте новый адаптивный сайт. Так как 25% всего интернет трафика идет через мобильные устройства и эта цифра будет только увеличиваться, а это значит что вы просто теряете 25% своих посетителей.
За последние несколько лет адаптивный дизайн стал одним из самых популярных и важных стандартов веб-дизайна в общем и на WordPress в частности.
Конечно же, с одной стороны есть много споров по поводу реализации адаптивного дизайна, но с другой стороны еще никто не выступил против него. И все больше и больше сайтов начинают использовать его для пользователей.
Так что можно с уверенностью сказать, что и в следующем году эта тенденция, ставшая уже нормой в веб-дизайне, будет становиться еще более популярной.
2. Веб-дизайн сайтов. Прозрачные кнопки (Ghost Buttons).
Прозрачные, или как их еще называют, контурные кнопки являются встречаюстся все чаще и чаще в веб-дизайне сайтов. И несложно догадаться почему. Они минималистичны в дизайне, простые, но в тоже время выглядят очень стильно, имеют прозрачный фон и контур, который очерчивает их границы.
Все больше и больше дизайнеров отдают им предпочтение, что популяризирует плоский дизайн на отечественных сайтах. Поэтому предположение, что этот тренд останется в списке последующего 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, чтоб оценить отличный дизайн, который использует эта компания. Ей всегда удавалось совместить простоту с трендовыми новинками в дизайне. У них действительно есть чему поучиться.