Ouça a versão em áudio deste artigo

Uma das partes mais difíceis de falar sobre os princípios de design é descobrir quantos princípios realmente existem (existem cinco ? Sete ? 10 ?). E uma vez que isso tenha sido descoberto, quais desses supostos fundamentos de design devem ser incluídos?

Pesquise “princípios de design” e o Google retornará resultados de artigos que incluem de cinco a mais de uma dúzia de princípios individuais. Mesmo os artigos que concordam com o número, não necessariamente concordam com quais deveriam ser incluído nesse número.

Na realidade, existem cerca de uma dúzia de princípios básicos de design que iniciantes e especialistas designers devem ter em mente ao trabalhar em seus projetos. Além disso, há mais uma dúzia de princípios de design 'secundários' que às vezes são incluídos como básicos (por exemplo, o Princípios Gestalt , tipografia, cor e enquadramento). Os principais princípios de design são explicados e ilustrados a seguir.

Princípios Básicos de Design

Como já foi mencionado, não há consenso real na comunidade de design sobre quais são os princípios básicos do design. Dito isso, os doze princípios a seguir são aqueles mencionados com mais frequência em artigos e livros sobre o assunto.

Contraste

Uma das reclamações mais comuns que os designers têm sobre o feedback do cliente geralmente gira em torno dos clientes que dizem que um design precisa “estourar” mais. Embora pareça um termo completamente arbitrário, o que o cliente geralmente quer dizer é que o design precisa de mais contraste.

O contraste se refere a como os diferentes elementos estão em um design, particularmente os elementos adjacentes. Essas diferenças fazem com que vários elementos se destaquem. O contraste também é um aspecto muito importante da criação designs acessíveis . Contraste insuficiente pode tornar o conteúdo do texto em particular muito difícil de ler, especialmente para pessoas com deficiência visual.

Balançado

Cada elemento de um design - tipografia, cores, imagens, formas, padrões, etc. - carrega um peso visual. Alguns elementos são pesados ​​e atraem a atenção, enquanto outros elementos são mais leves. A maneira como esses elementos são dispostos em uma página deve criar uma sensação de equilíbrio.

Existem dois tipos básicos de equilíbrio: simétrico e assimétrico. Elementos de layout de projetos simétricos de peso igual em ambos os lados de uma linha central imaginária. A balança assimétrica usa elementos de pesos diferentes, geralmente dispostos em relação a uma linha que não está centrada no design geral.

Ênfase

A ênfase lida com as partes de um design que devem se destacar. Na maioria dos casos, isso significa as informações mais importantes que o design deve transmitir.

A ênfase também pode ser usada para reduzir o impacto de certas informações. Isso é mais aparente nos casos em que “letras miúdas” são usadas para informações auxiliares em um design. A tipografia minúscula enfiada na parte inferior de uma página tem muito menos peso do que quase qualquer outra coisa em um design e, portanto, não é enfatizada.

Proporção

A proporção é um dos princípios de design mais fáceis de entender. Simplificando, é o tamanho dos elementos em relação uns aos outros. A proporção sinaliza o que é importante em um design e o que não é. Elementos maiores são mais importantes, elementos menores menos.

Hierarquia

Hierarquia é outro princípio de design que está diretamente relacionado a quão bem o conteúdo pode ser processado por pessoas que usam um site. Refere-se à importância dos elementos de um design. Os elementos (ou conteúdos) mais importantes devem aparecer para ser o mais importante.

A hierarquia é mais facilmente ilustrada pelo uso de títulos e cabeçalhos em um design. O título de uma página deve receber a maior importância e, portanto, deve ser imediatamente reconhecível como o elemento mais importante de uma página. Os títulos e subtítulos devem ser formatados de forma a mostrar sua importância em relação uns aos outros, bem como em relação ao título e ao corpo da cópia.

Repetição

A repetição é uma ótima maneira de reforçar uma ideia. Também é uma ótima maneira de unificar um design que reúne muitos elementos diferentes. A repetição pode ser feita de várias maneiras: por meio da repetição das mesmas cores, fontes, formas ou outros elementos de um design.

Este artigo, por exemplo, usa a repetição no formato dos títulos. Cada princípio de design é formatado da mesma forma que os outros nesta seção, sinalizando aos leitores que todos têm a mesma importância e que estão todos relacionados. Títulos consistentes unificam esses elementos na página.

Ritmo

