Com todos os termos que são jogados em nós durante a nossa educação em design (seja nós mesmos ou ensinados institucionalmente), é fácil entender por que alguns aterrissam apenas com golpes sem qualquer penetração em nossa psique.

Aqueles que em breve desaparecerão do nosso reino de plena compreensão sem o constante reforço e atenção que estão sendo dedicados a eles. Que é o que estamos querendo fazer hoje, dedicar um pouco de atenção a um grampo de web design, o espaço negativo.

O que é espaço negativo?

Para aqueles que precisam de um lembrete, vamos usar um pouco para dividi-lo em básico: existem dois tipos de espaço no design, espaço positivo e negativo. Espaço positivo contém todos os elementos do seu site, conteúdo, navegação, imagens, etc. O espaço negativo (geralmente chamado de espaço em branco) é todo o espaço vazio intermediário, o espaço em torno do conteúdo que separa os elementos e ajuda a estruturar e definir a maneira como o usuário interage com o conteúdo no espaço positivo.

Agora que temos isso, vamos seguir em frente, vamos? Existem também dois tipos de espaço negativo, micro e macro. Micro espaço negativo é o espaço entre os elementos menores do design. Coisas como o espaço entre parágrafos, linhas individuais do tipo, todo o caminho até o espaço entre letras e palavras. O espaço negativo macro é o espaço entre os elementos maiores e principais do design, como o cabeçalho e o rodapé.

Yeedor

yeedor

Amizade Hamburgo

friendshiphamburg

Mover Coisas Design Empresa

movendo-se

Micro espaço negativo

Primeiro, vamos dar uma olhada no final menor do espectro. Tendo em mente que o tamanho não designa o micro lado para uma posição de importância mínima. Longe disso. Manter uma boa quantidade de espaço em branco dentro de nossos blocos de texto pode ajudar muito a tornar um site mais legível, mais fácil de digitalizar e pode até mesmo ajudar as pessoas a compreender melhor o que estão lendo.

E nós estamos falando de Micro, então esse foco e manutenção precisam ser profundos. Precisamos tomar cuidado para garantir que todo o espaço negativo em nossos blocos de texto seja pequeno. Não de um jeito lotado, mas apertado de maneira esteticamente equilibrada e aberta. Você acertou? Isso significa abordar o espaço entre cabeçalhos e parágrafos. Dar um cuidado especial às alturas das linhas dentro dos parágrafos. Certificar-se de que o espaço entre os itens de linha nas listas não esteja acima ou abaixo do concluído. Até o espaço entre palavras e letras.

Isso nem sempre é uma tarefa fácil. Decidir sobre as margens e preenchimento para este tipo de ajuste de espaço micro negativo é uma arte delicada. Um que deve ser trabalhado com cada site individual que construímos. Cada site terá seu próprio saldo para encontrar. Embora você não queira muito pouco espaço em branco, ter muito impacto na legibilidade afetará negativamente.

Rodovia da Informação

rodovia de informação

Digerir

digerir

MakeMatter

makematter

Espaço negativo macro

Agora vamos ampliar um pouco o nosso escopo e focar no lado Macro desse espectro. Mesmo que esse lado seja o que tendemos a dar mais atenção, ainda não damos a ele mais espaço para respirar. As pessoas gostam de encher seus cabeçalhos com tudo que podem caber, já que é a primeira coisa que os visitantes veem. Em vez disso, tente manter essa área em alguns elementos-chave para que os usuários saibam exatamente onde estão e não sejam sufocados assim que entrarem no site.

Assim como o cabeçalho, é uma armadilha muito fácil ver os rodapés e barras laterais de um design como algo como um conteúdo atraente. Um lugar para empurrar e descartar o máximo de informações possível. Ao contrário do cabeçalho, é verdade que alguém pode obter mais conteúdo nessas áreas, mas ainda deve ser tomado cuidado para garantir que deixemos espaços em branco tanto ao redor quanto dentro desses elementos também.

Quanto mais deixamos espaço e espaçamento adequados, mais propositais parecem nossas inclusões. É quando nos desordenamos (a menos que seja estilisticamente feito, o que é fácil de distinguir do que estamos falando aqui) que muitas vezes damos a impressão de que não prestamos atenção suficiente aos nossos estágios de planejamento. É claro que, quando nos desorganizamos, podemos com certeza colocar grande parte da culpa em nossos clientes, sabendo que grande parte da desordem é feita a pedido deles. Um ponto que vamos chegar e cobrir em breve.

Portanto, queremos ter certeza de que o espaço é abundante em torno de cada elemento de bloco, em torno de toda a seção (certifique-se de que sua barra lateral não seja empurrada para o conteúdo principal do site). Dar um cuidado especial para garantir que haverá muito espaço em torno de todas as chamadas à ação. Deixe o CTA se destacar.

Viva Audio

Viva

Bens

mercadorias

Fazer um backflip

backflip

Por que o espaço negativo é importante?

O uso de espaço negativo desempenha um papel enorme na usabilidade. Para o que nós apontamos o tempo todo. Os usuários precisam não apenas ler confortavelmente todo o conteúdo do site, mas também precisam encontrar facilmente o que estão procurando. A desordem impede que isso seja uma tarefa fácil. Muitas pessoas, especialmente clientes, tendem a querer encher cada centímetro de tela disponível com informações e depois se perguntam por que o site parece tão desordenado e sem graça. E, além disso, por que os usuários parecem ter problemas para navegar pelo site.

E é aqui que entram nossos poderes de persuasão e confiança em nossas sensibilidades de design. Como designers, precisamos fazê-los entender por que esse espaço negativo é tão essencial e por que fazer escolhas sobre o conteúdo a ser incluído em seu site é igualmente importante. Isso não é um desperdício de dinheiro. Também não é um desperdício de espaço na tela. Mas, em vez disso, um elemento necessário para tornar as informações importantes já na tela se destacam em um ambiente limpo e profissional. Temos que fazer com que eles vejam isso.

Ainda podemos encaixar tudo o que é necessário no site. Apenas certifique-se de dar tudo espaço para respirar. Tudo bem que as pessoas tenham que rolar pelo site, na verdade é esperado. "Acima da dobra" já não detém o poder que costumava. No entanto, ainda é importante lembrar que o conteúdo (especialmente o conteúdo da primeira página) deve ser escolhido com sabedoria. Quanto mais opções forem dadas na página inicial, mais dificuldade o usuário terá para escolher aonde ir sem ficar sobrecarregado e possivelmente desistir do site.

Ciclos Fixos Puros

purefix

Nurun

nurun

Quase impossível

quase impossível

Como você usa o espaço negativo em seus projetos? É 'negativo' o termo correto para o espaço em branco? Deixe-nos saber seus pensamentos nos comentários.