Introduction to Page Layout: Grids, Column Systems, and Margins
O que distingue um design amador de uma página de revista profissional não são enfeites, efeitos brilhantes ou caixas coloridas. A diferença entre eles é a ordem matemática invisível que está por trás da página profissional. Qualquer que seja o plano de zoneamento que garanta a harmonia das ruas, edifícios e praças na visita a uma cidade; Chamamos a rede da régua invisível na qual artigos, fotografias e títulos são alinhados na página da revista de 'Grid'. Layout feito sem grade é como lixo levado pelo vento grudado no papel.
O que você aprenderá nesta lição
- Compreender a filosofia Grid e a matemática de múltiplas colunas no design de revistas
- Evitar que o texto seja incorporado na capa calculando as margens e a medianiz corretamente
- Alinhar perfeitamente os elementos da página (título, texto, imagem) em uma grade comum
O que é grade? O esqueleto invisível da página
O sistema Grid, apresentado ao mundo pela escola suíça de design gráfico moderno, consiste em dividir a área da página em um tabuleiro de xadrez modular com linhas guias verticais e horizontais. Numa revista nem todas as páginas são reinventadas; Um padrão de grade comum de 3, 4 ou 6 colunas é executado em toda a edição.
Ao colocar uma imagem, você não a deixa em algum lugar aleatório; Você diz: 'Esta foto terá 2 colunas de largura, o título terá 3 colunas.' Assim, constrói-se um ritmo visual e uma ordem corporativa perfeitos que relaxam o olhar do leitor da página 1 à página 80 da revista.
Arquitetura de coluna e comprimento de linha
Por que os artigos das revistas são impressos em 2 ou 3 colunas em vez de uma única linha do início ao fim? Porque o olho humano atinge fisiologicamente o seu maior conforto ao ler no máximo 50 a 70 caracteres (aproximadamente 9 a 12 palavras) numa única linha.
Se você estender a linha de uma extremidade à outra da página A4 (80-90 palavras), o olho do leitor perderá a linha e ficará cansado à medida que se move do final da linha para o início da próxima linha. A estrutura com 2 ou 3 colunas permite que o olho flua para baixo de forma rítmica e rápida.
Margens e desastre de sarjeta
O erro mais trágico que os designers iniciantes cometem é manter as margens próximas de zero e estender o texto até a borda da página. Margem é o quadro da página; É o tapete que separa o quadro da parede.
Deve ser dada especial atenção à 'Calha' (margem interna). Quando a revista é grampeada ou encadernada com cola, as páginas se curvam para dentro. Se não deixar espaço suficiente na margem interna, as primeiras palavras das frases se perderão na dobra escura do volume e o leitor terá que rasgá-lo com as duas mãos para poder ler a revista.
Por que o número de páginas da revista deveria ser 4 e múltiplo de 4? (A Lógica dos Uniformes e a Preparação para o Futuro)
A regra mais fundamental da publicação, que vem da gráfica, é que o número de páginas deve ser planejado como 4 ou múltiplos de 4 (12, 16, 20, 24, 32, 48, 64, etc.). A razão para isso é a geometria do papel: quando você dobra uma folha de papel ao meio, obtém exatamente 4 páginas na frente e atrás. Na gráfica, os papéis são impressos em folhas grandes chamadas 'formulários'. Se a sua revista for projetada para ter 23 páginas, a gráfica terá que completá-la para 24 páginas, deixando 1 página em branco estranha, vazia e sem sentido no final da revista; Além disso, o mofo e o papel-moeda são pagos em vão.
Na publicação digital, você pode publicar sua revista de forma totalmente gratuita no MagPublish com a quantidade de páginas que desejar; Quer seja um boletim informativo de 3 páginas ou um e-zine de 5 páginas, MagPublish exibe qualquer formato de forma flexível e integrada. Então, por que deveríamos nos limitar a múltiplos de 4 desde o início ao trabalhar digitalmente? Resposta: É preparação para o futuro e visão profissional. Para uma revista de escola, campus ou clube que você começou digitalmente, se um dia você disser: 'Vamos fazer 50 edições de lembrança desta edição para a biblioteca da escola e os autores', você não terá que estragar completamente o layout quando um patrocinador ou associação de ex-alunos encontrar um orçamento e decidir ir à gráfica ou ao projeto. Se o número de páginas for definido como múltiplo de 4 desde o início, você poderá enviar a revista para impressão instantaneamente, sem alterar nem mesmo uma única vírgula.
Raízes Antigas do Layout: Mıstara, Régua de Ouro e Hierarquia da Caligrafia
O mundo do design moderno sistematizou o conceito de “sistema de rede” com a escola suíça do século XX; No entanto, nas artes do livro otomano e nos miniaturistas palacianos dos séculos XV e XVI, o layout das páginas foi aplicado com ordem matemática. Antes de começar a escrever, calígrafos e iluminadores imprimem no verso do papel um padrão de grade rosqueado chamado 'Mıstara'; Eles determinaram a altura das linhas, o espaçamento entre linhas e a largura das colunas com precisão milimétrica.
As bordas douradas e azuis escuras da 'Régua' desenhadas ao redor do texto são as ancestrais da margem e da disciplina de borda no layout moderno. Além disso, a combinação do grande e digno 'Celi Sülüs' utilizado no título de uma revista e da ágil linha 'Nesih' utilizada no corpo; A hierarquia atual de fontes Display/Body é a lei tipográfica universal descoberta séculos atrás por mestres como Şeyh Hamdullah e Ahmed Karahisârî.
Perspectivas de especialistas e fontes
Sheikh Hamdullah, intitulado 'Kıblatü'l-Küttâb' (Qibla dos Calígrafos); Transformou a escrita numa arquitectura viva com a ordem estética que trouxe para Aklâm-ı Sitte (seis tipos de escrita). Com 'mistara' (régua de grade rosqueada) e bordas douradas de 'régua' usadas no layout da página; Estabeleceu a hierarquia de páginas perfeita séculos antes do moderno sistema de grade do Ocidente.
Ponto-chave para esta lição: Não coloque tipografia aleatoriamente no layout da página; Crie a hierarquia entre a fonte do título e a fonte do corpo e a proporção áurea das margens com a meticulosidade de uma placa de caligrafia.
A abordagem desenvolvida por Tschichold para a Penguin baseia-se no estabelecimento de regras comuns que podem ser aplicadas em toda a série de publicações, em vez de decorar capas individuais. Considerar frente, costas e verso juntos transforma a identidade visual em um sistema.
Ponto-chave para esta lição: Em vez de reinventar cada página no design da revista, estabeleça um sistema consistente de dois pontos, espaços, títulos e regras de estilo.
A abordagem de design de informação de Vignelli baseia-se em tornar compreensível conteúdo complexo com um pequeno número de decisões visuais consistentes. Sistema poderoso; Faz com que tipografia, alinhamento e hierarquia funcionem juntos.
Ponto-chave para esta lição: Torne mais fácil para o leitor se concentrar no texto usando tamanho de fonte pequeno e estrutura de colunas consistente no layout da página.
Aplicação prática e estudo de caso
Nas proporções tipográficas que projetou para a Penguin Books e para a publicação moderna, Jan Tschichold aplicou o cânone clássico da página, em que as margens das páginas são distribuídas na proporção áurea (1:1.618); Mesmo sem qualquer decoração, as páginas viraram obras de arte apenas com esses espaços em branco.
Nota: Exemplos não citados são modelos pedagógicos para ilustrar a metodologia editorial; nomes e métricas são ilustrativos.
Avisos editoriais críticos e armadilhas comuns
- Não feche as guias da grade e coloque os elementos da página tortos à mão.
- Não se esqueça de calcular a medianiz e fazer com que o texto afunde na encadernação.
- Não transforme a revista em um parque de diversões usando colunas de números diferentes e larguras irrelevantes em cada página.
Resumo da lição e principais conclusões
- Grid é o esqueleto matemático invisível que alinha todos os elementos visuais da página.
- A estrutura de 2 ou 3 colunas maximiza o conforto de leitura com um comprimento de linha ideal de 50 a 70 caracteres.
- Calhas e margens são áreas vitais de segurança que evitam que o texto fique preso na encadernação.
Terminou esta lição?
Você pode prosseguir diretamente para a próxima lição. Marcadores, questionários e certificados são desbloqueados para estudantes inscritos em nosso programa 100% gratuito.