Porque é que algumas marcas parecem de confiança logo à primeira vista e outras parecem amadoras, mesmo com bons produtos? Parte da resposta está nos elementos e princípios do design. Não precisas de um curso de design para melhorar. Precisas de uma definição clara e de algumas verificações práticas.
Os elementos e os princípios do design são duas faces de um só sistema: as partes e a forma como interagem. Este capítulo explica o que isso significa em linguagem simples, porque afeta o teu website e o teu marketing, e como o aplicar sem te perderes em jargão. Vais ver também como os princípios do design entram no mesmo quadro. Vamos passo a passo.
Ideias de base sobre os elementos e princípios do design
Os elementos e os princípios do design são duas faces de um só sistema: as partes e a forma como interagem.
Juntos, dão-te vocabulário para criticar qualquer imagem, desde um logótipo até uma landing page.
Princípios como o equilíbrio e o contraste dependem de elementos como a linha, a cor e o espaço.
Pôr em prática
Desenha um wireframe simples e anota um elemento e um princípio a que vais dar prioridade.
Explora quais são os princípios do design e o que é design visual para ligar este tema ao resto do módulo.
Pequenas melhorias constantes valem mais do que redesigns completos de vez em quando, sobretudo enquanto estás a aprender.
Lista prática que podes usar hoje
Desenha um wireframe simples e anota um elemento e um princípio a que vais dar prioridade.
Quando reveres qualquer página, pergunta-te se os elementos e princípios do design são visíveis logo no primeiro deslize no telemóvel. Se não forem, reordena as secções antes de polires os detalhes.
Guarda capturas de ecrã antes e depois das alterações, para perceberes o que fez a diferença nos elementos e princípios do design do teu site.
Partilha esta lista com quem atualiza o teu site, para que os princípios do design se mantenham consistentes nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou os formulários iniciados, para que as alterações de design se liguem aos resultados do negócio e não apenas ao gosto.
Como este tema se liga à tua marca em geral
As escolhas visuais raramente vivem numa só página. Princípios como o equilíbrio e o contraste dependem de elementos como a linha, a cor e o espaço.
As tuas publicações nas redes sociais, os teus emails e os teus materiais impressos devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras de tipografia que usas na web.
Quando o visual da marca se desvia, os clientes sentem uma discrepância subtil, mesmo que não saibam explicá-la.
Usa o processo de design do início ao fim para comparar notas com um capítulo relacionado deste módulo.
Juntos, dão-te vocabulário para criticar qualquer imagem, desde um logótipo até uma landing page.
Perguntas que muita gente ignora
Termos secundários como princípios do design e elementos do design ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões habituais.
Princípios como o equilíbrio e o contraste dependem de elementos como a linha, a cor e o espaço.
Escreve uma alteração de antes e depois que vais testar numa página ativa esta semana. Pequenas edições medidas valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum sobre os elementos e princípios do design reduz os ciclos de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código personalizado para melhorar muitos problemas de disposição e de estilo. Um editor visual permite-te ajustar espaços, cores e tipografia enquanto vês a pré-visualização em telemóvel e computador.
O WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperar por um programador a cada pequeno ajuste. Abre o criador de websites quando estiveres pronto para aplicar o que aprendeste.
Quando publicares atualizações, volta a ver quais são os princípios do design e o que é design visual, para que o módulo continue ligado na tua cabeça.
Já tens uma lente de trabalho para os elementos e princípios do design. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres instruções a um designer. Continua com o que é design visual e o processo de design do início ao fim para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo demora a melhorar os elementos e princípios do design?
A maioria das pequenas empresas vê páginas mais claras ao fim de poucas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela página inicial e depois aplica as mesmas regras às páginas de serviços e de contacto.
Precisas de um designer para trabalhar os elementos e princípios do design?
Um designer ajuda em mudanças de imagem complexas, mas muitas correções ligadas aos elementos e princípios do design podem ser feitas por ti, quando já sabes o que procurar. Usa quais são os princípios do design a par deste capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a aplicar os elementos e princípios do design no teu website?
O WEMASY inclui um editor visual no criador de websites, para ajustares a disposição, as cores e a tipografia sem código. Abre o criador de websites para atualizar modelos e pré-visualizar as alterações no telemóvel.
Qual é o erro mais comum com os elementos e princípios do design?
As pessoas tentam corrigir tudo de uma vez em vez de uma página de cada vez. Escolhe uma única prioridade, como a legibilidade ou o contraste, e depois consulta o que é design visual para a melhoria seguinte.
Como se ligam os elementos e princípios do design ao SEO?
Uma hierarquia visual clara e uma tipografia legível mantêm os visitantes mais tempo na página, o que apoia os sinais de envolvimento que os motores de pesquisa observam. Junta as correções de design a uma boa estrutura de conteúdo para teres os melhores resultados.
Onde deves aprender a seguir aos elementos e princípios do design?
Continua com quais são os princípios do design e o que é design visual neste livro, para construíres um sistema visual completo para a tua marca online.