Premium i bezpłatne motywy WordPress do projektowania materiałów

Jest to zbiór najlepszych i darmowych motywów WordPress Material Design.

Czym właściwie jest Material Design? Material Design to wizualny projekt interfejsu opracowany przez Google „który łączy klasyczne zasady dobrego projektowania z innowacyjnością i możliwościami technologii i nauki”. Chociaż definicja i stale rozwijająca się dokumentacja specyfikacji na temat Material Design od Google używa raczej onieśmielającego i pretensjonalnego języka, podstawy są dość jasne.

Material Design łączy w sobie płaską konstrukcję i skeuomorfizm. Można powiedzieć, że jest to rozszerzenie płaskiego projektu, który ma na celu uczynienie projektowania stron internetowych bardziej realistycznym poprzez przedstawianie elementów w sposób, który ma sens, poprawiając przepływ i zrozumienie użytkowników oraz sprawiając, że doświadczenie jest płynniejsze. Osiąga się to za pomocą takich elementów, jak responsywne animacje i przejścia, nakładanie warstw, dopełnienie i efekty głębi, takie jak oświetlenie i cienie.

W Material Design istnieją trzy podstawowe zasady: materiał jako metafora, ruch i odważna, celowa grafika.

Materiał

Podstawową metaforą Material Design jest materiał cyfrowy. Zainspirowany papierem i atramentem, ten fikcyjny cyfrowy „inteligentny papier” jest w stanie inteligentnie poruszać i zmieniać kształt. Ma powierzchnie i krawędzie, które zapewniają wizualne wskazówki osadzone w rzeczywistości, a szwy, cienie i oświetlenie pomagają definiować obiekty i dzielić przestrzeń oraz zapewniają znaczenie i kontekst.

Ruch

Podobnie jak w przypadku materiału, koncepcja ruchu uwzględnia, że ​​głównym celem są działania użytkownika, tak aby osoba wchodząca w interakcje z projektem kontrolowała wrażenia, a nie projekt kontrolujący użytkownika. Jak wyjaśnia Google: „Ruch jest znaczący i odpowiedni, służy skupieniu uwagi i utrzymaniu ciągłości. Informacja zwrotna jest subtelna, ale wyraźna. Przejścia są skuteczne, ale spójne”.

Pogrubiony, graficzny, celowy

Zasady i podstawowe elementy projektowania opartego na druku – typografia, siatki, przestrzeń, skala, kolor i wykorzystanie obrazów – nie tylko cieszą oko, ale także kierują Twoim doświadczeniem za pomocą hierarchii, znaczenia i skupienia. Zastosowanie odważnych i przemyślanych kolorów, zgrabnie zdefiniowanych obrazów od krawędzi do krawędzi, wielkoformatowa typografia i celowa biała przestrzeń tworzą wciągające wrażenia użytkownika.

Motywy WordPress do projektowania materiałów

Poniżej znajduje się zbiór motywów WordPress, które próbowały wykorzystać filozofię Material Design. Deweloperzy zaimplementowali zasady Material Design w tych motywach z różnym stopniem i poziomem sukcesu.

Zmaterializować

Materialise to blogowy motyw WordPress w dużej mierze inspirowany Material Design firmy Google. Motyw premium od RichWP ma nowoczesny, odważny i atrakcyjny wizualnie projekt, który jest zgodny z wytycznymi dotyczącymi projektowania materiałów. Nadaje się na osobisty lub zawodowy blog, magazyn internetowy, a nawet stronę internetową sklepu.

Niektóre z kluczowych funkcji to: Gotowy do WooCommerce, w pełni responsywny układ mobilny, obsługa większości funkcji wtyczek Jetpack (takich jak kafelkowe galerie, formularze kontaktowe itp.), łatwe opcje dostosowywania kolorów, wiele obszarów widżetów, rozwijane menu, łatwa integracja logo, tłumaczenie gotowe, menu ikon, kod jakości zgodnie ze standardami WordPress i nie tylko.

Strona demonstracyjna i wydań | Pobierać

Materializm

Materialism to uniwersalny, jednostronicowy motyw WordPress zbudowany przy użyciu wytycznych Material Design opracowanych przez Google. Motyw premium od Tesla Themes ma piękny i nowoczesny design materiału z wieloma zaawansowanymi funkcjami i opcjami. Motyw może być wykorzystany na blogu, witrynie korporacyjnej lub agencji, portfolio, stronie docelowej, aby zaprezentować Twój produkt, aplikację lub usługę lub cokolwiek innego. Niektóre z kluczowych funkcji to: ponad 40 różnych elementów treści i zaawansowane opcje stylizacji, 2 unikalne układy strony głównej, przewijanie paralaksy i wideo HTML5, tabele cen, czcionki internetowe Google, bloki wezwania do działania, wizualny kreator stron typu „przeciągnij i upuść” i nie tylko.

