Na semana passada olhámos para os elementos zero e unidimensionais, nomeadamente o ponto ou ponto e a linha. Esta semana vamos adicionar um par de dimensões e falar sobre superfícies e planos (2D) e depois passar para volumes (3D). Ao longo da semana vamos considerar as idéias de massa visual e peso.
Antes de chegar a qualquer uma das acima quero começar com uma discussão de forma.

Deixe me desculpar antecipadamente por saltar para frente e para trás entre os nomes ao longo deste post. Forma, superfície, plano, forma, volume, massa, peso. Eles são trocados muito, dependendo de onde você os lê. Espero que não se torne muito confuso ao ler aqui ou ainda melhor todos estes termos de gramática visual ficarão mais claros quando você terminar este post.

What is Form?

Form é qualquer elemento positivo que colocamos em uma página, ao contrário dos elementos negativos que consideramos espaço. Forma é o ponto, a linha, o plano e o volume. São as formas e pontos e textos e texturas e imagens que usamos no nosso design. Se é para ser um elemento positivo é a forma.

I’m including form here in the series since it’s most often used as a synonym for either shape or volume, for those elements that are either 2-dimensional or 3-dimension. Muitas vezes achei isso confuso ao ler artigos falando sobre forma, já que o maior significado mais inclusivo de forma é geralmente ausente, deixando a pessoa acreditar que uma forma é uma forma bidimensional em um lugar e um volume tridimensional em outro.

Again form é qualquer elemento positivo em sua página. Tudo no seu desenho é forma ou espaço, positivo ou negativo, figura ou terra.

Forma e espaço, figura e terra são mutuamente dependentes um do outro. Você não pode mudar um sem mudar o outro. A relação entre forma e espaço cria tensão, determina a quantidade de atividade visual e movimento e dá uma sensação de tridimensionalidade em um design. Um espectador deve primeiro compreender a relação entre forma e espaço antes de compreender qualquer um dos objectos individuais na página.

Todas as formas têm algum tipo de significado, embora nenhuma forma seja melhor do que outra a comunicar o significado. A sua escolha em que formas usar, contudo, é uma consideração importante na comunicação da mensagem certa, a sua mensagem.

Superfícies, Planos, Formas

Tal como uma linha pode ser pensada como uma série de pontos adjacentes, um plano ou superfície pode ser pensada como uma série de linhas adjacentes. Estamos simplesmente acrescentando outra dimensão. Superfícies e planos são objetos abstratos. Vamos falar deles mais como formas ou formas à medida que pensamos neles como objectos concretos.

Planos ou superfícies actuam na sua maioria como pontos. A diferença é que o tamanho da superfície cresceu o suficiente para se tornar uma característica importante, assim como o contorno que define o plano. Quanto maior o tamanho do plano, mais as características do tipo ponto se tornam secundárias. Este tamanho é relativo ao espaço e elementos circundantes.

Planos grandes ainda podem agir como pontos se o espaço à sua volta for suficientemente grande e quaisquer outros elementos no espaço suficientemente pequeno. Como os tamanhos relativos mudam há um ponto de mudança que ocorre quando o plano se torna suficientemente grande para que a sua forma afecte o espaço e outras formas à sua volta.

Quanto mais activo for o contorno de um plano, mais dinâmica será a sua forma e menos pontilhada parecerá ser.

Embora tecnicamente um objecto bidimensional não carregue qualquer massa ou volume, os nossos elementos bidimensionais carregam peso visual e massa. Esta massa e peso visual são determinados pelo tamanho e simplicidade ou complexidade do contorno da forma.

As formas grandes e simples carregam um peso visual pesado e aparecem como pontos. Superfícies com contornos complexos e interação com seu espaço interno e externo (tanto positivo quanto negativo) carregam menos peso e se tornam mais parecidas com linhas.

Formas; Geométricas e Orgânicas

Quando chegamos a ver o contorno externo de uma forma, nosso cérebro tenta estabelecer algum significado com a forma e o contorno. Podemos agrupar estas formas sob dois tipos principais, geométrico e orgânico. Um terceiro tipo de forma, abstrato, vamos considerar como um subtipo de formas orgânicas, embora mais frequentemente seja considerado uma das três classes de forma.

Quando uma forma ou forma tem contornos regularizados, quando as medidas internas e externas são matematicamente semelhantes em múltiplas direções, pensamos na forma ou forma como geométrica. As formas angulares e de bordas duras são geralmente vistas como geométricas.

Os 3 principais tipos de formas geométricas são o círculo, o polígono (sendo o quadrado e o triângulo os mais simples), e a linha. O quadrado é o mais estável e carrega o peso mais visual. O triângulo é o menos estável e apresenta um grande movimento. O círculo é quase tão estável quanto o quadrado e indica o movimento de rotação.

Círculos ou pontos podem ser interpretados como geométricos ou orgânicos.

Formas ou formas que têm contornos irregulares, complexos e altamente diferenciados são considerados orgânicos. As formas macias e texturizadas também parecem ser formas orgânicas, pois são vistas mais como coisas que vemos na natureza. A variação é uma qualidade inerente das formas orgânicas.

As formas abstratas são versões simplificadas ou estilizadas de formas orgânicas. Pense ícones.

Geometria existe na natureza, mas é muitas vezes obscurecida por percepções de irregularidade. Pense em uma folha. É geralmente simétrica e muitas vezes próxima de tomar uma forma triangular. No entanto, percebemos as irregularidades nos seus contornos antes de vermos esta simetria e quase triangularidade.

