Uso eficaz do espaço em branco no design do WordPress
Os sites variam, tanto em imagem quanto em intenção. O que funciona para um não funcionará para outro. Dito isto, existem alguns elementos de design responsivo que se aplicam à maioria, se não a todos, os sites e devem ser uma parte essencial de todas as suas ferramentas e estratégias de marketing digital . Um desses elementos é o bom uso do “espaço em branco”.
O design do site está, obviamente, sempre procurando encontrar um ponto ideal entre aparência e eficácia. Seja você um blogueiro iniciante ou um desenvolvedor avançado tentando conseguir isso, o desafio continua o mesmo.
O design do WordPress, em particular, é bom com espaço em branco. Veja WPTavern para um ótimo exemplo de um site usando bem o espaço em branco. Você não precisa usar um tema de blog para isso. Sinta-se à vontade para experimentar.
Outra grande coisa sobre o WordPress é o quão amplamente ele é usado.
Isso resulta em uma preponderância de usuários dando várias dicas sobre o que torna um site de fácil compreensão.
Isso é suficiente informação de abertura. Vamos encerrar este parágrafo e aproveitar um pouco de espaço em branco para criar um delineamento claro entre esta seção e a próxima.
O que é espaço em branco?
Até certo ponto, o espaço em branco é o que parece. É o que está na página onde há ausência de conteúdo. No entanto, não se engane pensando que este espaço tem que ser branco. Não, pode ser da cor que você quiser. O WordPress oferece excelentes indicadores de cores personalizadas sobre o que funcionará melhor em seu projeto, incluindo, é claro, a tonalidade do espaço em branco que você decidir.
Como exemplo, vale a pena olhar para o fabuloso uso de opções de cores no espaço em branco no site do Museu Nacional de Arte Africana criado com design WordPress. Eles formam um fundo silencioso que serve para complementar lindamente as imagens em destaque.
Assim, o espaço em branco é um espaço de qualquer cor que, aparentemente, não tem muita função.
Ou é?
Olhe além do rosto e a função aparecerá. Assim como em qualquer aplicativo de design, o espaço pode ser extremamente importante em termos de clareza, contraste, contexto e enquadramento. Veremos esses motivos (e outros) para usar o espaço em branco no devido tempo.
Tipos de espaço em branco
Primeiro, vamos dar uma olhada nas variedades de espaço em branco que você pode encontrar.
Micro e Macro
O primeiro é a quantidade relativamente pequena de espaço em branco que torna a compreensão fundamentalmente possível. Isso inclui o espaço entre as linhas de texto. Sem isso, o site claramente não funcionará como uma ferramenta de comunicação em nenhum aspecto, além de comunicar ao usuário que você não deveria estar projetando sites.
Este último refere-se aos espaços maiores entre os componentes em vista. Assim, o espaço que forma as bordas da página, bem como o espaço que dá espaço para as imagens e pedaços de texto que você deseja que sejam claramente apreciados e compreendidos. E uma compreensão clara é a chave para o sucesso do seu site.
É fácil explorar as formas de simplificar o design do WordPress nesta área.
Passivo e Ativo
O espaço em branco passivo aparece quer o designer quis ou não. É a presença automática de espaço que o editor de texto irá inserir à medida que você cria linhas e parágrafos.
O espaço em branco ativo é onde o designer deliberadamente deu mais espaço entre os elementos da página, por razões que abordaremos abaixo. Como regra geral, quanto mais distintos os elementos são uns dos outros, mais espaço deve haver entre eles. Podemos ser criaturas muito rudimentares e tendemos a trabalhar com uma mentalidade de “pássaros da mesma pena se unem”.
Razões para usar o espaço em branco
Agora vamos dar uma olhada em por que o espaço em branco é usado em web design.
Clareza
Isso é extremamente importante; um erro muito comum cometido por designers de sites é colocar muito em uma página, desordenando e obscurecendo as mensagens centrais que você está tentando transmitir. Lembre-se de que um layout limpo é um bom layout.
No tipo de situação em que os elementos de design sofrem com a falta de disciplina, os usuários provavelmente enfrentarão perplexidade e poderão deixar o local prematuramente como resultado. Se você entregar uma experiência de usuário ruim como essa, uma alta taxa de saída é o que você pode esperar.
A superlotação provavelmente afetará a velocidade de carregamento em primeiro lugar também, e alta velocidade de carregamento = altas taxas de abandono.
Felizmente, existem muitas maneiras de acelerar o WordPress .
Contraste
Uma imagem ou uma caixa de texto pode ter muito mais impacto se você a cercar com um espaço de cor contrastante. Esse tipo de esquema de cores oferece espaço de digestão para que o usuário possa mastigar o que está sendo transmitido antes de encontrar o próximo material.
O contraste através do espaço em branco também pode ser usado para destacar um elemento específico do site, incentivando o usuário a seguir um determinado caminho, por exemplo, clicando em uma caixa de CTA.
Contexto
Às vezes, você precisará estabelecer um pouco de espaço para evitar a má aplicação do contexto. Uma justaposição infeliz de um ponto sério e uma imagem humorística não fará nenhum favor.
Enquadramento
Isso é puramente estético. As imagens ficam melhores com molduras.
E um quadro é efetivamente um espaço ao redor da imagem para impedir que outros estímulos se infiltrem e se intrometam.
Enquadrar soa um pouco trivial, mas é extremamente importante. Para quem deseja iniciar uma loja online , parte de todo o negócio será inevitavelmente uma coleção de imagens de produtos. Tente colar essas imagens com força umas contra as outras sem enquadramento. Uma bagunça é o que resulta. O olho naturalmente precisa de uma moldura para apreciar adequadamente o que está à sua frente. Aliás, o design do WordPress tem alguns ótimos recursos de inicialização disponíveis.
Se isso funcionar…
O espaço em branco está conosco há muito tempo. Tem suas raízes na abordagem de calígrafos e artistas na China do início do século XX. Trabalhando com tinta e papel de arroz, esses artesãos encontravam significado não apenas no que acrescentavam à folha, mas no que ficava vazio. Da mesma forma, o silêncio em uma conversa pode ser mais expressivo do que qualquer palavra, e um espaço em uma página pode transmitir significado se usado da maneira certa na hora certa.
A partir deste início, o espaço em branco passou a caracterizar o modernismo que se tornou globalmente dominante ao longo do século XX. Este neoclassicismo legal continua a ecoar hoje e é uma abreviação de elegância e qualidade. É por isso que tantas marcas o usam com grande efeito em seu design de imagem. WordPress pode entregá-lo em espadas com seus temas minimalistas .
Temas e modelos
Designers de temas em todo o mundo contribuíram com uma infinidade de opções de temas personalizados para usuários do WordPress, o que pode ajudar no uso do espaço em branco. Se você deseja usar um tema de comércio eletrônico, um tema limpo, um tema puramente elegante ou um tema flexível, vale a pena dar uma olhada em como o design do WordPress oferece uma ampla variedade de opções de temas.
O tema Total WordPress oferece várias configurações, por exemplo, que você pode usar para adicionar e personalizar o espaço em branco ativo em seu site. Use opções para larguras de sites, espaçamento entre colunas, linhas em tela cheia e muito mais para adicionar espaço em branco a postagens e páginas.
Ou você pode usar o Blank Canvas , que é totalmente minimalista e mais um tema multiuso.
Os modelos também podem ajudar na implantação do espaço em branco. O WordPress oferece ao designer alguns belos modelos para usar, quer você queira um modelo de página de destino ou algo mais genérico.
Obtenha o equilíbrio certo
O importante com o espaço em branco é alcançar um equilíbrio bem-sucedido. Como mencionado, você não pode arriscar sobrecarregar a tela e o usuário com muito de uma só vez. Por outro lado, você precisa parecer que realmente tem algo a dizer e um serviço a prestar.
A quantidade de espaço em branco a ser usada pode depender muito do assunto do site. Tal como acontece com todas as ferramentas de marketing, o que você está comercializando pode moldar a maneira como você o comercializa. Precisa de muito em termos de exposição? Se o produto for muito conhecido, o usuário não precisará de tantas informações contextuais.
Por exemplo, o site da Walt Disney , criado usando o design do WordPress, segue o caminho da pouca informação na página de destino. Você tem o nome Disney sobrepondo uma imagem dando um impacto enorme. O que você definitivamente não consegue, e não precisa, é qualquer informação explicando quem é a Disney e do que se trata.
Para uma empresa iniciante com novos produtos, haverá outras considerações e ideias de SaaS a serem exploradas. É tentador que todas essas informações sejam prontamente apresentadas acima da dobra.
No entanto, é justo dizer que, mesmo se você tiver massas para transmitir, você deve errar do lado de menos em vez de mais. Você sempre pode encaminhar os usuários para subpáginas com mais detalhes assim que eles mostrarem uma inclinação para aprender mais. Para um exemplo disso feito muito bem, veja a página de destino do WooCommerce .
Os sites estão no seu melhor quando atraem a atenção por meio de uma boa aparência e, em seguida, voltam essa atenção para um bom uso, facilitando uma comunicação significativa. Como aprendemos, a transmissão de informações não depende apenas do volume de conteúdo. Se você der tudo de uma vez no interesse de obter dados para o leitor, isso pode resultar em sobrecarga.
Você pode simplificar isso com espaço em branco. E o espaço em branco pode ser usado para melhor efeito com o WordPress, seja você um designer especialista ou alguém que está apenas começando.
O espaço em branco dá espaço, e isso pode ser o necessário para obter um ponto para acertar em cheio. Às vezes, a parte mais eloquente de uma conversa pode ser a gravidez…. pausa.