Więcej szczegółów / Pobieranie wersji demo

Syriusz Pro

Sirius Pro to uniwersalny motyw WordPress inspirowany Material Design firmy Google. Motyw premium z Lyra Themes ma potężny zestaw funkcji i opcji oraz jest łatwy w konfiguracji i użyciu do różnych celów. Możesz użyć do stworzenia eleganckiej, profesjonalnej i wypełnionej polecanymi witrynami biznesowymi, osobistymi lub firmowymi. Zawiera wbudowane projekty / portfolio, opcje dostosowywania kolorów, tła paralaksy, wiele wyświetleń stron głównych, skrócone kody kart informacyjnych, członków zespołu i referencje i wiele więcej.

Więcej szczegółów / Pobieranie wersji demo

MateriałProjektWP

Motyw Material Design WordPress to motyw premium oparty na strukturze MaterializeCSS.com. Jest dostarczany z wtyczką Shortcode Material Design, która pozwala dodawać do stron wiele fajnych komponentów Material Design. Posiada responsywny projekt, układ bloga, szablon portfolio, opcje paralaksy, szablon o pełnej szerokości, obszary widżetów, szablon formularza kontaktowego i wiele innych.

Strona demonstracyjna i wydań | Pobierać

Bogate pudełko

Rich Box to w pełni responsywny, wielofunkcyjny motyw WordPress firmy RichWP. Motyw premium łączy najnowsze trendy Material Design z najnowszymi standardami i najlepszymi praktykami w zakresie tworzenia motywów WordPress. Wszechstronny motyw może być używany dla wszystkich rodzajów witryn i nisz, takich jak blogi kulinarne, modowe i kosmetyczne, witryny związane z designem, blogi podróżnicze, partnerskie lub osobiste.

Motyw Rich Box ma ładny układ postów w siatce i zawiera kilka przydatnych funkcji i opcji, w tym: łatwą integrację logo i opcje zmiany kolorów, menu pełnoekranowe, projekt bez paska bocznego, obszary widżetów u góry i w stopce, obsługę formatu postów WordPress, architekturę kodu HTML5, menu ikon, obsługa wtyczek JetPack, tłumaczenie gotowe i nie tylko.

Strona demonstracyjna i wydań | Pobierać

Zefir

Zephyr to konfigurowalny, uniwersalny motyw WordPress premium, który może być używany w witrynach biznesowych i firmowych, agencjach, portfelach, blogach, witrynach produktów lub innych rodzajach projektów. Motyw jest oparty na najnowszym trendzie Material Design z dbałością o szczegóły. Ma autentyczne ruchy, responsywne interakcje, hierarchiczne czasy, efekty paralaksy, 8 animacji wyglądu kolumn i obrazów, w pełni responsywny i skupia się na typografii, użyteczności i doświadczeniu użytkownika.

Motyw absolutnie wypełniony (zbyt wieloma?) funkcjami, ale niektóre z najważniejszych kluczowych funkcji to: wizualny kreator stron typu „przeciągnij i upuść” do łatwego tworzenia nieograniczonej liczby układów, gotowość do obsługi WooCommerce, zaawansowane opcje typografii, specjalny panel opcji motywu do łatwego dostosowywania i kontroli, zaawansowane opcje nagłówka, portfolio z ponad 6000 kombinacji, nieograniczone opcje kolorów, tła paralaksy, gotowe tłumaczenie, 3 różne układy bloga i wiele innych elementów (Akordeon i Przełączniki, ActionBox, Przycisk, Formularz Kontaktowy, Licznik, IconBox, Galeria Obrazów, Suwak obrazu, mapa Google, okno wiadomości, siatka portfolio, responsywne kolumny, separator, linki społecznościowe, karty i oś czasu, członek zespołu, referencja, odtwarzacz wideo), ponad 1000 ikon Font Awesome i Material Design i nie tylko.

Strona demonstracyjna i wydań | Pobierać

Rubin

