Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62.

W 2014 Google ogłosił wydanie Materiał Projektowanie ”. Ich początkowym celem było rozwiązanie problemów z projektowaniem aplikacji na urządzenia z systemem Android. Argument był taki, że „ Projekt płaski „Nie wyświetla się dobrze na małych ekranach. Uważali, że projektowi brakuje wyraźnych wskazówek wizualnych i utrudnia użyteczność użytkowników mobilnych.

Matías Duarte, wiceprezes Google Design, wyjaśnił:

„W przeciwieństwie do prawdziwego papieru, nasz„ Material Design ”może się inteligentnie rozwijać i dostosowywać. Materiał oferuje fizyczne i płaskie powierzchnie z cieniami, które nadają znaczenie temu, czego można dotknąć ”.

I tym właśnie jest teraz projektowanie sprzętu: sposobem na sprawienie, by elementy aplikacji wyglądały na dotykalne.

Wydając nowy język i wytyczne Material Design, Google ma nadzieję rozwiązać problemy UX (Doświadczenie użytkownika) i zamieszanie wśród użytkowników aplikacji na Androida. Dwa lata później ich Framework wyszedł poza dziedzinę aplikacji mobilnych i jest obecnie zasadą regularnie używaną w projektowaniu stron internetowych.

Poniżej przedstawiam kilka źródeł, w których znajdziesz zasoby do integracji Material Design na swoim blogu WordPress.

1 - Behance

Behance

Pobierz

Idealny przykład witryny do nauki projektowania aplikacji dzięki „ Materiał Projektowanie ”. Behance ma niezliczone wskazówki i przykłady, które możesz wykorzystać jako inspirację. Tak się składa, że ​​Behance korzysta z funkcji „ Materiał Projektowanie Na swojej własnej stronie, z polami subtelnie zwisającymi z siatki, środkowymi cieniami dla uwagi i wyraźnymi znacznikami dla klikalnych działań.

2 - CodePen

codepen

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala tworzyć Łatwo i za darmo dowolny projekt strony internetowej lub bloga o profesjonalnym wyglądzie. Przestań płacić dużo za stronę internetową, którą możesz zrobić sam.

Pobierz

CodePen, samozwańczy „plac zabaw dla programistów”, to kopalnia złota dla programistów, jeśli chodzi o „ Materiał Projektowanie ”. Będziesz mieć nie tylko naprawdę fajne przykłady, ale także CSS, HTML i JavaScript, których programiści używają do tworzenia różnych stron internetowych.

3 - Dribbble

dryblować-resource-materiał-design

Pobierz

Jeśli nie znasz tego ostatniego, Dribble to sieć społecznościowa dla projektantów, programistów, artystów i innych osób zainteresowanych „ Designu ”. Wyszukiwanie „ Materiał Projektowanie W ich witrynie pokaże Ci tylko, w jaki sposób technologia Materiał Projektowanie Jest wszechobecny. Tutaj znajdziesz inspirację do czegoś tak prostego jak ikona do zaprojektowania kompletnej strony internetowej.

4 - Nagrody za projektowanie materiałów Google Design

google-design-nagrody-resource-materiał-design

Chcesz sprzedawać swoje produkty w Internecie?

Pobierz bezpłatnie WooCommerce, najlepsze wtyczki e-commerce, aby sprzedawać swoje fizyczne i cyfrowe produkty na WordPress i łatwo tworzyć swój sklep internetowy. Idealny dla początkujących.

Pobierz

Rok po uruchomieniu przez Google Material Design nagrodzono sześć najlepszych aplikacji korzystających z frameworka w „Nagrody Material Design ”. Na tej honorowej liście rozpoznasz dużą liczbę witryn. Jeśli chcesz zobaczyć potencjał Materiał Projektowanie ”, Zachęcamy do zapoznania się z tą listą. Jeśli Google poświęca trochę czasu, aby otagować źródło, warto skorzystać z objazdu.

5-wykonane z materiału

made-z-materialnym-zasobami-materialnym-design

Pobierz

Ta pochodząca z listopada 2014 r. Witryna stanowi doskonałe źródło inspiracji dla „ Materiał Projektowanie ”. Większość witryn zawiera zrzuty ekranu w wysokiej rozdzielczości witryn internetowych i aplikacji mobilnych, które używają funkcji „ Materiał Projektowanie ”. I chociaż łatwo jest się zgubić w tych inspirujących przykładach, nie zapomnij sprawdzić dokumentacji, którą dołączyli dla programistów na prawym górnym pasku bocznym. Ta dokumentacja będzie przydatna, jeśli chcesz rozwijać program z " Materiał Projektowanie ".

6 - Blog dotyczący projektowania materiałów

Materiał-design-blog-resource-materiał-design

Pobierz

Ten blog jest jednym z naszych ulubionych, nie tylko dlatego, że obejmuje cały szereg narzędzi i tematów, które mogą Cię zainteresować, jeśli chodzi o ten temat, ale także dlatego, że wykonuje niesamowitą robotę, pokazując ci techniki projektowania z „Material Design”. Jeśli nie miałeś okazji zobaczyć ich animacji w akcji, odwiedź witrynę i kliknij jeden z postów na blogu.

7 - MaterialUp

materialup zasobów materiał-design

Pobierz

Część rodziny witryn Uplabs MaterialUp skupia się tylko na Material Design: przykładowe strony internetowe, zrzuty ekranu aplikacji mobilnej, narzędzia, wskazówki i nie tylko. Nawet jeśli nie możesz teraz znaleźć czegoś przydatnego, spójrz na projekt ich strony internetowej. Układ i wygląd przypomina Dysk Google, prawda? Jeśli szukasz zasobu, któremu możesz zaufać, czy możesz przejść do tej witryny?

8 - Pinterest

Pinterest-resource-materiał-design

Pobierz

Gdyby kiedykolwiek strona miała zostać nazwana głównym źródłem inspiracji dla „projektantów”, Pinterest podzieli się tym zaszczytem z Behance. Dzięki szybkiemu wyszukiwaniu hasła „Materiał Projektowanie Masz natychmiastowy dostęp do filmów i zdjęć ze stron internetowych i aplikacji korzystających z tego frameworka.

To tyle w przypadku tej listy zasobów dla „ Materiał Projektowanie ”. Podziel się nim ze znajomymi w swoich ulubionych sieciach społecznościowych.

3 akcji
udział2
ćwierkanie
Enregistrer1