Histórias de AMP são uma coisa agora
AMP é uma tecnologia contenciosa, com certeza. As pessoas parecem bastante certas de que o Google pretende usá-lo para distribuir publicadores e usuários ao mecanismo de busca (como se já não estivéssemos), e isso é apenas outra maneira de o Google abusar de seus poderes. E mais importante [alerta de sarcasmo], não é tão bonito de se ver. Quero dizer, nunca foi ruim , mas a AMP é toda sobre acelerar a web (e essa outra coisa), e isso significa reduzir muito do material visual sofisticado.
Divirta-se e rejubile-se, designers! O Google está trabalhando duro nesse segundo problema. É um fato simples [não tenho certeza se o alerta de sarcasmo] que as pessoas não podem ler artigos no celular sem muitas imagens grandes e muita animação. O Google está lidando com isso implementando um novo recurso chamado AMP Stories.
Suspiro. Corporações me fazem sarcástica. É um reflexo. Ok, vou parar agora. Você provavelmente está lendo isso em uma página AMP, de qualquer maneira.
O AMP Stories é um formato orientado visualmente para seus artigos para dispositivos móveis, basicamente. Ele foi projetado para facilitar a implementação de todas essas imagens grandes, etc. O Google foi e perguntou a um grupo de jornalistas e editores que iam da Cosmopolitan ao Mashable o que eles gostariam que suas histórias fossem no celular, e esse foi o resultado.
Se você quer aprender como construir estes para si mesmo, apenas siga para o Documentação AMP . Lá, você encontrará tutoriais sobre como usar os grandes recursos da AMP Story, como:
Páginas AMP
Sim, cada história é separada em páginas, presumivelmente para tornar a direção de arte mais flexível, e manter o conteúdo em pedaços pequenos para o leitor. Quer criar uma história que faça uso de cada estética de design que você possa imaginar? É factível com páginas.
Camadas de AMP
Finalmente, alguém (oficialmente) trouxe o conceito de camadas para o design web / mobile. Você basicamente os usa para organizar seus elementos de design e sobreposição uns sobre os outros, assim como faria em qualquer editor gráfico.
Animação AMP
As histórias de AMP trouxeram consigo um conjunto de animações incorporadas que você pode aplicar como propriedades a qualquer elemento na página. É como estilos in-lines, na verdade.
Não há muitos recursos extras além disso. A AMP, para todos os problemas associados à sua implementação, ainda está prestes a retirar o máximo possível de lixo desnecessário da Web. Em suma, se você já usa AMP com seu site, é um ótimo complemento para o conjunto de ferramentas.
Estou ligando agora: a primeira coisa que as pessoas farão com as camadas e animações internas é encontrar uma maneira de fazer efeitos de paralaxe.