Ruby to motyw WordPress do portfolio i bloga inspirowany Material Design dla osób, które chcą zaprezentować swoje osobiste projekty, zdjęcia lub historie za pośrednictwem bloga. Motyw premium ma bardzo prostą, nowoczesną i intuicyjną konstrukcję zoptymalizowaną pod kątem urządzeń mobilnych. Niektóre z kluczowych funkcji to: nieograniczone opcje kolorów, panel administracyjny do dostosowywania, Royal Slider (wtyczka), Essential Grid (wtyczka) do portfolio, różne układy portfolio, czcionki Google, ikony filtrów portfolio, liczne formaty postów i wiele innych.

Strona demonstracyjna i wydań | Pobierać

Materiał

Materiał to w pełni funkcjonalny, uniwersalny motyw WordPress, który można wykorzystać do wszelkiego rodzaju projektów. Zainspirowany Google Material Design motyw premium, który jest sprzedawany w ThemeForest, oferuje mnóstwo różnych stylów strony głównej i nieograniczoną liczbę odmian. Niektóre z kluczowych funkcji to: wizualny kreator stron typu „przeciągnij i upuść” z edytorami frontendu i backendu, ponad 40 bloków treści, responsywne i gotowe na siatkówkę, filtrowalne portfolio, 19 unikalnych bloków nagłówka, efekty paralaksy, pełnoekranowe sekcje i suwaki, 3 unikalne typy stopek i więcej.

Strona demonstracyjna i wydań | Pobierać

Szczęśliwy Hipster

Motyw Happy Hipster WordPress od RichWP to motyw blogowy o bardzo prostym, modnym i minimalistycznym wyglądzie. Motyw premium jest idealny dla hipsterskich blogerów, którzy chcą dzielić się swoimi głębokimi i wnikliwymi przemyśleniami w postach na blogu, publikować selfie lub zdjęcia jedzenia, butikowe piwa lub brody, filmy, na których robią fajne rzeczy i nie tylko. Oczywiście nie musisz być hipsterem, aby użyć tego motywu. Każdy może blogować o czymkolwiek. Niektóre z innych kluczowych funkcji motywu Happy Hipster obejmują: responsywny projekt na urządzenia mobilne, gotowość WooCommerce do obsługi e-commerce, obsługę większości funkcji JetPack (galerie kafelkowe, formularze kontaktowe itp.), obsługę natywnych formatów postów WordPress, ładną galerię i post Układy list, rozwijane menu, menu ikon, łatwa integracja logo, łatwe dostosowywanie kolorów, wiele obszarów widżetów i nie tylko.

Strona demonstracyjna i wydań | Pobierać

Impala

Impala to wielofunkcyjny, wszechstronny motyw WordPress, który próbuje zastosować zasady Google Material Design. Ma nowoczesny, płaski gradient, który jest w pełni responsywny. Możesz użyć tego motywu do zbudowania niemal każdego rodzaju strony internetowej – magazynu online, portfolio, agencji i biznesu, bloga, strony „wkrótce” lub po prostu czegokolwiek innego.

Niektóre z kluczowych funkcji i opcji to: przeciągnij i upuść narzędzie do tworzenia stron dla nieograniczonej liczby układów, wiele nagłówków, wszechstronne układy (1170px, 1024px, 900px, pełna szerokość, pełny ekran), polecana siatka postów, opcje wideo w tle, przezroczyste wzory, setki opcji typografii , nieograniczone opcje kolorów, nieograniczone paski boczne, ponad 1200 ikon z fontAwesome i ikon Google Material Design, wbudowane recenzje, obsługa formatów postów i wiele więcej. Motyw zapewnia całkowitą kontrolę nad układem, stylami, gradientami, kolorami, przezroczystymi wzorami, czcionkami, ikonami, pozycją obrazów i tak dalej.

Strona demonstracyjna i wydań | Pobierać

Pinty

Pinty to zaawansowany motyw WordPress na Pinterest, który umożliwia stworzenie strony internetowej takiej jak Pinterest. Umożliwia tworzenie tablic i kategorii, przypinanie elementów (zdjęć, filmów i miejsc z mapami Google) ze stron internetowych lub przesyłanie własnych treści, tworzenie profili użytkowników, obserwowanie użytkowników, polubienie, ponowne przypinanie i nie tylko.

Motyw premium został zaprojektowany przy użyciu przewodnika po stylu Material Design i jest gotowy na siatkówkę i przyjazny dla urządzeń mobilnych z responsywnym projektem. Niektóre inne godne uwagi kluczowe funkcje i funkcjonalności to: rejestracja i logowanie użytkownika frontonu za pomocą Google+ i Facebooka, framework Redux, lokalizowanie pinów za pomocą Google Maps, ikony Font Awesome, czcionki Google, nieograniczone schematy kolorów, gotowe tłumaczenia oraz HTML5, CSS3 i jQuery kodowanie.

