# data[].attributes.attachment_caption
Figura 1 - Imagem que exemplifica o Princípio da Proximidade

# data[].attributes.body
O princípio da proximidade afirma que coisas que estão próximas parecem ser mais relacionadas entre si do que se estivessem distantes.

# data[].attributes.attachment_caption
Figura 2 - Aplicação do princípio da proximidade em inputs de formulários 

# data[].attributes.headline
1.1 - Exemplo do Princípio da Proximidade Aplicado a inputs de Formulários 

# data[].attributes.subject
1.1 - Exemplo do Princípio da Proximidade Aplicado a inputs de Formulários 

# data[].attributes.body
Neste exemplo, as labels (nome, E-mail) estão próximas aos campos para que sejam percebidos como uma coisa só.

# data[].attributes.attachment_caption
Figura 3 - Exemplo genérico do Princípio da Similaridade 

# data[].attributes.body
O princípio da similaridade explora o fato de que elementos parecidos são percebidos como parte do mesmo grupo e tendo a mesma função.

# data[].attributes.attachment_caption
Figura 4 - Aplicação do princípio da Similaridade em itens de um menu horizontal

# data[].attributes.headline
2.1 - Exemplo do Princípio da Similaridade aplicado a itens de um menu horizontal

# data[].attributes.subject
2.1 - Exemplo do Princípio da Similaridade aplicado a itens de um menu horizontal

# data[].attributes.body
Percebe-se que os itens do menu superior (features, pricing, contact, developers, login) tem o mesmo estilo, além de estarem posicionados próximos uns aos outros.

# data[].attributes.attachment_caption
Figura 5 - Exemplo genérico do princípio da Continuidade 

# data[].attributes.body
O princípio da continuidade afirma que elementos posicionados em uma linha ou curva são percebidos como mais relacionados do que se não estivessem dispostos desta forma.

# data[].attributes.attachment_caption
Figura 6 - Exemplo do princípio da Continuidade em um formulário disposto sequencialmente 

# data[].attributes.headline
3.1 - Princípio da Continuidade aplicado a um formulário em sequência 

# data[].attributes.subject
3.1 - Princípio da Continuidade aplicado a um formulário em sequência 

# data[].attributes.body
Perceba que no site booking.com somos forçados a responder um formulário em sequência, devido a forma linear de como os elementos são dispostos.

# data[].attributes.attachment_caption
Figura 7 - Exemplo genérico do princípio da Região Comum 

# data[].attributes.body
Objetos posicionados em uma mesma região fechada são percebidos como parte do mesmo grupo.

# data[].attributes.attachment_caption
Figura 8 - Aplicação do principio da Região Comum emagrupamentos de Cards 

# data[].attributes.headline
4.1 - Exemplo de aplicação do Princípio da Região Comum a agupamentos de Cards em um Web Site

# data[].attributes.subject
4.1 - Exemplo de aplicação do Princípio da Região Comum a agupamentos de Cards em um Web Site

# data[].attributes.body
Vê-se que elementos posicionados em uma mesma região fechada são percebidos como parte do mesmo grupo.

# data[].attributes.attachment_caption
Figura 9 - Exemplo de imagem que usa o princípio do Ponto Focal

# data[].attributes.body
Elementos que se destacam visualmente prendem a atenção de quem está vendo.

# data[].attributes.attachment_caption
Figura 10 - Princípio do Ponto Focal em elementos contrastantes em um mapa 

# data[].attributes.headline
5.1 - Princípio do Ponto Focal aplicado a um mapa com elementos em destaque 

# data[].attributes.subject
5.1 - Princípio do Ponto Focal aplicado a um mapa com elementos em destaque 

# data[].attributes.body
Os componentes em vermelho se destacam em contraste ao mapa em cor cinza.