DEV Community

Cover image for Dicas de design para melhorar suas aplicações frontend
Iuri Silva
Iuri Silva

Posted on

1

Dicas de design para melhorar suas aplicações frontend

Hierarquia

A hierarquia ajuda na definição do grau de importância. Quando um elemento de design possui várias informações, é importante dar mais peso para o que é mais importante.

Image description

Proximidade

Neste princípio temos a base de que informações similares devem estar próximas, ou seja, manter o conteúdo principal próximo das informações secundárias. Fica claro que esses itens pertencem a um grupo e não a outro mais distante.

Image description

Alinhamento

Ao inserir informações em um layout precisamos ter em mente que mantê-las organizadas é fundamental para a compreensão do usuário, e o alinhamento ajuda muito nisso.

Image description

Cores

Um dos princípios mais importantes é o tom da cor. Ela também é responsável por transmitir emoções, simbolismos e identificar elementos. A paleta de cores precisa ser cuidadosamente escolhida, para transmitir a ideia da marca, sua atmosfera e atrair o público.

Image description

Repetição

O princípio da repetição visa fortalecer o padrão visual, ou seja, o alinhamento, o contraste e a proximidade devem ser iguais nas artes seguintes. Assim você seguirá mantendo a consistência da marca.

Image description

Contraste

O contraste é o responsável por dar relevância visual ao que deve ser atrativo. Um exemplo é você colocar uma imagem com letras em branco por cima, se na imagem tiver cores claras não teremos contraste, ou seja, não há uma diferenciação de cores.

Image description

Espaçamento

Deixar espaços em branco é tão importante quanto todo o resto. Uma determinada quantidade de texto, por exemplo, precisa de espaço para respirar, para que o leitor não se canse ao lê-lo.

Image description

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay