MaterialUp – Uma coleção de conceitos usando Material Design

Alguns conceitos de animação e design baseados no Material Design do Google.

por Diego Eis 27/03/2015 Comentários

O MaterialUp é um site que lista uma série de animações e conceitos que usam as regras visuais e de comportamento do Material Design do Google. Designers criam animações, comportamentos e conceitos de como aplicativos e elementos se comportariam se fossem feitos usando as regras do Material Design. O legal é perceber que várias animações ali podem ser feitas usando CSS e JS. Mas já vi alguns experimentos ruins, que falharam horrorosamente (como este) ao tentar simular os comportamentos do Material Design com CSS/JS. Não é que não dá pra fazer, mas é que CSS ainda muito verboso para fazer animações tão detalhadas como estas e usar JS é querer misturar as coisas. Se você estiver falando de um sistema, onde há uma base forte de design, é até possível fazer uma estrutura supimpa, com animações de CSS, que possa se sustentar por algum tempo. A manutenção vai ser terrível, mas vai dar para o gasto. Dá uma olhada em alguns conceitos que tem no MaterialUp. Os primeiros são até feitos com CSS.

See the Pen CSS Animation Material Design by Michiel Bijl @Michiel on CodePen.

See the Pen #1 @MaterialUp concepts by Gregor Adams @pixelass on CodePen.

See the Pen Material design music app (pure CSS) by Gregor Adams @pixelass on CodePen.