Material Design to "to", o którym wielu projektantów mówi właśnie teraz. Koncepcja opracowana przez Google dla urządzeń z systemem Android ma schludny, czysty i wysoce użyteczny urok.

Witryny z Material Design stykają się ze sferą urządzeń z Androidem i pojawiają się wszędzie. W rzeczywistości wiele z tych witryn ma dokładnie taki sam wygląd i styl.

Przegląd Material Design

Jeśli nie masz pewności, jaki jest Material Design, oto krótki podkład: jest to koncepcja zrodzona przez Google, która wyjaśnia, jak powinny wyglądać aplikacje dla Androida i jak powinien działać interfejs użytkownika. Określa zasady dotyczące animacji, stylu, układu, komponentów, wzorów i użyteczności. The specyfikacje posunąć się do zdefiniowania palet kolorów i opcji typografii.

I chociaż wszystkie te elementy składają się na wysoce użyteczny i przyjemny wizualnie projekt, wynikiem jest zbiór wzorów o wspólnej estetyce.

stemple

Material Design odrywa się od początkowego wzrostu Androida. Chociaż pomysł jest dziełem Google, projektanci korzystają z niego i korzystają z Material Design dla stron internetowych na różnych platformach i dla wszystkich typów urządzeń.

Ostatecznym celem Material Design jest "stworzenie wizualnego języka, który syntetyzuje klasyczne zasady dobrego projektowania z innowacją i możliwością technologii i nauki". Pojedynczy "język wizualny" nasuwa pytanie: czy Material Design zabija Internet?

Material Design Lite

Wyjątkowy język przechodzi od myślenia o projektowaniu mobilnym do myślenia projektowego na wszystkie urządzenia. Google zaprezentował Material Design Lite wcześniej w tym roku jako usprawniona wersja estetyki dla wszystkich stron internetowych.

laser

Szablony "agnostyczne" pozwalają łatwo stworzyć coś szybko i zgodnie ze specyfikacjami. Został zaprojektowany do pracy z blogami, stronami z dużą zawartością, deską rozdzielczą i projektami wizualnymi, a nawet stronami z jedną stroną. Projekt jest jeszcze bardziej rozwodniony.

Przestrzegaj zasad "ścisłego" wzoru

Material Design działa, ponieważ opiera się na dość ścisłym zestawie reguł i wzorców użyteczności. Robi całkiem niezłe rzeczy do projektowania - wytyczne dotyczące animacji są szczególnie ważne, aby zrozumieć, ponieważ są one zakorzenione w świecie fizycznym. Zasady mają jednak wiele ograniczeń, a do tej pory większość aplikacji używających Material Design wygląda tak, jakby pochodziły z tego samego pudełka.

Te ciasne wzory zostały opracowane po części, aby pomóc użytkownikom zrozumieć, jak współpracować z mniejszymi urządzeniami. Material Design ewoluował od płaskiej konstrukcji, w której nie wszystkie elementy interfejsu użytkownika miały jasno określone role w zakresie projektu. Material Design starał się rozwiązać niektóre z tych problemów.

nimbus9

Ale prawdopodobnie nadszedł czas, aby ewoluować ponownie. Większość użytkowników rozumie, jakie przyciski są i co robią. Każda ewolucja teorii projektowania uczy użytkowników czegoś nowego o tym, jak korzystać z urządzeń i internetu. I łapią szybko. Narzędzia zaprojektowane do nauczania użytkowników nie muszą trwać tak długo.

3 przygody

Co dziwne, ciasny wzór jest czymś, co projektanci prawie sami wypchnęli, jeśli chodzi o Material Design. Zapoznaj się z dokumentacją i zauważ, że zmienia się ona okresowo - a popularne projekty wychodzące z tego trendu to po prostu emulowanie podanych przykładów.

Dlaczego więc projektanci tworzą tysiące witryn wykorzystujących Material Design, które wyglądają tak samo?

Typowe elementy interfejsu użytkownika i elementy projektu

Oto szybka odpowiedź na powyższe pytanie: wszystko jest w szczegółach.

Typowe elementy interfejsu użytkownika, ikony, schematy kolorów i wybory typograficzne zabijają możliwości estetyczne w sieci. Ale nie musi tak być. Możesz projektować z wykorzystaniem koncepcji materiałowych bez replikowania elementów z dokumentacji lub pobierania najnowszego zestawu UI.

jetradar

Jednym z problemów, które pojawiają się nadal, jest to, że strony internetowe replikują wygląd Material Design, ale nie mają funkcjonalności i brak dbałości o szczegóły. To nie jest Material Design, który zabija sieć, to leniwi projektanci.

Ale czekaj ... nie musisz podążać za trendem

Zanim zwariujesz, istnieje wiele sposobów wykorzystania Material Design, które nie pozwolą ci nazwać się "leniwym projektantem".

Oto sztuczka: stosuj się do koncepcji, ale złamaj niektóre zasady. Nie do końca pewny, co to oznacza? Oto kilka sugestii:

  • Wyjdź poza paletę kolorów. Zamiast jasnej, super nasyconej palety kolorów, zagłębiaj się w kolory i baw się pastelami i ciemniejszymi odcieniami.
  • Projektuj ikony i elementy interfejsu użytkownika, które są zgodne z podstawowymi wytycznymi dla projektu - takimi jak zawierające elementy wewnątrz ikon i użycie dla cech ludzkich - ale nie pochodzą z zestawu pakowanego.
  • Nie idź w 100 procentach "materiał". Użyj jednego aspektu w swojej koncepcji projektu. Zasady animacji są wyjątkowo ładne; postępuj zgodnie z tymi wytycznymi, aby dowiedzieć się, w jaki sposób poruszają się rzeczy w ramach Twojej witryny; ale zaprojektuj resztę tak, jakbyś nie był narażony na Material Design. Kolejnym świetnym pomysłem na "kradzież" z materiału jest użycie kart, ale nie ograniczaj się do projektowania ich w całkowicie materialnej przestrzeni.
  • Użyj najlepszych wskazówek z Material Design, aby lepiej zrozumieć szczegóły pracy projektowej. Sekcja ikon dokumentacji jest dobrym podkładem do używania siatki do tworzenia ikon, które są spójne w ich odstępach. Zastosuj te koncepcje do ogólnej estetyki.
  • Rozwiń paletę typografii. Jedną z rzeczy, która "zabija" projekt, jest zbyt wiele rzeczy, które wyglądają dokładnie tak samo. Dopasuj kroje pisma do swojego projektu i nie korzystaj z nich, ponieważ zestaw wytycznych (chyba że pochodzą one od Twojej marki).
  • Projektuj tak, jak w przypadku każdego innego trendu. Material Design to trend, a nie ostateczne rozwiązanie projektowe. Mieszaj i dopasowuj części, które lubisz i używaj ich tak samo, jak z innymi przedmiotami. Niektóre techniki będą działać płynnie, podczas gdy inne mogą nie być dla twoich projektów.

Wniosek

Wróćmy zatem do głównego pytania: czy Material Design zabija sieć?

Po prostu nie. O ile nadużywanie tego trendu może prowadzić do homogenicznych projektów, prawdziwym problemem jest projektowanie z tendencją do trendu i nie myślenie o najlepszych narzędziach i technikach dla projektu. Więc używaj Material Design, tylko upewnij się, że dobrze go używasz.

Flatgitars