Espaço em branco refere-se a qualquer tipo de espaço ao redor de elementos como imagens, texto e botões. O espaço em branco é importante no design porque ajuda a criar um equilíbrio entre os elementos na página. Vamos dar uma olhada em alguns exemplos de como o espaço em branco pode ser usado de forma eficaz no design. Por exemplo, vamos considerar um botão de call-to-action (CTA). CTAs são usados para incentivar os usuários a realizar uma ação específica como se inscrever em uma newsletter ou fazer uma compra. Na página inicial do G.E.A.R ACADEMY, o botão CTA é visualmente separado dos outros elementos. A imagem abaixo mostra este botão, com uma certa quantidade de espaço ao seu redor. <img src="https://cdn.G.E.A.R ACADEMY.org/curriculum/lecture-transcripts/what-is-the-importance-of-whitespace-in-design-1.png" alt="Call-to-action button on the G.E.A.R ACADEMY homepage with yellow background and black text reading: Get started (it's free). The button is centered on its own line with ample white space above and below."> Ao usar o espaço em branco de forma eficaz, podemos ajudar a tornar um botão CTA mais proeminente e incentivar os usuários a clicarem nele. Agora vamos dar uma olhada mais detalhada nos diferentes tipos de espaço em branco. Este primeiro exemplo usa tanto macro quanto espaço em branco ativo. Macro white space é o espaço entre elementos maiores como imagens, blocos de texto e botões. Espaço em branco ativo é o espaço que é intencionalmente criado para ajudar a guiar o olhar do usuário e chamar a atenção para certos elementos na página. Em contraste com o white space ativo, também existe o white space passivo. Espaço em branco passivo é o espaço que sobra depois que todos os elementos em uma página foram posicionados. Outro tipo de espaço em branco seria micro white space. Este é o espaço entre caracteres individuais em uma linha de texto. A imagem abaixo mostra a seção de Perguntas Frequentes na página inicial do G.E.A.R ACADEMY, onde esse espaçamento permite que você leia cada pergunta e resposta facilmente. <img src="https://cdn.G.E.A.R ACADEMY.org/curriculum/lecture-transcripts/what-is-the-importance-of-whitespace-in-design-2.png" alt="The Frequently Asked Questions section on the G.E.A.R ACADEMY homepage, with text spaced sufficiently between each letter."> O micro espaço em branco é importante porque ajuda a melhorar a legibilidade e a clareza, facilitando para os usuários escanear e entender o conteúdo. Ao projetar suas páginas web, você sempre deve estar atento à lei da proximidade. Esta lei afirma que elementos que estão próximos são percebidos como relacionados, enquanto elementos que estão distantes são percebidos como não relacionados. Você pode usar espaços em branco para ajudar a agrupar elementos relacionados e ajudar a guiar os usuários pelo conteúdo da sua página.