Премиум и бесплатные темы WordPress для дизайна материалов

Это коллекция лучших премиальных и бесплатных тем WordPress в стиле Material Design.

Так что же такое материальный дизайн? Material Design — это дизайн визуального интерфейса, разработанный Google, «который синтезирует классические принципы хорошего дизайна с инновациями и возможностями технологий и науки». В то время как определение и постоянно развивающаяся спецификация по Material Design от Google используют довольно пугающий и претенциозный язык, основы довольно ясны.

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

В Material Design есть три основных принципа: материал как метафора, движение и смелая преднамеренная графика.

Материал

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

Движение

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

Жирный, Графический, Преднамеренный

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

Темы WordPress для материального дизайна

Ниже представлена ​​коллекция тем WordPress, которые попытались использовать философию Material Design. Разработчики реализовали принципы Material Design в этих темах с разной степенью и уровнем успеха.

Материализовать

Materialize — это тема WordPress для блога, вдохновленная Material Design от Google. Премиум-тема от RichWP имеет современный, смелый и визуально привлекательный дизайн, который соответствует рекомендациям по дизайну материалов. Он подойдет для личного или профессионального блога, интернет-журнала или даже сайта магазина.

Некоторые из ключевых функций включают в себя: готовность к WooCommerce, полностью адаптивный макет для мобильных устройств, поддержку большинства функций плагина Jetpack (таких как мозаичные галереи, контактные формы и т. д.), простые параметры настройки цвета, несколько областей виджетов, раскрывающиеся меню, простая интеграция логотипа, перевод готово, меню значков, качественный код в соответствии со стандартами WordPress и многое другое.

Страница демо и релиза | Скачать

Материализм

Materialism — это многоцелевая одностраничная тема WordPress, созданная с использованием рекомендаций по материальному дизайну, разработанных Google. Премиум-тема от Tesla Themes имеет красивый и современный дизайн с множеством мощных функций и опций. Тему можно использовать для блога, веб-сайта компании или агентства, портфолио, целевой страницы для демонстрации вашего продукта, приложения или услуги или чего-либо еще. Некоторые из ключевых функций включают в себя: более 40 различных элементов контента и расширенные параметры стиля, 2 уникальных макета домашней страницы, параллаксную прокрутку и видео HTML5, таблицы цен, веб-шрифты Google, блоки призыва к действию, перетаскивание визуального конструктора страниц и многое другое.

Подробнее / Скачать демоверсию

Сириус Про

Sirius Pro — это многоцелевая тема WordPress, вдохновленная Material Design от Google. Премиум-тема от Lyra Themes обладает мощным набором функций и опций, ее легко настроить и использовать для самых разных целей. Вы можете использовать его для создания элегантного, профессионального и многофункционального делового, личного или корпоративного веб-сайта. Он имеет встроенные проекты / портфолио, параметры настройки цвета, фоны параллакса, отображение нескольких домашних страниц, короткие коды информационных карт, членов команды и отзывы и многое другое.

Подробнее / Скачать демоверсию

МатериалДизайнWP

Тема WordPress Material Design — это тема премиум-класса, основанная на фреймворке MaterializeCSS.com. Он поставляется с плагином шорткодов Material Design, который позволяет добавлять на ваши страницы множество приятных компонентов Material Design. Он имеет адаптивный дизайн, макет блога, шаблон портфолио, параметры параллакса, шаблон полной ширины, области виджетов, шаблон контактной формы и многое другое.

Страница демо и релиза | Скачать

Богатая коробка

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

Тема Rich Box имеет приятный макет поста в виде сетки и включает в себя несколько удобных функций и опций, в том числе: простую интеграцию логотипа и параметры изменения цвета, полноэкранное меню, дизайн без боковой панели, верхние и нижние области виджетов, поддержку формата постов WordPress, архитектуру кода HTML5, меню значков, поддержка плагинов JetPack, готовый перевод и многое другое.

Страница демо и релиза | Скачать

Зефир

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

