Learn more about Bootstrap and Material Design
Bootstrap
In 2011, a group of Twitter engineers decided to create Bootstrap as an internal solution for their programming problems. Tecnicamente, o plano deles era criar uma ferramenta sem uma certa estrutura de código. Cada codificador pode ter a sua própria forma de criar as suas obras de arte. Isso geralmente leva a algumas incertezas quando outro programador, digamos um iniciante, tenta ler através do Código. Por causa disso, Mark Otto e Jacob Thorton do Twitter projetaram Bootstrap-uma forma de convencer os programadores a unificar seus padrões de escrever o código, e evitar criar diferenças no processo. Os benefícios que Bootstrap trouxe ao seu trabalho diário foram simplesmente inestimáveis.Quando caras do Twitter perceberam seu verdadeiro potencial, eles decidiram lançá-lo como um projeto de código aberto. Com a ajuda do Github e de milhares de outros programadores, levou apenas alguns meses para marcar o Bootstrap como a ferramenta de desenvolvimento front-end mais popular para a criação de projetos web ágeis e móveis. O que é exactamente o Bootstrap?
Imagine-o como uma caixa de ferramentas contendo uma série de funções e elementos úteis que podem ser úteis no processo de criação do seu site.
ele faz com que você possa escolher qualquer ferramenta que você gosta, além de que você pode ter certeza de que nenhum destes elementos irá colidir uns com os outros. É como encaixar peças de quebra-cabeças, mas neste caso, cada quebra-cabeça se encaixa com outra.
as ferramentas que você imaginou na nossa caixa de ferramentas Bootstrap são HTML, CSS e JS todos combinados. O design de Material para Bootstrap é o melhor exemplo de como Bootstrap está constantemente em desenvolvimento e quanto você pode adicionar a ele com a ajuda de padrões de design e funcionalidade do projeto de materiais Google.
Design de Material
Design de Material é uma linguagem de design, originada do Google, que é intensamente usada em projetos de interface para o sistema Android. Você pode perguntar Por que é usado. A resposta é simples-já é uma ferramenta madura e organizada que corresponde à usabilidade e legibilidade. Além disso, está a desenvolver-se e a mudar dinamicamente. O resultado é uma ferramenta que pode ser uma combinação perfeita para telas, bem como o ponto de partida para pessoas inexperientes em UI/UX designing.
a base do MD já está bem estabelecida por designers do site e UI/UX que trabalharam nele por um longo tempo. O que o distingue de outras ferramentas, é o fato de que você pode usá-lo em todos os tipos de projeto em que você está trabalhando atualmente, porque é fácil encontrar práticas recomendadas em cada conjunto de projeto. As convenções colocam ênfase em:
materiais como uma metáfora — neste contexto, é uma metáfora do espaço para folha e tinta. As coisas reais que são usadas nesta ferramenta são a luz e o espaço, suportados por atributos espaciais únicos que se distinguem no campo das formas digitais. As características do MD são as sombras que são difundidas. Ele reflete o comportamento das coisas reais que existem na realidade
significando — um incentivo do MD é a impressão de design, que reflete em uma grade muito bem projetada, a importância da tipografia e cores.
movimento & animação — MD não só suporta uma forma estática de desenho de impressão, mas também inclui a mídia digital, com base nas leis da física. Dá-nos a possibilidade de conciliar a utilidade com a estética, o que é muito importante hoje em dia.
uma das metáforas mais importantes em MD é um material que tem sua posição no espaço sobre o eixo Z, então podemos dizer se ele está mais perto ou mais longe de um usuário. A metáfora refere-se ao chamado valor altimétrico. O que é interessante, é o fato de que este valor simula posições mais altas e mais baixas no espaço por sombreamento devidamente selecionado.
What else is important in Material Design attributes?
– cores distintivas e bem escolhidas
-ícones simples e fáceis de usar
– gráficos e imagens que são uma referência adicional para o conteúdo
– simples, mas ao mesmo tempo uma tipografia elegante baseada na fonte Roboto