Storytelling com Dados
Alinhamento
Existe ordem. E evidente que pensamento consciente foi empregado no design e na disposição global dos componentes. Especi icamente, esta última versão foi projetada com maior atenção ao alinhamento e aos espaços em branco. Vamos ver cada um em detalhes.
Alinhamento
A alteração de maior impacto no exemplo de “antes e depois” anterior foi a mudança de texto centralizado para justi icado à esquerda. Na versão original, cada bloco de texto está centralizado na página. Isso não cria linhas limpas, nem à esquerda, nem à direita, o que pode fazer um layout pensado parecer desmazelado. Eu procuro não usar texto centralizado por essa razão.
A decisão de alinhar seu texto à esquerda ou à direita deve ser tomada no contexto dos outros elementos da página. De modo geral, o objetivo é criar linhas limpas (tanto horizontal como verticalmente) de elementos e espaços em branco.
Dicas para alinhamento de elementos em
software de apresentação
Para ajudar a garantir que seus elementos iquem alinhados ao colocá-los em uma página dentro de seu software de apresentação, ative as réguas ou linhas de grade que a maioria dos programas possui. Isso permitirá alinhar precisamente os elementos para criar uma aparência mais limpa. A funcionalidade de tabelas incorporada à maioria dos aplicativos de apresentação também pode ser usada como método de força bruta improvisado: crie uma tabela a im de ter linhas de grade para o posicionamento dos elementos. Quando tudo estiver alinhado como você deseja, remova a tabela ou torne as bordas invisı́veis para que reste apenas a página perfeitamente organizada.
Sem outras dicas visuais, seu público normalmente começará na parte superior esquerda da página ou tela e moverá os olhos por ela em forma de “z” (ou várias formas de “z”, dependendo do layout) ao captar informações.
Por isso, quando se trata de tabelas e grá icos, gosto de justi icar o texto mais à esquerda e acima (tı́tulo, tı́tulos de eixo, legendas). Isso signi ica que o público vai ver os detalhes que informam como ler a tabela ou grá ico antes de chegar aos dados em si.
Como parte de nossa discussão sobre alinhamento, vamos examinar os componentes diagonais. No exemplo anterior, a versão original (Figura 3.13) tinha linhas diagonais conectando as informações aos dados e legendas no eixo x orientados na diagonal; na remodelação, as primeiras foram removidas e os últimos alterados para orientação horizontal (Figura 3.14).