Strona demonstracyjna i wydań | Pobierać

Dotykowy

Dotykowy to wielokoncepcyjny motyw WordPress, który ma nowoczesny i ostry wygląd, który również twierdzi, że jest Material Design. Jest wyposażony w 14 wstępnie przygotowanych układów i wiele funkcji i opcji, dzięki czemu można go używać do wszelkiego rodzaju projektów i stron internetowych.

Niektóre z kluczowych funkcji motywu dotykowego obejmują: potężny interfejs administratora, układ graficzny, układy wielu nagłówków, obrazy paralaksy, przejścia AJAX, tła wideo, suwak warstw, układy wielu portfolio, układ bloga, niestandardowe formaty portów, konfigurowalne kolumny stopki , gotowa na siatkówkę, integracja z WooCommerce, czcionki Google, integracja z formularzem kontaktowym 7, integracja wielojęzyczna WPML i inne.

Strona demonstracyjna i wydań | Pobierać

Kalipso

Calypso to motyw WordPress z magazynu z Material Design. Motyw premium pozwala wyświetlać artykuły i historie w przyjemny sposób z charakterem dzięki swojemu projektowi Material Design. Deweloper twierdzi, że wszystkie najdrobniejsze elementy zostały starannie zaprojektowane, aby były zgodne z nim samym i zasadami Material Design.

Niektóre z godnych uwagi funkcji motywu to: algorytm sortowania postów podobny do Reddit (uporządkuj je według popularności), kreator stron, konfigurowalne strony kategorii (kolor kategorii, style postów, umiejscowienie paska bocznego), inteligentny AJAX ułatwiający nawigację, responsywność na urządzenia mobilne projekt, instalacja danych demonstracyjnych jednym kliknięciem, HTML5 i CSS3, przyklejone menu, niestandardowe widżety i rozbudowane opcje dostosowywania w panelu opcji motywu.

Strona demonstracyjna i wydań | Pobierać

Bogaty blog

Rich Blog to odważny i nowoczesny motyw WordPress do blogowania od RichWP. Motyw premium ma przejrzysty i minimalistyczny wygląd, który byłby odpowiedni dla każdego rodzaju bloga. Motyw ma responsywny projekt mobilny, integrację WooCommerce, łatwą integrację logo, wiele obszarów widżetów, obsługę Jetpack (dla galerii, formularz kontaktowy itp.), opcje dostosowywania kolorów i kodowanie zgodne ze standardami WordPress.

Strona demonstracyjna i wydań | Pobierać

Obsesja

Obsession to elastyczny motyw WordPress, którego można używać w witrynach jednostronicowych lub tradycyjnych witrynach wielostronicowych. Motyw zawiera kilka fajnych elementów Material Design, takich jak animowane przyciski morfingu, nakładki informacyjne, formularz subskrypcji i minimalny formularz kontaktowy.

Motyw jest oparty na frameworku Bootstrap i ma w pełni responsywny projekt. Dołączony wizualny kreator stron typu „przeciągnij i upuść”, suwak rewolucyjny i niezbędne wtyczki do siatki umożliwiają tworzenie niemal dowolnego układu z gotowymi elementami za pomocą interfejsu „przeciągnij i upuść”. Niektóre z innych godnych uwagi funkcji tego motywu to: konfigurowalne sekcje portfolio, inteligentny panel administracyjny, czcionki Google, integracja Font Awesome, przewijanie paralaksy, gotowość do tłumaczenia, nieograniczona liczba kolorów, edycja niestandardowego układu strony, tła wideo, opcja przyklejonego nagłówka, obsługa WPML i jeszcze.

Strona demonstracyjna i wydań | Pobierać

Kolor

Color to motyw WordPress do bloga i portfolio o unikalnym i kolorowym designie. Każdy post, strona lub typ posta można zaktualizować o indywidualny akcent kolorystyczny, aby uzyskać niepowtarzalny wygląd i styl. Dlaczego chyba bardziej płaski niż materiałowy motyw byłby idealny dla fanów kolorowych blogów.

Niektóre z innych kluczowych funkcji motywu to: zaawansowane opcje czcionek, lewy lub prawy pasek boczny, responsywny projekt na urządzenia mobilne, integracja z mapami Google, pokaż/ukryj informacje o autorze, kompatybilność z Easy Digital Downloads, opcje udostępniania społecznościowego, niestandardowe menu, skróty, portfolio typ postu z polecanym obrazem, galeria suwaków lub obsługa wideo, typ postu zespołu i nie tylko.

Strona demonstracyjna i wydań | Pobierać

