Todo designer adora quebrar as regras de vez em quando. As tendências de design web deste mês destacam alguns dos espíritos rebeldes de maneiras que parecem incríveis.

A chave para todos esses projetos de quebra de regras é que o resto da interface é simples e, de fato, segue as regras. Do texto que não permanece em seu “recipiente” para elementos de design de grandes dimensões para formas geométricas de bola estranha, caminhe pelo lado selvagem …

Aqui está o que está acontecendo no projeto neste mês:

1. TEXTO SEM LIMITES

Houve um tempo em que cada elemento no design de um site tinha seu próprio lugar. Isso não é sempre o caso mais.

Mais desenhos estão permitindo que os elementos cruzem planos e se movam para o espaço de outros elementos. Parece uma das idéias que poderia ter um horrível erro (e poderia), mas esses sites mostram que há algo bonito sobre o texto que vive em dois espaços ao mesmo tempo.

A tendência é exemplificada por elementos de texto que cruzam em vários contêineres, como texto que caminha sobre o fundo e uma imagem. Ele também pode ser aplicado a letras que se encaixam parcialmente em duas caixas diferentes, como Tradewinds.

Pode funcionar com tipografia de qualquer tamanho e forma e imagens ou vídeo. O único tema consistente é que os elementos de texto devem ter muito contraste com os elementos de fundo para que cada letra permaneça legível. Você pode ver nos exemplos abaixo que a rotulação não precisa parar entre as palavras; pode ser quebrado verticalmente ou horizontalmente.

A grande idéia por trás desse tratamento é atrair o usuário para a página com algo totalmente inesperado. Esse estilo de letras faz isso.

Para fazê-lo funcionar, trate o elemento de texto como uma camada separada sobre camadas de fundo e imagem. O texto sempre deve ser o item mais alto para ajudar a garantir a legibilidade. Fique atento aos tipos de letra que são nítidos e fáceis de ler. A simplicidade no resto do projeto é fundamental para que esta técnica funcione.

2. OBJETIVOS MAIS LARGOS QUE VIDA

Elementos de design de tamanho extra não são nada novos. Mas mais projetos estão tomando elementos do dia-a-dia e mostrando-os em estilos maiores do que a vida para chamar a atenção dos usuários.

É uma técnica divertida que requer muitos detalhes para as imagens envolvidas.

Também leva o tipo certo de imagem – e um excelente olho para o cultivo – para que isso funcione.

Veja os exemplos abaixo. Se alguém lhe dissesse que a tela seria preenchida com meio par de óculos, um bigode sem rosto ou um único vídeo de um olho você teria imaginado o sucesso marcante desses conceitos? Cada um é um ótimo exemplo de quebra de regras de forma totalmente inesperada, original e contribui para a mensagem da marca e do design geral.

O que é desafiador sobre grandes e maiores que os elementos de design de vida é criar equilíbrio. Objetos grandes precisam de espaço suficiente e elementos de equilíbrio para que o design não pareça estranho ou irritante. Westward Leaning faz isso com bastante espaço em torno da imagem dos óculos; Famoustache usa cores vivas e tipografia divertida para compensar um bigode animado “flutuante”; O DTSi usa texto grande e camadas de formas geométricas para suavizar o vídeo do olho.

A chave para fazer um trabalho maior do que a vida é a qualidade. As imagens e o vídeo precisam ser de alta resolução. Os elementos extravagantes não são indulgentes se não forem nítidos e perfeitamente em foco. Você precisará de vídeo de alta resolução, ou fotos e elementos vetoriais para esta técnica. Mesmo a iluminação e a composição de algo tão simples como um par de óculos tem que ser perfeitamente pensada para que não se sinta ao lado do usuário na tela.

Imagens altamente detalhadas como esta são agradáveis ​​para fornecer informações aos usuários – especialmente para o comércio eletrônico, onde os usuários quase podem “tocar” o objeto – mas pode ser complicado fazer bem.

3. FORMAS PRETENDIDAS

Designers se apaixonaram por formas geométricas este ano. Das sobreposições de formas aos padrões de polígono, esse recurso mensal centrou-se nas formas algumas vezes. E agora os designers estão tentando algo mais novo com eles, escondeu formas.

Para logotipos, ícones e displays geométricos, as formas ocas são um elemento de design interessante. Geralmente, eles são bastante simples na natureza, como a geometria oca usada por Bruderl, mas também podem assumir papéis mais complexos, como os ícones do Borderfree, que contêm mais detalhes.
As formas vazias são divertidas porque podem ser usadas no espaço para criar um ponto focal

De qualquer maneira, as formas ocas são divertidas porque podem ser usadas no espaço para criar um ponto focal, como uma sobreposição em uma imagem ou como parte de um logotipo da empresa ou marca, ou dois criam um conjunto de imagens que têm uma sensação consistente ao longo de um design projeto.

Para aproveitar ao máximo as formas ocas, crie algo que tenha um traçado suficientemente grosso que possa resistir a diferentes origens e diferentes tipos de coloração. Enquanto você pode criar sua própria forma funky, como algumas das abaixo, você também pode usar elementos comuns para descrever.

O que faz com que as formas ocultas funcionem é o interesse ou a identificação visual, o que significa que a forma deve ser realmente incomum ou completamente clara para chamar a atenção de um usuário. Considere uma combinação de áreas vazias equilibradas com algum preenchimento, como a Cwart, para criar contraste e mais interesse.

A parte mais difícil de usar um design de forma oca é que eles muitas vezes podem se sentir muito claros e se perderem na proximidade de outros elementos de design. O formato deve ser suficientemente claro, maior o suficiente e ter linhas suficientemente espessas para transmitir significado em todos os usuários de tamanho que o encontrem.

Cwart

Step 1

CONCLUSÃO

As regras de design existem como ponto de partida para a criação. Enquanto você não quiser ter o hábito de ignorar essas diretrizes – você pode acabar com um desastre de design – quebrar uma regra aqui e lá pode ajudá-lo a criar algo especial.

Basta lembrar de usar esta ideia com moderação e entender que não funcionará para cada projeto. O que você acha dessas tendências de quebra de regras? Você experimentaria?