Главные тренды дизайна WordPress 2014
В быстро меняющемся мире Интернета, дизайн сайта очень быстро становится неактуальным. Устаревший дизайн говорит о том, что вы не знакомы с последними веяниями моды и не желаете вкладывать деньги и время в ваше онлайн предприятие. Поэтому для WordPress дизайнеров и разработчиков жизненно важно держать руку на пульсе и знать, что в мире онлайн-дизайна на острие моды, а что – нет, если вы хотите оставаться компетентным специалистом. Важно уметь со 100 % точностью предсказать, что станет следующим большим порывом в веб-дизайне в наступающем году, и вместе с тем быть осведомленным в текущих трендах и наблюдать за успехами (и неудачами) редизайнов крупных брендов, так как только в этом случае мы можем начать строить образ сайта, который станет популярным через несколько месяцев.
Благодаря моим ключевым предположениям о трендах в дизайне WordPress тем в 2014, вы можете быть уверены, что находитесь на самом острие дизайнерских тенденций.
Адаптивный дизайн для мобильных устройств прежде всего
Мы уже увидели, как маятник уверенно качнулся в сторону отзывчивого веб-дизайна, так как все больше людей используют мобильные девайсы для выхода в Интернет. В то время, как множество блоггеров используют устаревшие, не отзывчивые темы, бренды покрупнее и владельцы интернет-бизнеса будут требовать от разработчиков тем отзывчивые, способные предложить максимум читабельности и юзабельности.
Число отзывчивых шаблонов, доступных для WordPress, заметно выросло в 2013, и мы ждем новых премиум тем, с доступными по умолчанию опциями отзывчивости. На настоящий момент в официальном репозитории WordPress 60% процентов всех доступных тем являются отзывчивыми.
Процент использования мобильных девайсов для выхода в Интернет вырос за последние 12 месяцев: 21% пользователей мобильных телефонов в США сказали, что они использовали свои телефоны, как главные устройства для выхода в Интернет в 2013 году. Высока вероятность того, что к концу текущего года мы увидим, что еще большее число пользователей Интернет, будет выходить в сеть главным образом со смартфонов и планшетных компьютеров.
Я думаю, что в 2014 году мы будем наблюдать появление WordPress сайтов, которые будут разработаны в первую очередь для просмотра на экранах мобильных телефонов или устройств с маленькими экранами, а пользователи стационарных компьютеров и ноутбуков станут менее важной частью целевой аудитории.
Если вам нужны примеры WordPress тем, которые шикарно выглядят на экранах мобильных девайсов, то взгляните на темы Möbius или HandHeld
Крупные шрифты и акцент на типографике
Веб-шрифты сейчас перестали быть юрисдикцией одержимых типографией дизайнеров и органично влились в мейнстрим. Дни, когда нам приходилось выбирать в качестве главного шрифта Arial или Times New Roman давно прошли. Для создания невероятного дизайна мы, вероятно, станем акцентироваться на создании дизайнерского предложения посредством умного использования начертания шрифтов с меньшей опорой на графическую составляющую. При умелом обращении со шрифтами можно создать действительно сногсшибательные дизайны, которые и читать удобно, и любоваться ими приятно. Вот вам несколько лучших свежих тем с акцентом на типографике: Read WP или Bold.
Маленький размер шрифта определенно вышел из моды, так как читабельность и впечатление пользователя от сайта сейчас во главе угла. Не так давно крупный шрифт расценивался, как признак любительских и непрофессиональных дизайнов, но к счастью этот тренд вымер как когда-то динозавры, и использовать что-то меньше 16 пикселей – просто упаси Боже. Так как все больше людей используют для выхода в Интернет мобильные девайсы, крупный шрифт позволяет посетителям веб-страниц читать, не щурясь, глядя на экраны смартфонов, или постоянно уменьшая и увеличивая масштаб страницы.
Большое количество популярных сайтов, включая SitePoint, Medium и Zen Habits уже используют шрифты более крупных размеров, и в 2014 году мы, вероятно, увидим еще больше WordPress сайтов, использующих красивый крупный текст.
Полноэкранные фоновые изображения и видео
Большие изображения шикарно выглядят на мониторах с широким разрешением и их меньших собратьях retina-подобными дисплеями, успешно удерживая баланс между художественностью и минимализмом дизайна. Множество сайтов сейчас используют полноэкранные фоновые изображения, позволяющие произвести на посетителей ошеломляющее впечатление. Оцените такие великолепные примеры этого тренда, прекрасно воплощенного в WordPress темах, как Check out InStyle от Elegant themes или Storm.
Интернет становится все быстрее, да и технологии продолжают развиваться, и не за горами то время, когда мы увидим WordPress-сайты, использующие анимированные изображения, которые работают в качестве фона не хуже статичных. Сайт Spotify демонстрирует, как можно превратить простой дизайн в нечто совершенно великолепное, без использования бесполезных элементов. ThemeForest предлагает широкий выбор WordPress-тем, использующих полноэкранные видео.
«Плоский» дизайн
Apple всегда был законодателем моды в веб-дизайне, и когда они отказались от всяких падающих теней, градиентов, 3D-графики и скьюморфизма в пользу простого плоско выглядящего дизайна iOS7, мир просто принял это как факт. Мы видели множество великолепных примеров плоского дизайна в прошлом году, и с уверенностью можно прогнозировать, что этот тренд перейдет и в 2014, так как WordPress-дизайнеры ориентированы на создание более простых дизайнов, которые выглядят и воспринимаются более чистыми. Вам доступно множество подобных тем, включая Colangine, или Coffee & Cream.
Ультра минималистичный дизайн
Мы наблюдаем отход от сложных дизайнов и некоторый рост популярности упрощения дизайна ради блага пользователя, но я ожидаю, что в 2014 эта тенденция пойдет на спад. Пижонские parallax эффекты и фокусы с HTML5 продолжат быть гвоздем программы, но вероятно так и останутся только переходным этапом, в то время как ультраминималистичный дизайны WordPress-тем будут нормой.
Простые дизайны позволяют перетянуть все внимание на контент и работают одинаково хорошо и для текстовых сайтов, и для сайтов-портфолио, и для сайтов, где много изображений. Такие простые дизайны оставляют лучшее впечатление у пользователей, так как показывают не только дизайнерские таланты их создателя. Минимум графических элементов, простые цветовые схемы, и огромное количество белого пространства. The New York Times – это один из авторитетных новостных сайтов, который был недавно перезапущен с минималистичным дизайном, и я думаю, что другие подобные бренды последуют этому примеру. К вашим услугам множество минималистичных WordPress дизайнов, в том числе Clear, Exposito и Less.
Сенсорная навигация
Галереи изображений с сенсорным управлением, которые легко просматривать на планшетах и мобильных телефонах, уже стали нормой. Так как все больше людей заходят в Интернет тачскрин девайсов, мы можем прогнозировать переход от навигации, разработанной под клики мышки, к навигации с помощью свайпинга, пинчинга и тэппинга. Гораздо проще прокручивать вниз длинную страницу или пролистывать фотографии на тачскрине, чем делать это на обычном компьютере, и, возможно, это объясняет появление множества супердлинных страниц (подробнее об этом написано в следующем пункте). Ожидается, что в будущем мы увидим еще больше WordPress сайтов, использующих тачскрин жесты для навигации и функциональности
Одностраничные сайты
Одностраничные сайты с длинным текстом возникли, как побочный эффект создания дизайнов для мобильных устройств. Такие сайты можно быстро просмотреть, с легкостью прокрутив их вниз; они так просты. Многостраничные мегасайты вышли из моды, и настало время сжатых хорошо оформленных сайтов. Сайты с длинными текстами в течение долгого времени были популярны в качестве продающих страниц, так как из-за отсутствующей навигации посетителям сложно было быстро покинуть такой сайт. Теперь, благодаря умному дизайну, навигация позволяет переместиться в любую область сайта, четко выделенную графическим элементом.
Сайты типа Pinterest, которые можно бесконечно прокручивать вниз, и блоги, подгружающие дополнительный контент при достижении пользователем низа страницы также и становятся популярнее, так как не предполагают кликов и лишних временных затрат на переходы между множеством страниц. Одностраничные сайты уже стали выбором дизайнеров для многих новых веб-сайтов, и мы ожидаем увидеть больше появлений таких дизайнов в виде WordPress тем в 2014. Если вы ищите «бесконечную» одностраничную WordPress тему, то попробуйте Disillusion, Mustache, or Corsa.
Фиксированная горизонтальная навигация
Еще одна «фишка» дизайна, которая появилась благодаря росту использования мобильных технологий – это фиксированная в пространстве навигация. Из-за растущей популярности страниц с бесконечной прокруткой, дизайнеры пытаются улучшить конечное впечатление пользователя от сайта. WordPress-дизайны с фиксированным верхним меню навигации так же растут в цене. Такие дизайны позволяют передвигаться по странице очень просто, не прокручивая страницу наверх. Благодаря фиксированной навигации и желанию сохранить больше площади экрана мобильного девайса мы будем видеть все меньше и меньше дизайнов, в которых задействован сайдбар. Сайдбары либо вообще удаляются, либо перемещаются вниз при уменьшении экрана в случае использования адаптивных WordPress-тем, так что в любом случае, они редко являются удачным местом для размещения важной информации. Ожидается большая волна одноколоночных WordPress дизайнов, где элементы сайта содержаться в шапке сайта и подвале, а не в сайдбаре.
Модульные сетки в стиле Pinterest
Легкий для восприятия контент, который можно визуально разделить на удобоваримые кусочки, популярный на таких сайтах, как Pinterest и Tumblr – дружествен к пользователю, привлекателен и делает просмотр большого количества информации очень простым: почти тоже самое как просматривать традиционный бумажный журнал, особенно, если использовать планшет или другой тачскрин девайс.
Этот стиль дизайна уже стал основным для многих крупных сайтов и интернет-приложений. Feedly, Google Now, Windows 8, Spotify, Sitepoint и Facebook – все они сейчас используют дизайн на основе модульных сеток, которые иногда называют «картами», для отображения большого количества контента в дружественном для пользователя формате.
Маленькими блоками информации или «картами» легко управлять: их можно расширить или сжать, легко организовать и перестроить под любой размер экрана. С помощью таких элементов на странице можно отображать разные типы контента, например, текст, изображения и видео. В 2014 году мы, вероятно, увидим больше WordPress дизайнов, перенимающих этот тренд. В качестве самых свежих примеров можно назвать темы Pinstagram, Notebook, или Brick + Mason.
2014 – год дизайнов для мобильных устройств? Вы, вероятно, заметили, что вся соль этих трендов заключается в том, что они, прежде всего, разработаны для комфортного нахождения в Интернете и более привлекательны для пользователей мобильных устройств. Я думаю, что трудно поспорить с тем, что Интернет для мобильных устройств растет настолько быстро, что это не может не влиять на веб-дизайн этого года, равно как подталкивает многие бренды на разработку мобильных приложений своих сайтов.
Использованы материалы с сайта wpkube.com
Спасибо за интересный обзор! Я как раз пишу техзадание на разработку нового сайта! Да и старый пора обновить!
Искренняя благодарность за статью, за наводку на достойную тему!
Да, еще заметил что на странице поздравления с первым комментарием высвечивается не форма подписки а только [subscribe2]