EN - FR - DE - ES - IT - PT -

LexiconDream

🧱 Material Design

Język projektowania wykorzystujący głębię, ruch i układy oparte na siatce.

Material Design

Material Design to język projektowania opracowany przez Google. Debiutował w 2014 roku jako ujednolicony system dla systemu Android i produktów internetowych Google. System wykorzystuje głębię, ruch i układy oparte na siatce. Powierzchnie i krawędzie zapewniają wskazówki wizualne. Cienie wskazują wysokość. Elementy rzucają cienie, aby pokazać swój związek z powierzchnią pod nimi. Projekt naśladuje materiały fizyczne, stąd jego nazwa. Nie jest to jednak skeuomorfizm. Nie imituje skóry ani drewna. Abstrahuje właściwości papieru i tuszu, przekształcając je w system cyfrowy.

Material Design zapewnia wytyczne dotyczące układu, koloru, typografii, ikonografii i ruchu. Siatka oparta jest na systemie odstępów 8dp. Komponenty mają zdefiniowane stany: domyślny, najechanie kursorem, fokus, naciśnięcie i wyłączony. Ruch jest celowy. Animacje pokazują, skąd pochodzą elementy i dokąd zmierzają. Kierują uwagę i zapewniają informację zwrotną. System ewoluował. Material Design 2 udoskonalił komponenty. Material Design 3 wprowadził dynamiczny kolor, który generuje palety z tapety użytkownika. System jest otwarty. Deweloperzy i projektanci mogą z niego korzystać bezpłatnie. Został on przyjęty poza produktami Google. Wiele aplikacji korzysta z komponentów Material, ponieważ są znane i dobrze przetestowane. System nie jest idealny. Krytycy twierdzą, że wygląda generycznie. Każda aplikacja, która go stosuje, wygląda jak każda inna aplikacja. Kompromisem jest spójność. Material Design daje zespołom wspólny język. Mogą budować szybciej, ponieważ decyzje są już podjęte.

Zasady projektowania materiałów

Material Design to system. Ułatwia podejmowanie decyzji projektowych, zapewniając domyślne wartości. Wartości domyślne można stosować lub je ignorować. System jest punktem wyjścia, a nie kaftanem bezpieczeństwa.


Warning: session_start(): Cannot start session when headers already sent in /var/www/lexicondream.com/inc/functions.php on line 63

Comments

No comments yet. Be the first to share a thought.

Leave a comment