Layout
Os layouts podem consistir em uma ou várias zonas dispostas horizontal, ou verticalmente. As zonas podem ser simétricas ou assimétricas. O número de zonas é flexível.

Não utilize o zoneamento diagonal.


As zonas não devem ficar vazias.


Zoneamento pode ser feito com forro sólido branco ou preto ou sem forro.


Hierarquia e três alavancas de influência
Controle a atenção do utilizador. Siga uma regra simples: o elemento mais contrastante de uma imagem é o primeiro a chamar a atenção. Utilize o tamanho, o brilho e a espessura para controlar o contraste.
1. Tamanho
Quanto maior for o elemento, mais depressa chama a atenção.

2. Brilho
Quanto mais o elemento contrasta com o fundo, mais visível se torna.


3. Espessura
Quanto mais forte for o tipo de letra, maior será o seu peso visual.

Componentes da mensagem
Utilize as alavancas para organizar os componentes e transmitir uma mensagem de forma eficaz numa única imagem.
❖ Key visual
Key visual transmite a essência da mensagem promocional e desperta emoções. O #Keyvisual apresenta as propriedades especiais do produto ou conta a sua história. O nosso público-alvo adora aparelhos bonitos e uma única imagem de um dispositivo Ajax pode, por vezes, ser suficiente para gerar interesse.
Atribua cerca de 40% do layout ao visual.

❖ Valor
O valor ou a oferta, por exemplo, "Obtenha um dispositivo gratuito", tem a prioridade mais elevada na hierarquia, por isso utilize o tamanho, o brilho e a espessura para o sublinhar.

❖ Co-branding
De seguida, informe o utilizador sobre a origem da oferta. Adicione um logótipo de marca conjunta e torná-lo ligeiramente mais pequeno do que o valor.

❖ Apelo à ação
Nesta fase, o visitante pode estar pronto para aceitar a nossa oferta. Informe-os de como o fazer com um componente de apelo à ação, por exemplo, um botão ou um número de telefone. O apelo à ação deve ser grande, mas não deve ser maior que o valor.

❖ Razão para acreditar
É aqui que demonstramos o nosso valor ou explicamos em que consiste a nossa oferta. Por exemplo, se o valor for "Obtenha um dispositivo gratuito", o motivo para acreditar seria os detalhes da promoção.

❖ Outros componentes
O visualizador pode querer saber mais sobre a Empresa ou produto antes de aceitar a oferta. Qualquer componente adicional, por exemplo, um site, ocuparia a sexta posição na hierarquia. Vamos diminuir o tamanho e o brilho, mas utilizaremos a espessura máxima para melhorar a legibilidade. E o visual está pronto a ser utilizado.

Deixe respirar
Não tente preencher todo o espaço livre. Em vez disso, adicione espaçamento extra entre os blocos lógicos para facilitar a leitura.


Destaque a promoção
Para destacar a promoção, utilize o seguinte emblema:


Não coloque o emblema sobre os dispositivos. Não utilize fontes coloridas em vez do emblema.


Pode utilizar a paleta de cores/fontes da sua empresa, desde que não entrem em conflito com as diretrizes de marca da Ajax.


Não altere o logo da Ajax ou a imagem do produto para combinar com a paleta de cores da sua empresa. Não aplique quaisquer elementos gráficos ao produto, mesmo que façam parte do seu sistema de marca.

