Material Design: spojrzenie na dzisiejsze projektowanie stron internetowych

wygląd materiału

Minęły prawie dwa lata, odkąd firma Google opracowała i ogłosiła na konferencji Google I / O rozszerzenie Materiał Projektowanie jako przepis projektowy, który miałby zostać wdrożony i który choć początkowo koncentrował się na odtwarzaniu treści w systemie operacyjnym Android, miał stać się trendem w sieci i na dowolnej platformie, co możemy dziś potwierdzić. Chociaż czasami o tym wspominaliśmy, prawda jest taka, że ​​nigdy nie przestaliśmy dogłębnie przyglądać się temu kodowaniu, więc dzisiaj przyjrzymy się jego zasadom i najbardziej charakterystycznym cechom.

Jakie są cechy charakterystyczne Material Design? Co to ma wspólnego z ruchem Flat Design?

Co powiedzieć na temat tego trendu w projektowaniu stron internetowych?

Jego nazwa pochodzi od najbardziej praktycznego sensu, materia lub materiały muszą być zorganizowane i skonstruowane w jak najbardziej efektywny sposób, a Ty się na tym skupisz. Ruch ten poszukuje przede wszystkim elastyczności, ergonomii oraz możliwości składania i uproszczenia konstrukcji strony internetowej. Ale ważne miejsce zajmie nie tylko wymiar przestrzenny, ale i czasu, bo teraz elementy będą zajmować określone pozycje w określonych momentach, to znaczy dynamizm będzie również czynnikiem kluczowym. Ponadto, czynniki te będą nieuchronnie kierowane intelektem i logiką, co ostatecznie prowadzi do poszukiwania realizmu i przestrzennej reprezentacji materii fizycznej, w istocie bierze pod uwagę prawa fizyki, a wraz z nią elementy (obrazy, przyciski, panele ...) nie mogą się krzyżować, ponieważ mają większą wagę i gęstość wizualną, zamiast tego będą się na siebie nakładać.

Porządek, przejrzystość, czytelność

Wszystkie te zasady wynikają oczywiście ze sposobu zarządzania i dystrybucji elementów graficznych, w tym typografii, która będzie przede wszystkim czytelnym rozwiązaniem, struktura tekstu będzie umowna i płynna, wizualna hierarchia motywowana użyciem mniej lub bardziej mocnych tonów generujących kontrasty, które będą również niuansowane przez rozmiar i porządek.

Oświetlenie i realizm

Logika przejawia się przede wszystkim w zastosowaniu efektów świetlnych oraz zarządzaniu zarówno światłami, jak i cieniami. Oświetlenie jest doskonałym wskaźnikiem bliskości, znaczenia i sytuacji, dlatego stanie się podstawowym narzędziem wpływania na tę hierarchię, o której mówiliśmy. Teraz przyciski, obrazy i wszystkie elementy będą miały cienie, które wskażą stopień bliskości i pomogą nam ustawić się na scenie internetowej.

Ruch jest najskuteczniejszym narzędziem przyciągania uwagi i prowadzenia widza

Jej język będzie oczywisty, graficzny i pouczający w oczach użytkownika. Wybierając opcję lub narzędzie, podejdzie do nas rozszerzając swoje wymiary i odwrotnie, gdy przestaniemy z niego korzystać. Ponadto przedmiot zmieni kolor lub zacznie migać, jeśli będzie to absolutnie konieczne, aby zwrócić naszą uwagę.

Rytm, porządek, język

Nie zapominajmy, że w głębi duszy mówimy w trybie dyskursu. Przeglądamy zasoby, które oferuje nam projektowanie stron internetowych i dlatego wszystkie parametry techniczno-ekspresyjne mają znaczenie: od kolejności pojawiania się, na przykład najpierw obrazów, a następnie pływających przycisków, po prędkość, z jaką się pojawiają, w jakim kierunku robią to i w jakim celu się poruszają. To wszystko jest ważne, ponieważ użytkownik nie tylko wskazuje skąd pochodzą informacje, ale także ułatwia podróż, elementy są ułożone tak, aby proces czytania był intuicyjny, łatwy i przyjemny. Bez wątpienia animacja i dynamizm to podstawowy filar.

Nieograniczone kodowanie

Wszystkie te zasady lub standardy, które recenzujemy, zostały zaprojektowane i opracowane do wdrożenia na dowolnym nośniku i platformie, niezależnie od ich charakteru i rozmiaru ekranu, który przedstawia. Z telefonów komórkowych, tabletów lub komputerów. Wszystkie możliwe nośniki i miejsca docelowe wspierają ten język wizualny i faktycznie jego przekrojowość i zgodność jest jednym z jego podstawowych składników.

Płaska konstrukcja to nie to samo co Material Design

Chociaż łączy ich wiele wspólnych punktów, takich jak przywiązanie do najbardziej wyrazistego minimalizmu, istnieją również ogromne różnice między oboma kodami. Nie są jednak niekompatybilne iz pewnością można je idealnie połączyć, aby uzyskać najlepsze wykończenia, ale o tym porozmawiamy w późniejszym poście.


2 komentarzy, zostaw swoje

Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.

  1.   Jerko Alfaro powiedział

    Fran, twoja publikacja jest bardzo interesująca. W języku hiszpańskim nie ma zbyt wielu informacji na ten temat. Jeśli więc jesteś zainteresowany, mam na swoim blogu hiszpańskie tłumaczenie specyfikacji Material Design. Podobnie jak Ty, interesuje mnie, aby informacja dotarła do jak największej liczby osób, aby mogli z niej skorzystać.

    pozdrowienia

  2.   studio graficzne powiedział

    Bardzo dobry artykuł !! Nie wiedziałem nic o „Material Design”, ale o „Flat Design”, choćby ze względu na osobisty gust. Postaram się postępować zgodnie z niektórymi wskazówkami.

    pozdrowienia
    David