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 zintegrować Material Design na swoim blog WordPress.
1 - Behance
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
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
Jeśli nie znasz tego ostatniego, Dribble to sieć społecznościowa dla projektantów, programistów, artystów i innych osób zainteresowanych „ Wnętrze ”. 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
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
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
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
Część rodziny witryn Uplabs MaterialUp dotyczy przede wszystkim projektowania materiałów: przykładowych stron internetowych, zrzutów ekranu aplikacji mobilnych, narzędzi, wskazówek i nie tylko. Nawet jeśli nie możesz teraz znaleźć niczego przydatnego, spójrz na ich projekt strony internetowej. Układ i wygląd przypominają Dysk Google, prawda? Jeśli szukasz zasób możesz zaufać, możesz zwrócić się do tej witryny?
8 - Pinterest
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 dla tej listy Zasoby dla " Materiał Projektowanie ”. Podziel się nim ze znajomymi w swoich ulubionych sieciach społecznościowych.
