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

LexiconDream

🧱 Design de Materiais

Uma linguagem de design que utiliza profundidade, movimento e layouts baseados em grelhas.

Design de Materiais

O Material Design é uma linguagem de design desenvolvida pela Google. Estreou em 2014 como um sistema unificado para Android e produtos web da Google. O sistema utiliza profundidade, movimento e layouts baseados em grelhas. As superfícies e as bordas fornecem pistas visuais. As sombras indicam elevação. Os elementos projetam sombras para mostrar a sua relação com a superfície que está por baixo deles. O design imita materiais físicos, daí o nome. Mas não é esqueumorfismo. Não imita couro ou madeira. Abstrai as propriedades do papel e da tinta num sistema digital.

O Material Design fornece orientações para o layout, cor, tipografia, iconografia e movimento. A grelha é baseada num sistema de espaçamento de 8dp. Os componentes têm estados definidos: padrão, foco, pressionado e desativado. O movimento é propositado. As animações mostram a origem e o destino dos elementos, orientando a atenção e fornecendo feedback. O sistema evoluiu. O Material Design 2 refinou os componentes. O Material Design 3 introduziu a cor dinâmica, que gera paletas a partir do papel de parede do utilizador. O sistema é aberto. Os programadores e designers podem usá-lo gratuitamente. Foi adotado para além dos produtos do Google. Muitas aplicações utilizam componentes do Material Design porque são familiares e bem testados. O sistema não é perfeito. Os críticos dizem que ele parece genérico. Todas as aplicações que o seguem se parecem com todos os outros. A vantagem é a consistência. O Material Design oferece às equipas uma linguagem partilhada. Podem desenvolver-se mais rapidamente porque as decisões já foram tomadas.

Princípios do Material Design

O Material Design é um sistema. Facilita as decisões de design ao fornecer valores padrão. Estes valores padrão podem ser seguidos ou alterados. O sistema é um ponto de partida, não um colete-de-forças.


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