Layout e composição.
De certa forma, são os pilares do design.
Eles dão estrutura ao nosso trabalho e o tornam mais fácil de navegar, das margens laterais...
ao conteúdo dentro dele.
Claro, não se trata só de trabalhar com texto.
A composição é importante em outros meios também, como design gráfico, web design, e muito
mais.
Sem um layout bem composto, o trabalho poderia basicamente... se desfazer.
A chave para dominar o layout e a composição é pensar como um designer.
Por sorte, isso é mais fácil do que parece.
Existem cinco princípios básicos que podem ajudar a transformar nosso trabalho e apurar nosso olhar
para o design.
Vamos começar do topo e percorrer pelos tópicos um a um.
Proximidade significa simplesmente usar o espaço visual para mostrar relações no conteúdo.
Na prática, é bem simples — tudo o que devemos fazer é ter certeza de que os itens relacionados estão
agrupados; por exemplo, blocos de textos ou elementos de uma imagem.
Grupos que não se relacionam entre si devem estar separados, para enfatizar visualmente
o fato de não estarem relacionados.
Em resumo, isso torna a composição mais fácil de entender de imediato — seja ela puramente
textual ou algo mais visual.
O espaço branco é uma parte importante de toda composição.
Agora, isso não significa literalmente "espaço em branco" — quer dizer apenas espaço negativo, como a distância
no meio do conteúdo, entre as linhas, e até as margens externas.
Não existe um "jeito único" de usar espaço em branco corretamente, mas é bom entender sua finalidade.
O espaço em branco ajuda a definir e separar seções diferentes; ele dá ao conteúdo da composicão
espaço para respirar.
Se o seu trabalho começar a parecer confuso ou desconfortável... um pouco de espaço em branco poderá
ser exatamente o remédio que ele precisa.
Alinhamento é algo com que lidamos a todo momento, mesmo sem perceber.
Sempre que escrevemos um e-mail ou criamos um documento, o texto é alinhado automaticamente.
Quando alinhamos objetos por nossa conta (por exemplo, imagens ou caixa de texto separadas), acertar
pode ser difícil.
O mais importante é ser consistente.
Vamos dar uma olhada no que isso quer dizer.
Pode ajudar imaginar o conteúdo organizado dentro de uma grade.
Você percebe como há uma linha invisível centralizando cada imagem ao texto?
Cada agrupamento também está simetricamente espaçada e alinhada, com margens do mesmo tamanho.
É essa atenção aos detalhes que tornam a composição mais fácil de percorrer.
Sem um alinhamento consistente, o trabalho pode começar a parecer desorganizado.
Contraste significa simplesmente que um item é diferente do outro.
Em layout e composição, o contraste pode ajudar muito; por exemplo, atrair
o leitor, criar ênfase, chamar atenção para algo importante.
Existem várias estratégias para criar contraste.
Podemos usar cores... ajustar o tamanho, formato, ou grossura de um objeto... ou usar
estilos de texto que contrastam.
O contraste também tem a ver com a hierarquia, uma técnica visual que ajuda o leitor
a percorrer a composição.
Em outras palavras, ela mostra ao leitor por onde começar e por onde continuar, usando níveis diferentes
de ênfase.
Estabelecer hierarquia é simples: apenas escolha quais elementos você quer que o leitor leia
primeiro; então, destaque-os.
Itens importantes numa composição geralmente são grandes, mais destacados ou mais atrativos
de alguma forma.
A repetição é um lembrete de que todo projeto deve ter um visual consistente.
Isso significa encontrar formas de reforçar o design repetindo certos elementos.
Por exemplo, se você tem uma paleta de cores específica, tente mantê-la em todo o projeto.
Se você escolheu um estilo de título especial, use-o sempre.
Não se trata só de uma questão estética — ser consistente pode também facilitar a leitura
do seu trabalho.
Quando leitor sabe o que esperar, ele pode ficar mais tranquilo e prestar mais atenção ao conteúdo.
De muitas formas, o layout e a composição são os heróis desconhecidos do design.
É fácil deixar de perceber os seus papeis, mas eles são parte de tudo o que fazemos.
Um toque aqui... um pouco de espaço em branco extra ali... e voila!
Com um pouco de atenção aos detalhes, podemos criar belas composições e com visual profissional.
Obrigado por assistir ao nosso vídeo sobre o básico de layout e composição.
Confira nossos outros vídeos sobre design, incluíndo tipografia, cor e imagens.