Para os designers do nosso público, estou de volta com outro recurso rápido do Sketch para download – desta vez, é uma folha de adesivos para notificações estilo N. Existem oito variações, além de um quadro simples para colocar suas notificações de exemplo.

As notificações do Android N seguem um estilo bastante previsível até agora. Há uma linha de cabeçalho, que geralmente tem um ícone, nome de aplicativo, algumas informações de identificação secundárias, hora e um botão de expansão / recolhimento, e há duas linhas de texto. A linha superior é a mensagem principal ou informações de identificação (como o nome do remetente da mensagem) e a segunda linha é uma mensagem secundária, explicação ou visualização de texto. À direita, há uma área para uma visualização ou avatar.

Folha de adesivos de notificacao do Android N para Sketch

Depois de expandir a notificação, as coisas ficam interessantes – os controles de mídia podem se expandir e se encaixar, uma visualização da imagem pode aparecer, o texto da mensagem pode ser distribuído e, às vezes, você obtém ações como compartilhar, responder ou excluir.

1609829105 119 Folha de adesivos de notificacao do Android N para Sketch

Acho que cobri a maioria das bases com esses exemplos simples, mas mesmo se você estiver procurando por algo mais personalizado, eles devem servir como um bom ponto de partida para preparar rapidamente alguns exemplos de notificação para seu aplicativo.

O arquivo de esboço tem como alvo a resolução xxhdpi, já que é com isso que eu normalmente trabalho ao fazer maquetes. Os layouts também são flexíveis – se você precisar adicionar mais linhas de texto à visualização de uma mensagem, basta deslizar o grupo da barra de “ações” para baixo para abrir espaço, mantendo a mesma distância entre a última linha de texto e a barra como no amostra. Troque ações extras nos controles de mídia. Mude as cores. Ficar louco! 😛

Captura de tela 26-04-2016 às 10/02/42

Clique no link de download para obter o arquivo.

Baixar