Тема абсолютно наполнена (слишком многими?) функциями, но некоторые из примечательных ключевых функций включают в себя: визуальное перетаскивание страниц для простого создания неограниченного количества макетов, готовность к WooCommerce, расширенные параметры типографики, специальную панель параметров темы для легкой настройки и управления, расширенные параметры заголовка, портфолио с более чем 6000 комбинаций, неограниченные варианты цвета, фоны параллакса, готовность к переводу, 3 различных макета блога и множество других элементов (аккордеон и переключатели, ActionBox, кнопка, контактная форма, счетчик, IconBox, галерея изображений, Слайдер изображений, карта Google, окно сообщений, сетка портфолио, адаптивные столбцы, разделитель, социальные ссылки, вкладки и временная шкала, член команды, отзыв, видеоплеер), более 1000 значков Font Awesome и Material Design и многое другое.

Страница демо и релиза | Скачать

Рубин

Ruby — это тема WordPress для портфолио и блога, вдохновленная Material Design, для людей, которые хотят продемонстрировать свои личные проекты, фотографии или истории через блог. Премиум-тема имеет ультра-простой, современный и интуитивно понятный дизайн, оптимизированный для мобильных устройств. Некоторые из ключевых функций включают в себя: неограниченные параметры цвета, панель администратора для настройки, Royal Slider (плагин), Essential Grid (плагин) для портфолио, различные макеты портфолио, шрифты Google, значки фильтров портфолио, многочисленные форматы сообщений и многое другое.

Страница демо и релиза | Скачать

Материал

Material — полнофункциональная многоцелевая тема WordPress, которую можно использовать для самых разных проектов. Вдохновленная Google Material Design, премиальная тема, которая продается на ThemeForest, предлагает множество различных стилей домашней страницы и неограниченные варианты. Некоторые из ключевых функций включают в себя: визуальный конструктор страниц с перетаскиванием с интерфейсными и внутренними редакторами, более 40 блоков контента, адаптивный и готовый к сетчатке, фильтруемое портфолио, 19 уникальных блоков заголовков, эффекты параллакса, полноэкранные разделы и слайдеры, 3 уникальных типа нижнего колонтитула. и больше.

Страница демо и релиза | Скачать

Счастливый хипстер

Тема WordPress Happy Hipster от RichWP — это тема для ведения блога с очень простым, модным и минималистичным дизайном. Премиум-тема идеально подходит хипстерским блоггерам, которые хотят поделиться своими глубокими и проницательными мыслями в постах в блогах, публиковать селфи или фотографии своей еды, бутикового пива или бороды, видео о том, как они делают крутые вещи, и многое другое. Конечно, вам не нужно быть хипстером, чтобы использовать тему. Это подходит для любого, чтобы вести блог о чем угодно. Некоторые из других ключевых особенностей темы Happy Hipster включают в себя: адаптивный дизайн для мобильных устройств, WooCommerce, готовую для электронной коммерции, поддержку большинства функций JetPack (мозаичные галереи, контактные формы и т. д.), поддержку собственных форматов сообщений WordPress, приятную галерею и сообщения. макеты списков, раскрывающиеся меню, меню значков, простая интеграция логотипа, простая настройка цвета, несколько областей виджетов и многое другое.

Страница демо и релиза | Скачать

Импала

Impala — это функциональная, многоцелевая, универсальная тема WordPress, которая пытается применить принципы Google Material Design. Он имеет современный плоский градиентный дизайн, который полностью адаптивен. Вы можете использовать эту тему для создания веб-сайта практически любого типа — онлайн-журнала, портфолио, агентства и бизнеса, блога, страницы «Скоро» или чего угодно еще.

Некоторые из ключевых функций и параметров включают в себя: перетаскивание страниц для неограниченного количества макетов, несколько заголовков, универсальные макеты (1170 пикселей, 1024 пикселей, 900 пикселей, полная ширина, полноэкранный режим), сетка избранных сообщений, параметры фонового видео, прозрачные шаблоны, сотни вариантов типографики. , неограниченные варианты цвета, неограниченные боковые панели, более 1200 значков от fontAwesome и значков Google Material Design, встроенные обзоры, поддержка форматов сообщений и многое другое. Тема дает вам полный контроль над макетом, стилем, градиентом, цветами, прозрачными узорами, шрифтами, значками, положением изображений и так далее.

