Margem de Segurança


Para que serve a Margem de Segurança?


A margem de segurança serve para delimitar um espaço do banner sem nenhum botão do sistema e que será visualizado por todos os usuários, independente do tamanho de tela do seu aparelho.


Devido à variação de dimensões das telas dos aparelhos, o sistema precisa adaptar a imagem para que fique em tela cheia em todos os dispositivos, a chamada responsividade. Para que isso aconteça e todas as informações importantes (textos, imagens, etc.) sejam visualizadas por completo é necessário que sejam posicionadas dentro da margem de segurança, conforme imagem abaixo:


É importante salientar que esta margem deve ser seguida para as interações do tipo “banner”. Para as interações do tipo “pesquisa", esta margem deve ser desconsiderada pois estará na área dos botões. Nossa recomendação é que em interações do tipo "pesquisa", seja personalizado apenas o background, deixando para cadastrar no sistema os textos da pesquisa feita.



Dimensões e posição da Margem de Segurança


Largura: 815 px

Altura: 1208 px

Posição: X: 98 px Y: 195 px


Baixe nosso modelo de margem de segurança em PSD ou PDF, já configurado com as dimensões exatas do arquivo para a criação do seu banner.


Margem-de-Seguranca
.psd
Download PSD • 2.63MB
Margem-de-Seguranca
.pdf
Download PDF • 647KB


Posts recentes

Ver tudo

Características do Arquivo

Arquivo Largura: 1011 px Altura: 1680 px Tamanho do arquivo: Máximo 400kb Formatos: JPEG e PNG Margem de Segurança Largura: 815 px Altura: 1208 px Posição: X: 98 px Y: 195 px

Comprimindo meu banner no Photoshop

Depois de finalizada a sua imagem, recomendamos salvar seu arquivo otimizado para web. Com isso, você garante que nenhum banner passará dos 400kb, que é o tamanho máximo permitidos pelo WiFeed. É impo