Grade de linha de base x legibilidade

Qualquer designer que se preze falará sobre a importância da grade, e com razão. No entanto, como continuei praticando meu ofício, descobri que a grade da linha de base em particular nem sempre parece prática para mim.

Por exemplo, trabalho com muitas folhas de marketing que possuem listas com marcadores. Minha primeira inclinação é espaçar tudo uniformemente e manter a grade da linha de base, assim:

Mas muitas vezes chegamos à conclusão de que, embora as marcações separem os itens, o espaçamento uniforme entre as linhas e entre os itens da lista torna mais difícil separar os pontos visualmente. Então, acabamos com algo assim:

Cada item da lista é melhor distinguido, mas agora a grade da linha de base desapareceu e tudo parece um pouco mais confuso.

Em um nível menor, aqui está outro exemplo:

Manter uma grade de linha de base adequada faz com que um título com duas linhas se pareça com coisas separadas, mas alterar o espaçamento para corrigir isso prejudica o fluxo (se algumas pessoas tiverem apenas um título com uma linha).

É possível que eu ainda seja inexperiente o suficiente para não saber como comer meu bolo e comê-lo aqui também. Mas suspeito que esse poderia ser um cenário em que as regras de design precisam ser flexíveis para atender a diferentes prioridades.

Mas perguntarei independentemente: o que é mais importante - manter uma grade de linha de base em uma situação como essa ou comprometer a grade para obter ganhos de legibilidade?

Problemas com grades de linha de base são mais fáceis de resolver se você se lembrar dessa regra: o único objetivo do design gráfico é facilitar a comunicação. É para isso que você é contratado, pelo que é pago e pelo que depende. Uma grade (ou qualquer outro elemento de design) é útil e apropriado apenas se atingir esse objetivo.

As informações em uma página são mais fáceis de abordar e assimilar se tiver uma boa hierarquia visual (manchetes, subtítulos, cópia do corpo, barras laterais), são agrupadas adequadamente (as coisas que pertencem uma à outra são, de fato, juntas) e são espaçadas adequadamente, incluindo margens e outros espaços em branco.

Uma grade de layout traz ordem à página e permite que ilustrações, elementos gráficos, como espaço em branco, títulos e texto, se alinhem de maneira ordenada que possa emprestar autoridade ou um sentimento de "correção" à página. Existem muitas maneiras de fazer um; nem todos consistem em linhas e colunas espaçadas uniformemente.

Uma grade de linha de base, como aponta DA01, funciona bem em layouts de várias colunas. Também é útil em situações em que uma aparência muito formal, controlada ou limpa cirurgicamente é apropriada. Fora de livros e outras publicações com muito texto, mais frequentemente do que não, você precisa de uma aparência menos formal.

A pergunta que você pode fazer sobre qualquer opção de design, especialmente em tipografia, é "Isso tornará a comunicação mais fácil de entender, mais fácil de encontrar ou mais eficaz?" Se a resposta for "Não", está errado.

Seu exemplo é um ótimo exemplo: forçar os pontos de marcador em uma grade da linha de base destrói a legibilidade do texto. A comunicação é essencial, então você imediatamente sabe que a aderência à grade está errada. Um único item de informação, como um endereço ou o texto de um marcador, também deve ser um único item visual na página . Daqui resulta que itens de informação separados devem estar separados na página.

Portanto, não é uma questão de comprometer a grade para obter uma melhor comunicação. É que você nunca deve comprometer a comunicação, ponto final. Projete-o para se comunicar. Use as regras e técnicas de design o quanto quiser, para que ele se comunique de maneira brilhante. Mas nunca permita que regras ou técnicas atrapalhem a comunicação.

A idéia de uma 'grade de linha de base' tende a ser abusada ... especialmente na web.

A grade da linha de base é realmente para uso em publicações com várias colunas. A idéia é ter 'linhas' horizontais consistentes em todas as colunas.

E deve ser usado por padrão, mas você também deve saber quando NÃO usá-lo.

Seu exemplo de lista com marcadores é um bom caso em que provavelmente é bom quebrar a grade. Ainda é possível ajustar as coisas para aderir um pouco à grade.

Por exemplo, você pode ter o tipo 12/14. Você poderia, então, abrir espaço entre as balas 7. Isso ainda aderiria à grade (a meio passo).

Eu sugeriria ter um estilo de parágrafo para listas em que apenas a primeira linha se alinha à grade da linha de base. Dessa forma, a lista não ficará confusa, todas as linhas com marcadores ainda serão executadas na grade da linha de base, mantendo a aparência geral do alinhamento, enquanto as seguintes linhas têm um espaçamento diferente. Resultando em uma aparência semelhante à que você descreveu, muitas vezes você aceita, mas com mais elementos alinhados à grade.

Você pode recalcular a grade da linha de base para gerenciar números e subdivisões menores, para que você possa fazer incrementos fracionais que cada intervalo coincidirá. se sua unidade de grade de linha de base for 9 pt, significa que uma subdivisão natural seria de 3 pontos. Em um texto definido como 8pt, você pode ter 9pt ou 12pt, em um texto definido como 12pt, pode ter uma altura de linha de 15pt, 18pt… com um conjunto de tamanhos relacionados, você mantém as proporções do espaçamento entre linhas.