Страница демо и релиза | Скачать

Пинти

Pinty — это продвинутая тема Pinterest, похожая на WordPress, которая позволяет вам создавать веб-сайты, подобные Pinterest. Он позволяет создавать доски и категории, закреплять элементы (изображения, видео и места с картами Google) с веб-сайтов или загружать собственный контент, создавать профили пользователей, следить за пользователями, ставить лайки, повторно закреплять и многое другое.

Премиум-тема разработана с использованием руководства по стилю Material Design, адаптирована для сетчатки и мобильных устройств с адаптивным дизайном. Некоторые из других заслуживающих внимания ключевых функций и функций включают в себя: регистрацию переднего пользователя и вход в систему с помощью Google+ и Facebook, платформу Redux, поиск булавок с помощью Google Maps, значки Font Awesome, шрифты Google, неограниченные цветовые схемы, готовый перевод и HTML5, CSS3 и jQuery. кодирование.

Страница демо и релиза | Скачать

Тактильный

Tactile — это мультиконцептуальная тема WordPress с современным и четким внешним видом, которая также претендует на звание Material Design. Он поставляется с 14 предустановленными макетами и множеством функций и опций, поэтому вы можете использовать его для самых разных проектов и веб-сайтов.

Некоторые из ключевых функций темы Tactile включают в себя: мощный интерфейс администратора, визуальный композитор, несколько макетов заголовков, изображения параллакса, переходы AJAX, видеофоны, слайдер слоев, несколько макетов портфолио, макет блога каменной кладки, настраиваемые форматы портов, настраиваемые столбцы нижнего колонтитула. , поддержка retina, интеграция с WooCommerce, шрифты Google, интеграция с контактной формой 7, многоязычная интеграция с WPML и многое другое.

Страница демо и релиза | Скачать

Калипсо

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

Некоторые из примечательных особенностей темы включают в себя: алгоритм сортировки сообщений в стиле Reddit (упорядочить их по популярности), конструктор страниц, настраиваемые страницы категорий (цвет категорий, стили сообщений, размещение боковой панели), интеллектуальный AJAX для удобной навигации, адаптивность к мобильным устройствам. дизайн, установка демонстрационных данных одним щелчком мыши, HTML5 и CSS3, липкое меню, настраиваемые виджеты и широкие возможности настройки на панели параметров темы.

Страница демо и релиза | Скачать

Богатый блог

Rich Blog — это смелая и современная тема WordPress для ведения блога от RichWP. Премиум-тема имеет чистый и минималистичный дизайн, который подойдет для любого типа блога. Тема имеет адаптивный дизайн для мобильных устройств, интеграцию с WooCommerce, простую интеграцию логотипа, несколько областей виджетов, поддержку Jetpack (для галерей, контактной формы и т. д.), параметры настройки цвета и кодирование, соответствующее стандартам WordPress.

Страница демо и релиза | Скачать

Навязчивая идея

Obsession — это гибкая тема WordPress, которую можно использовать для одностраничных или традиционных многостраничных веб-сайтов. Тема включает в себя несколько приятных элементов Material Design, таких как анимированные кнопки морфинга, информационные оверлеи, форму подписки и минимальную контактную форму.

Тема основана на фреймворке Bootstrap и имеет полностью адаптивный дизайн. Включенный визуальный конструктор страниц с перетаскиванием, ползунок вращения и основные плагины сетки позволяют создавать практически любой макет, который вы хотите, с предварительно созданными элементами, используя интерфейс перетаскивания. Некоторые из других примечательных функций темы включают в себя: настраиваемые разделы портфолио, интеллектуальную панель администратора, шрифты Google, интеграцию с Font Awesome, прокрутку параллакса, готовность к переводу, неограниченное количество цветов, редактирование пользовательского макета страницы, видео-фоны, параметр липкого заголовка, готовность к WPML и более.

Страница демо и релиза | Скачать