Os espaços entre os elementos repetidos podem causar a formação de uma sensação de ritmo, semelhante à forma como o espaço entre as notas em uma composição musical cria um ritmo. Existem cinco tipos básicos de ritmo visual que os designers podem criar: aleatório, regular, alternado, fluido e progressivo.

Os ritmos aleatórios não têm um padrão discernível. Os ritmos regulares seguem o mesmo espaçamento entre cada elemento, sem variação. Ritmos alternados seguem um padrão definido que se repete, mas há variação entre os elementos reais (como um padrão 1-2-3-1-2-3). Os ritmos de fluxo seguem curvas e curvas, semelhantes à forma como as dunas de areia ondulam ou as ondas fluem. Os ritmos progressivos mudam à medida que avançam, com cada mudança acrescentando-se às iterações anteriores.

Os ritmos podem ser usados ​​para criar vários sentimentos. Eles podem criar excitação (particularmente ritmos fluidos e progressivos) ou criar confiança e consistência. Tudo depende da forma como são implementados.

padronizar

Os padrões nada mais são do que uma repetição de vários elementos de design trabalhando juntos. Os padrões de papel de parede são o exemplo mais onipresente de padrões com os quais praticamente todos estão familiarizados.

No design, no entanto, os padrões também podem se referir a padrões definidos de como certos elementos são projetados. Por exemplo, a navegação superior é um padrão de design com o qual a maioria dos usuários da Internet interagiu.

Espaço em Branco

O espaço em branco - também conhecido como “espaço negativo” - são as áreas de um design que não incluem nenhum elemento de design. O espaço está, efetivamente, vazio.

Muitos designers iniciantes sentem a necessidade de empacotar cada pixel com algum tipo de “design” e ignorar o valor do espaço em branco. Mas o espaço em branco serve a muitos propósitos importantes em um design, principalmente fornecendo elementos da sala de design para respirar . O espaço negativo também pode ajudar a destacar um conteúdo específico ou partes específicas de um design.

Também pode tornar os elementos de um design mais fáceis de discernir. É por isso que a tipografia é mais legível quando são usadas letras maiúsculas e minúsculas, já que o espaço negativo é mais variado em torno das letras minúsculas, o que permite que as pessoas as interpretem mais rapidamente.

Em alguns casos, o espaço negativo é usado para criar imagens secundárias que podem não ser imediatamente aparentes para o visualizador. Isso pode ser uma parte valiosa da marca, que pode encantar os clientes. Veja a seta oculta no logotipo da FedEx, apenas para um exemplo.

Movimento

Movimento se refere à maneira como o olho viaja sobre um desenho. O elemento mais importante deve levar ao próximo elemento mais importante e assim por diante. Isso é feito por meio de posicionamento (o olho naturalmente recai em certas áreas de um design primeiro), ênfase e outros elementos de design já mencionados.

Variedade

A variedade no design é usada para criar interesse visual. Sem variedade, um design pode rapidamente se tornar monótono, fazendo com que o usuário perca o interesse. A variedade pode ser criada de várias maneiras, por meio de cores, tipografia, imagens, formas e virtualmente qualquer outro elemento de design.

No entanto, variedade pela variedade é inútil. A variedade deve reforçar os outros elementos de um design e ser usada junto com eles para criar um resultado mais interessante e esteticamente agradável que melhora a experiência do usuário.

Unidade

Todo mundo já viu um site ou outro design por aí que parecia apenas lançar elementos em uma página, sem se importar com a forma como eles funcionavam juntos. Anúncios em jornais que usam dez fontes diferentes vêm à mente quase que imediatamente.

Unidade refere-se a quão bem os elementos de um design funcionam juntos. Os elementos visuais devem ter relacionamentos claros entre si em um design. O Unity também ajuda a garantir que os conceitos sejam comunicados de maneira clara e coesa. Projetos com boa unidade também parecem ser mais organizados e de maior qualidade e autoridade do que projetos com baixa unidade.

Outros Princípios de Design

Outros princípios de design também são abordados em vários artigos sobre o assunto. Isso inclui tipografia, cor, Princípios da Gestalt, grade e alinhamento, enquadramento e forma. Alguns definitivamente se encaixam na definição de “princípios”, enquanto outros são mais como elementos de design.

Tipografia refere-se à maneira como o texto é organizado em um design. Isso inclui as fontes usadas, seu espaçamento, tamanho e peso, e a maneira como os diferentes elementos de texto se relacionam entre si. Bom design tipográfico é fortemente influenciado por todos os outros princípios de design mencionados anteriormente neste artigo.

