Como os designers escolhem formas em um design?


9

Muitas vezes, enquanto navega em sites como o Dribbble, encontramos sites que usam formas (veja este exemplo ). Desculpe por ser ingênuo, mas há uma razão por trás da escolha de uma forma específica ou é apenas porque é tendência? Como isso afeta a experiência do usuário?


Alguns pontos de interesse. Eu uso muito os círculos, pois eles criam uma sensação de completude - um dos primeiros símbolos de DEUS é um círculo acima de um triângulo equilátero. Como padrão, eles podem ser uniformes, criando um senso de ordem ou aleatórios e divertidos. Dê uma olhada em Jamie Reid e no movimento punk britânico - ele usou bordas irregulares e formas discordantes para enfatizar a rebelião e o descontentamento político. E ter cuidado com referências maçônicas como a pirâmide, pentagrama e único olho - eles existem e são implantados para o reconhecimento da influência: goo.gl/4L7XHP
Applefanboy

Respostas:


15

Na verdade, pode-se pensar bastante nesse uso, muito além da preferência pessoal ou de alguma diretiva do cliente.


Estilo

  • Se você sabe que deseja uma "sensação" mais amigável e solta, optaria por formas mais arredondadas.
  • Se você deseja uma aparência mais corporativa e séria , incline-se para cantos, triângulos e formas de linhas geralmente duras.

Canal

O posicionamento e a posição podem ser classificados através da psicologia do movimento dos olhos em um design ou da hierarquia visual em um design.

  • Se você deseja um clima feliz e alegre, direcione o olhar para cima e para a direita ...
  • Se você quer um humor mais sério e infeliz, dirija o olho para baixo e para a esquerda.

Esses tipos de opções de design podem levar em consideração o local onde as formas são colocadas.

Da mesma forma que a cor muda a percepção de um design, o posicionamento e o uso dessas "formas" ou elementos do design.


Saldo

Geralmente, os elementos gráficos gerais podem ser ótimas ferramentas para melhorar o equilíbrio geral de um design.

Olhar para a página sem as formas cria uma peça estática, não dinâmica, com muito pouco movimento dos olhos. O que é um pouco desequilibrado devido à posição do gráfico do gráfico grande em comparação com o bloco de tipo ao lado (as margens da página são visivelmente desequilibradas).

insira a descrição da imagem aqui

Para criar uma aparência um pouco mais "amigável", use algumas formas arredondadas e use-as para compensar o desequilíbrio de margem na parte superior do layout. Isso também permite que o gráfico do gráfico seja maior sem parecer visualmente "incorretamente" dimensionado. Se fosse o meu design, eu poderia brincar com as curvas nos "2" e "3", pois elas são curvas proeminentes existentes - tentando imitar ou repetir esses arcos para as formas superiores à direita. (A repetição pode promover a continuidade e a coesão dentro de um design.)

insira a descrição da imagem aqui

No entanto, agora a peça está terrivelmente desequilibrada. Assim, adicionando uma forma adicional para compensar o canto superior direito, muito é feito para reequilibrar a peça em geral. Tendo em mente que é preferível um movimento superior direito, a curva da forma esquerda pode ser totalmente intencional para criar a combinação quase parecida com uma flecha das formas verdes. Além disso, os gradientes nas formas verdes promovem ainda mais um movimento para cima à direita.

insira a descrição da imagem aqui

Então, o designer dessa peça é ....

  • usando formas arredondadas para ser mais convidativo em geral.
  • dirigindo o olhar para cima e para o direito de promover bons sentimentos ...
  • use formas adicionais para criar um equilíbrio geral no design e promover o movimento dos olhos.

Adicione a isso as figuras de alto contraste (vermelho) na parte superior voltadas para a esquerda ...

Então ... a leitura em inglês é da esquerda para a direita, de cima para baixo ... o olho segue para a direita e para baixo enquanto lê. Mas é então naturalmente atraído para o canto superior direito através das formas ... as figuras vermelhas direcionam sutilmente o olho de volta para a esquerda para começar a ler novamente ... para que o olho seja realmente direcionado nesse layout, bem na tentativa de maximizar o tempo alguém gasta visualizando a página.

Esses tipos de decisões de uso e posicionamento vêm com experiência e exploração.

Elementos aparentemente aleatórios podem não ser aleatórios ... eles podem servir a propósitos importantes, mesmo que o leitor / espectador não saiba exatamente qual pode ser o objetivo.


5

Provavelmente isso vai ser martelado, mas em breve; as formas básicas, círculos, quadrados e retângulos são inestimáveis ​​como elementos fundamentais do design.

Formas e curvas podem fornecer sentimento e emoção ao design. Uma sugestão encaracolada parece tão diferente de um ângulo reto.

Um círculo ou bolha como motivo de design sugere harmonia da maneira mais simples. No entanto, há uma forte tendência de design em direção a grades e estruturas complexas.

Alternativamente, e em resposta, há uma forte tendência à simplicidade e formas naturais fundamentais.

Nos anos 90, foi dito que eles desistiram da grade do blob, mas hoje em dia vemos um híbrido.

Como nossas telas são retângulos, curvas e círculos na tela criam um diálogo dinâmico entre as formas.


4

Isso é muito baseado em opiniões, mas:

  • muitas vezes essas 'formas' são derivadas do logotipo real e / ou fazem parte de um sistema de marca. por exemplo. Sistema de losango da Vodafone
  • outras vezes eles poderiam ser apenas elementos de tendência
  • outras vezes, são os clientes que não podem comprar algo muito "simples" e acham que deveriam ter algo mais "criativo", então os designers precisam criar essas coisas apenas para preencher algum espaço em branco

Em seu terceiro ponto: hoje discuti um design de capa de livro com nosso estagiário - sua configuração básica "Título, autor, foto". Perguntei se havia "espaço ou razão" para um elemento gráfico, mas como havia uma boa relação espacial entre os elementos, concordamos com "não, isso não acrescentaria nada ao design". Mas espero que o cliente não tenha "medo" do espaço vazio!
precisa saber é o seguinte

Esse terceiro ponto é tão verdadeiro.
AndrewH
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.