Цвет

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

Некоторые из других ключевых функций темы включают в себя: расширенные параметры шрифта, левые или правые боковые панели, адаптивный дизайн для мобильных устройств, интеграцию с картами Google, отображение/скрытие информации об авторе, совместимость с Easy Digital Downloads, параметры обмена в социальных сетях, пользовательское меню, шорткоды, портфолио. тип сообщения с избранным изображением, галереей слайдеров или поддержкой видео, тип сообщения группы и многое другое.

Страница демо и релиза | Скачать

EstateMLS

Estate MLS — это мобильная тема WordPress для недвижимости с материальным дизайном. Разработчик утверждает, что использовал последние рекомендации по стилю Material Design при создании темы. Многофункциональная тема позволяет вам использовать списки MLS или показывать свои собственные списки недвижимости.

Некоторые из ключевых функций включают в себя: Карты Google с отметками свойств, поиск (с вашего веб-сайта или из списков MLS), интерфейсную форму «Добавить свойство», поддержку плагина dsIDXpress IDX для списков MLS, настраиваемые виджеты и шорткоды, параметры темы. с внутренней панелью администратора без торговой марки на основе надежной Redux Framework, неограниченным количеством цветов, шрифтами Google, страницей профиля агента по недвижимости, конструктором страниц визуального компоновщика, виджетом рекомендуемых свойств, разделом блога и многим другим.

Страница демо и релиза | Скачать

Активизм

Activism — это чистая и минималистичная тема WordPress с дизайном материалов, созданная для некоммерческих организаций, благотворительных организаций, веб-сайтов мероприятий или любого другого делового или личного сайта. Это дочерняя тема для отличной бесплатной платформы для создания веб-сайтов Layers WordPress.

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

Страница демо и релиза | Скачать

Простой материал

Тема WordPress Simple Material вдохновлена ​​Google Material Design и использует фреймворк MaterializeCSS. Он имеет чистый и простой макет, а также адаптивный дизайн, оптимизированный для мобильных устройств. Он имеет несколько замечательных встроенных функций, которые помогут вам с легкостью настроить каждую страницу и публикацию, а также включает плагин шорткода Material Design, который поможет вам добавлять компоненты Material Design на ваши страницы и публикации.

Страница демо и релиза | Скачать

МатериалWP

Material WP — это бесплатный блог в стиле WordPress, вдохновленный Material Design и работающий на Bootstrap. В основе MaterialWP лежит популярная стартовая тема WordPress Underscores.me. Он имеет адаптивный дизайн, макет блога, шаблон портфолио, области виджетов и различные элементы дизайна материалов.

Страница демо и релиза | Скачать

Материальный взгляд

Material Gaze — это чистая и минималистичная тема WordPress, вдохновленная Google Material Design. Это дочерняя тема для бесплатной родительской темы Stargazer. Эта тема бесплатна .

Страница демо и релиза | Скачать

Материалист

Materialist — бесплатная минималистичная тема WordPress, вдохновленная Material Design. Он отличается адаптивным дизайном с использованием подхода Mobile First, акцентным цветом, быстрой настройкой, поддержкой виджетов и совместимостью с бесконечной прокруткой JetPacks.

Страница демо и релиза | Скачать

МатериалПресс

MaterialPress — это бесплатный простой WordPress, на который сильно повлияла философия Google Material Design. Он основан на фреймворке Materialise Sass/Javascript.

Страница демо и релиза | Скачать

Блок потока

Flow Box — это многоцелевая тема WordPress с макетом в стиле коробки и чистым и простым минималистичным дизайном. Он имеет визуально насыщенный дизайн с использованием ярких избранных изображений, что делает его идеальным для блога о путешествиях, блога о еде, сайта-портфолио, веб-сайта с видео или чего-либо еще. Его мобильное приложение с адаптивным дизайном имеет простые параметры настройки цвета и интеграцию с WooCommerce для электронной коммерции.

Страница демо и релиза | Скачать

Дайте нам знать, что вы думаете о Material Design и соответствуют ли эти темы руководящим принципам и особенностям Material Design.