O uso de cores no design é uma das partes psicologicamente mais importantes de um design e tem uma grande influência na experiência do usuário. Psicologia da cor e a teoria influencia fortemente alguns dos outros princípios mencionados anteriormente.

Princípios Gestalt incluem similaridade, continuação, fechamento, proximidade, figura / fundo e simetria e ordem (também chamado de prägnanz). Alguns desses princípios estão intimamente relacionados aos princípios mencionados acima.

A grade e o alinhamento estão intimamente relacionados ao equilíbrio e referem-se à maneira como os elementos são organizados em relação a uma grade invisível na página.

O enquadramento se refere a como o assunto principal de um design é colocado em relação a outros elementos na página. É mais frequentemente ouvido referido na cinematografia ou fotografia, como o foco principal de uma imagem é colocado dentro da imagem geral. Mas o princípio é transportado para o design.

A forma também é uma parte importante de qualquer design, tanto em termos de formas específicas usadas como elementos dentro do design, quanto na forma geral do próprio design. Diferentes formas podem evocar diferentes sentimentos, ou seja, os círculos são orgânicos e fluidos, enquanto os quadrados são mais rígidos e formais e os triângulos dão uma sensação de energia ou movimento.

Esses “princípios” ou elementos de design são aspectos importantes de um bom design e devem ser considerados juntamente com os outros princípios básicos para criar as melhores experiências do usuário.

Conclusão

O que constitui os princípios “básicos” de design certamente está em debate. Mas compreender e implementar os princípios abordados acima é vital para o sucesso de qualquer projeto de design.

Designers deve buscar entender como cada um desses princípios de design realmente impactam seu trabalho. Estudar como outros designers implementaram essas idéias para estruturar seus próprios designs também é uma ferramenta extremamente valiosa para aprender a criar designs melhores.

É totalmente possível criar um bom design sem uma compreensão completa desses elementos e princípios de design. No entanto, isso normalmente é feito pela 'intuição do designer' e pode exigir muitas tentativas e erros para criar algo que realmente pareça bom e crie uma experiência de usuário ideal. Os designers podem economizar muito tempo e energia praticando os princípios que discutimos até que se tornem uma segunda natureza.

•••

Leituras adicionais no Blog de design do ApeeScape:

• Princípios de design: introdução à hierarquia
• Impulsione sua experiência do usuário com esses princípios de design de interação de sucesso
• Explorando os Princípios de Design da Gestalt
• Design persuasivo: usando psicologia avançada de maneira eficaz
• The Ultimate UX Hook - Design Antecipatório, Persuasivo e Emocional na UX

Compreender o básico

Quais são os elementos do design visual?

Os elementos ou princípios do design visual incluem contraste, equilíbrio, ênfase, movimento, espaço em branco, proporção, hierarquia, repetição, ritmo, padrão, unidade e variedade. Esses princípios de design trabalham juntos para criar algo que é esteticamente agradável e otimiza a experiência do usuário.

Por que o contraste é importante no design?

O contraste se refere à forma como os diferentes elementos estão em um design, tornando-os mais facilmente discerníveis uns dos outros. O contraste é muito importante na criação de designs acessíveis. Contraste insuficiente pode tornar o conteúdo do texto em particular muito difícil de ler, especialmente para pessoas com deficiência visual.

O que o ritmo significa no design?

Os espaços entre os elementos visuais repetidos criam o princípio básico do design do ritmo para formar, semelhante à forma como o espaço entre as notas em uma composição musical cria um ritmo. Existem cinco tipos básicos de ritmo visual que os designers podem criar: aleatório, regular, alternado, fluido e progressivo.

Qual é o princípio de projeto do equilíbrio?

Cada elemento e princípio de um design - tipografia, cores, imagens, formas, padrões, etc. - carrega um peso visual. Alguns elementos são pesados ​​e atraem a atenção, enquanto outros elementos são mais leves. A maneira como esses elementos são dispostos em uma página deve criar uma sensação de equilíbrio.

Como a ênfase é alcançada no design?

O princípio básico de design de ênfase é usado para fazer certos elementos de um design se destacarem (como através do uso de cores contrastantes, tornando um elemento maior, aumentando o espaço em branco ao redor dele, etc.) ou não (como ao incluir pequenas “letras miúdas” na parte inferior de uma página).