As formas geométricas podem ser organizadas organicamente e as formas orgânicas podem ser organizadas geometricamente. Ou cria tensão entre as formas e a sua estrutura. Quando queremos transmitir uma mensagem orgânica, devemos enfatizar as qualidades orgânicas da forma e usar mais irregularidade e variedade.

Volumes e Massa

Volumes são espaços vazios definidos por superfícies, linhas e pontos. Quando preenchemos o espaço ou damos a percepção de que o espaço dentro de um volume foi preenchido em algum grau o volume contém massa.

Se você se lembrar da classe de física, densidade = massa / volume. Em um desenho bidimensional só podemos oferecer a percepção de massa, densidade e volume. Quando damos a uma superfície ou plano a ilusão de ser tridimensional temos um volume.

Podemos fazer isso adicionando padrão e textura à superfície ou mudando a cor ou valor através da superfície para imitar o efeito da luz e sombra. Também podemos usar perspectiva dentro de uma forma para criar a ilusão de que a forma é um volume.

Desde que vivemos num mundo tridimensional quando adicionamos qualidades volumétricas ao nosso formato bidimensional, adicionamos uma sensação de realismo a um design. Para alguns exemplos veja um dos seguintes posts e considere como os desenhos mostrados fazem uso de profundidade e elementos 3d para adicionar um sentido de realismo.

• Bela Exemplos de Elementos 3D em Web Design
• Galeria de Elementos 3D em Web Design

Volumes avançam quando comparados a um plano e também carregam maior massa e peso visual do que planos ou superfícies. Se sobrepormos um plano sobre um volume cria tensão entre o primeiro plano e o plano de fundo como as expectativas normais são de que o volume avance e o plano retroceda.

>

Massa Visual e Peso

Massa e Peso são qualidades físicas que não existem realmente em um formato bidimensional. No design falamos de massa e peso visual ou óptico.

No mundo físico objectos com grande massa atraem e puxam outros objectos na sua direcção. No mundo do design visual, os elementos com grande massa também atraem. A percepção de massa em um elemento é o quanto o elemento puxa o olho para ele.

Como com volume, massa é apenas algo que podemos sugerir ou representar no formato bidimensional com o qual trabalhamos. Adicionamos massa visual e peso a um elemento, através do tamanho e cor ou valor. Também podemos brincar com a forma do elemento.

Por meio do uso de massa ou peso controlamos o equilíbrio e o movimento num desenho.

Podemos adicionar massa a uma série de planos angulares rodando-os e deixando-os sobrepor-se uns aos outros. A área sobreposta torna-se mais escura e é vista como contendo a massa de múltiplos planos. A rotação também cria movimento.

Adicionar um padrão consistente em uma superfície leva à percepção de que há menos massa naquele plano. O plano também se torna mais plano em relação a um plano sólido adjacente. O plano sólido parece avançar para o primeiro plano devido à percepção de que ele carrega mais peso.

Aparecendo mais plano nosso plano texturizado também parece mais ativo que o plano sólido adjacente e se sobrepormos o plano texturizado sobre o plano sólido criamos novamente tensão entre o primeiro plano e o plano de fundo.

Isso muda se o padrão ou textura emula os efeitos de luz e sombra, nesse caso a superfície ou plano torna-se um volume com maior massa e peso e naturalmente aparece menos plano. Os volumes são tridimensionais e a dimensão extra traz consigo a percepção da massa e do peso. Uma esfera pesa sempre mais que um círculo.

Sumário

Forms são qualquer elemento positivo que você coloca dentro do espaço negativo do seu desenho. Todos os formulários comunicam e você deve escolher seus formulários com base na mensagem que você quer comunicar ao seu público. A relação entre forma e espaço deve ser uma das considerações mais importantes em qualquer design.

Planos ou superfícies são formas abstratas bidimensionais. As formas são o equivalente em concreto. Um plano pode aparecer em forma de ponto ou de linha, dependendo do seu contorno e do seu tamanho relativo ao tamanho do espaço e outros elementos à sua volta.

Volumes são formas tridimensionais. Eles só podem ser representados num formato bidimensional, mas ao fazê-lo dão uma maior sensação de realismo a um desenho. Os volumes são criados imitando os efeitos de luz e sombra numa superfície ou plano.

Todas as formas têm uma massa ou peso visual determinado pelo tamanho e cor e pelo contorno da forma. Volumes carregam mais peso por padrão que superfícies, mas o peso de ambos pode ser aumentado ou diminuído alterando as características de qualquer uma das formas.

Se você pensar no meu post sobre gramática visual, nós falamos sobre objetos e estruturas. Este post e o anterior desta série sobre pontos, pontos e linhas cobriram os objetos de gramática visual.

Próxima vez continuaremos a série passando para uma discussão sobre estruturas. Estruturando qualquer um ou todos os objectos que vimos podemos formar padrões e texturas.

The Elements of Design Series

• Introduction: Elementos e Princípios do Design
• Pontos, Pontos e Linhas
• Forma: Superfícies e Planos, Volume e Massa
• Estruturas, Padrões e Texturas
• Tamanho, Escala e Proporção
• Pessura no Espaço em Branco
• Como Usar o Espaço em Design

>

• Teoria da Cor
• O Significado da Cor

>

>

Baixar uma amostra grátis do meu livro, Design Fundamentals.