EstateMLS

Estate MLS to mobilny, responsywny motyw WordPress dotyczący nieruchomości w Material Design. Deweloper twierdzi, że przy tworzeniu motywu wykorzystał najnowsze wytyczne dotyczące stylu Material Design. Bogaty w funkcje motyw umożliwia korzystanie z ofert MLS lub wyświetlanie własnych ofert nieruchomości.

Niektóre z kluczowych funkcji to: Mapy Google z umieszczonymi na nich pinami właściwości, wyszukiwanie (z Twojej witryny lub z wykazów MLS), formularz „Dodaj usługę” w interfejsie użytkownika, obsługa wtyczek dsIDXpress IDX dla wykazów w MLS, niestandardowe widżety i skróty, opcje motywów z niemarkowym panelem administracyjnym zaplecza opartym na solidnym systemie Redux Framework, nieograniczonymi kolorami, czcionkami Google, stroną profilu agenta nieruchomości, wizualnym kreatorem stron kompozytora, widżetem polecanych właściwości, sekcją blogów i nie tylko.

Strona demonstracyjna i wydań | Pobierać

Aktywizm

Activism to czysty i minimalistyczny motyw WordPress z Material Design stworzonym dla organizacji non-profit, organizacji charytatywnych, witryn z wydarzeniami lub dowolnej innej witryny biznesowej lub osobistej. Jest to motyw potomny doskonałej bezpłatnej platformy do tworzenia stron internetowych Layers WordPress.

Motyw zawiera responsywny i gotowy do siatkówki projekt, stronę darowizn, niestandardowe typy postów (dla zespołu, galerii, kolumn pudełkowych, referencje, wydarzenia), listę wydarzeń i kalendarz, karuzelę dla postów na blogu, opcję jednostronicowej lub wielostronicowej witryny , gotowe do tłumaczenia, czcionka Google i nie tylko.

Strona demonstracyjna i wydań | Pobierać

Prosty materiał

Motyw Simple Material WordPress jest inspirowany projektem Google Material Design i wykorzystuje framework MaterializeCSS. Ma przejrzysty i prosty układ i jest przyjazny dla urządzeń mobilnych dzięki responsywnemu projektowi. Ma kilka świetnych wbudowanych funkcji, które pomogą Ci z łatwością dostosować każdą stronę i post, a także zawiera wtyczkę Shortcode Material Design, która pomoże Ci dodać komponenty Material Design do Twoich stron i postów.

Strona demonstracyjna i wydań | Pobierać

MateriałWP

Material WP to darmowy styl bloga WordPress inspirowany przez Material Design i zasilany przez Bootstrap. Podstawą MaterialWP jest popularny motyw startowy WordPress Underscores.me. Posiada responsywny projekt, układ bloga, szablon portfolio, obszary widżetów i różne elementy do projektowania materiałów.

Strona demonstracyjna i wydań | Pobierać

Materialne spojrzenie

Material Gaze to czysty i minimalistyczny motyw WordPress, który czerpie inspirację z Material Design firmy Google. Jest to motyw potomny darmowego motywu rodzicielskiego Stargazer. Ten motyw jest bezpłatny .

Strona demonstracyjna i wydań | Pobierać

Materialista

Materialist to darmowy, minimalistyczny motyw WordPress inspirowany Material Design. Posiada responsywny projekt wykorzystujący podejście mobilne, akcentujący kolor, szybką konfigurację, obsługę widżetów i jest kompatybilny z nieskończonym przewijaniem JetPacks.

Strona demonstracyjna i wydań | Pobierać

Materiał Prasa

MaterialPress to darmowy prosty WordPress, na który duży wpływ ma filozofia Material Design firmy Google. Jest oparty na frameworku front-end Materialise Sass / Javascript.

Strona demonstracyjna i wydań | Pobierać

Pole przepływu

Flow Box to wielofunkcyjny motyw WordPress z układem w kształcie pudełka oraz czystym i prostym minimalistycznym designem. Ma bogaty wizualnie projekt z widocznymi wyróżnionymi obrazami, dzięki czemu idealnie nadaje się na blog podróżniczy, blog kulinarny, witrynę z portfolio, witrynę wideo lub cokolwiek innego. Jest przyjazny dla urządzeń mobilnych z responsywnym designem, ma łatwe opcje dostosowywania kolorów i integrację WooCommerce dla e-commerce.

Strona demonstracyjna i wydań | Pobierać

Daj nam znać, co myślisz o Material Design i czy te motywy spełniają wytyczne i specyfikę Material Design.