Faça uso das grelhas em layouts tipográficos

Para qualquer designer gráfico é essencial ter boas aptidões em tipografia – e para nós que trabalhamos diariamente com textos, sabemos o quanto esta terefa pode ser difícil.

A solução para criar um bom layout tipográfico é fazer um bom planeamento de uma grelha, tal como ter uma boa fundação para trabalhar é uma boa forma para manter um documento com muito texto, com uma aparência limpa, consistente e fácil de navegar.

O InDesign tem uns recursos óptimos para simplificar este processo, permitindo-o alcançar resultados impressionantes com o mínimo de tempo e de esforço. Como designers, estamos sempre a experimentar e a exceder os limites do design para criarmos layouts muito complicados. No entanto, julgo que uma abordagem limpa, simples e bem estruturada também é eficaz.

Neste tutorial irei mostrar-lhe parte do meu processo de criação de um template de uma página simples em InDesign, desde criar a grelha inicial até adicionar frames para imagens.

Software:
InDesign CS3 ou avançado

Requisitos:
- Configurar uma grelha;
- Dar estilos ao texto;
- Formatação de uma página;

Tempo necessário:
1 hora

01 – O primeiro passo é escolher o seu tipo de letra, pois a sua grelha base irá depender do seu tamanho e do leading (entrelinha) que necessita. Para este projecto, optei por trabalhar com a letra Akkurat, com 8.5pt, defini um leading com 9.921pt, que é o equivalente métrico de 3.5mm.

02 – A seguir, defina as margens e as colunas. Seleccione a A-Master no painel Pages e abra o painel Margins and Columns, que se encontra no menu Layout. Introduza o número de colunas que quer usar, tendo em conta a legibilidade (40-80 caracteres por linha). Optei por uma grelha de oito colunas, com uma gutter a combinar com o leading de 3.5mm.

03 – É comum ter, no mínimo, a dimensão da margem com o dobro da largura da gutter. Optei por adicionar mais em inside, considerando a perda de texto na gutter devido à encadernação, e mais em bottom considerando o espaço para page folios.

04 – A seguir, defina a sua baseline grid. No menu InDesign, seleccione Preferences>Grids. Uso as mesmas medidas que escolhi para o leading, 3.5mm, e iniciei a grelha aos 10mm, medida da primeira margem.

05 – Chegou a altura de considerar as características de página que quer adicionar às suas páginas mestras. Pode adicionar, de um modo simples, uma numeração de página automática: no
documento Master, desenhe uma caixa de texto na posição que quer que o número apareça, em seguida, vá ao menu Type, seleccione Insert Special Characters> Markers>Current Page
Numbers e aparecerá um A. Vai aparecer como o número correcto de página nas páginas do seu documento.

06 – Agora está preparado para introduzir o texto principal. Na página do seu documento, desenhe uma caixa e preencha-a com placeholder text. Se clicar com o Botão Direito do Rato/Ctrl numa caixa de texto, irá ver a opção ‘Fill with Placeholder Text’. Abra o seu painel Paragraph (Window>Type and Tables>Paragraph) e clique no botão ‘Align to baseline grid’, no canto inferior direito.

07 – De seguida, adicione um título. Para conseguir um bom alinhamento com o texto principal, faça o leading do título múltiplos da sua baseline grid’s 3.5mm. Desta forma, pode bloqueá-lo à baseline grid e irá automaticamente alinhar-se com o texto seguinte. Optei por ter o meu título com 21mm, seis vezes o leading 3.5mm da baseline – este equivale a 59.528 pt, por isso, defino o tamanho da letra para 58pt.

Dê-lhe estilo – Lembre-se que é sempre útil definir os character e paragraph styles, quando criar um novo template. Quando são usados adequadamente, tornam a execução de um documento mais rápida e podem prevenir erros nas letras, tamanho, peso e por aí em diante.

08 – A seguir introduza um subtítulo. Mais uma vez, vou usar increments de 3.5mm para o título, escolher 7mm (19.843pt) e definir o tamanho de texto para 18pt. Ao escolher este tamanho, tenho sempre presente a hierarquia do texto num layout, assegurando que o olhar é levado em primeiro lugar para o título, depois para o subtítulo e finalmente para o texto principal.

09 – Vou voltar ao texto principal e ver o tracking – deve ajustar o tracking da sua letra se a acha demasiado solta ou apertada. O Tracking é um kerning uniforme adicionado a um bloco de texto, e é usado para reforçar o espaçamento dos caracteres. Para remover ou adicionar espaço, use o atalho do teclado Ctrl/Cmd+Alt/Opt+Tecla da Seta Esquerda ou Direita para aumentar ou diminuir. Em alternativa, introduza o valor no campo do Tracking.

10 – Se acha o tracking que adicionou muito excessivo, pode ajustar os tracking increments. Em InDesign>Preferences>Units & Increments, mude o valor no campo Tracking/Kerning para 2, ficando com pequenas alterações para trabalhar.

11 – As opções de alinhamento do texto principal são o próximo item a ter em consideração. Actualmente está alinhado à esquerda, vou alterá-lo para texto justificado. Com a última linha alinhada à esquerda, seleccione o texto para justificar, use o shortcut Ctrl/ Cmd+Shift+J. Alternativamente, use os botões no painel Paragraph.

12 – Um dos problemas do texto justificado é a gap spacing ser inconsistente. Uma das formas de o contornar é alterar as percentagens na caixa de diálogo Justification que se encontra no menu pop-up da barra de ferramentas. Com o seu texto seleccionado, seleccione Justification para abrir a caixa de diálogo.

13 – A justificação actua no espaçamento da palavra, mas, para suavizar o problema pode ajustar um pouco o espaçamento entre as letras. Mude o espaçamento da letra para um mínimo de -5 e um máximo de +5 para preencher algumas das lacunas (gaps).

14 – Outro problema com o texto justificado pode ser a pontuação deslocada, que faz as linhas parecerem dentadas. Em Type>Story está a opção para mudar para ‘Optical Margin Alignment’. Isto empurra a pontuação para a gutter, tornando a linha ligeiramente mais nítida.

15 – Neste momento, o meu texto contém hífens, mas vou optar por não os usar, desactivando a caixa Hyphenate que se encontra no painel Paragraph. Mas se acha que o seu layout precisa de hifenização, então o InDesign dá-lhe um bom controlo. A caixa de diálogo Hyphenation pode ser encontrada no menu Content do painel Paragraph.

16 – Geralmente, opto por não hifenizar palavras com menos de cinco caracteres, e inicio a hifenização após os primeiros dois caracteres e antes dos últimos três. No campo Hyphen Limit, também opto por não ter mais do que três linhas consecutivas hifenizadas, e geralmente desactivo ‘Hyphenate Last Word’ para evitar letras soltas. Aqui também pode optar por colocar na escala menos hífens ou melhor espaçamento. Se activar a caixa Preview, pode visualizar as alterações à medida que estas acontecem e verificar o que funciona melhor para si.

17 – Existem algumas opções no contexto do menu drop-down do painel Paragraph que também podem ser úteis quando trabalhar textos principais, single-line e paragraph composers. Single-line composers ajusta o spacing e hyphenation com base na linha-a-linha, e paragraph composers fazem estas alterações de acordo com as necessidades de todo o parágrafo. Opto por ‘Paragraph Composers’ assim como pela opção ‘Balance Ragged Lines’, que contribui para um texto não justificado mais agradável.

A paleta Glyphs – Uma das boas paletas do InDesign é a Glyphs. Contém todos os caracteres especiais para usar no seu tipo de letra, e pode adicionacioná-los ou alterá-los manualmente. Também pode definir o seu conjunto de Glyphs, no qual pode adicionar quaisquer símbolos que usa regularmente.

18 – É sempre bom practicar manualmente o kern de textos maiores, por isso, vou fazer um kern ao título. Para o fazer, clique entre um par de letras e introduza o valor no campo do Kerning, ou escolha um dos valores pré-definidos do menu drop-down à esquerda do campo. Em alternativa, pode usar os mesmos atalhos do teclado que utilizou no passo do tracking.


Jo Gulliver

Jo é a editora de arte nomeada Designer of the Year da PPA Computer Arts inglesa. O seu dia envolve tipicamente a arte da capa com os mais excitantes designers do mundo, e sessões com os nomes mais sonantes da indústria do design. Jo, esteve recentemente no Graduate Showcase Exhibition Seminars.

 

App portuguesa há 5 dias no top de vendas dos EUA

Aplicação Back in Time é um livro interativo multimédia, que conta a história do Universo desde o Big Bang ao aparecimento do Homem, abrangendo diferentes áreas do conhecimento.

A empresa portuguesa Landka demorou dez meses a desenvolver a aplicação Back in Time que há cinco dias lidera o top de vendas de livros para iPad nos Estados Unidos.

No dia 4 de janeiro, um especialista de tecnologia do "The New York Times" considerou a aplicação como uma das dez melhores de 2011. A notícia, que também foi publicada no "Sidney Morning Herald", causou um grande impacto nas vendas e levou a aplicação a subir do 54.º até ao primeiro lugar do top.

Segundo o site www.appannie.com, a aplicação portuguesa lidera desde esse dia.


Disponível em seis idiomas

Back in Time é um livro interativo multimédia, que conta a história do universo desde o Big Bang ao aparecimento do homem, abrangendo diferentes áreas do conhecimento: Astronomia, Ciências Naturais, Geologia e História Antiga e Moderna.  

O utilizador conta com mais de 300 imagens temáticas, 60 animações, vídeos e mais de 200 factos históricos. Com um preço de 5,99 euros para iPad e 3,99 euros para o iPhone, a aplicação está disponível em seis idiomas (português, inglês, mandarim, espanhol, francês e alemão) e uma vez instalada não precisa de Internet para funcionar. A banda sonora é do compositor Rodrigo Leão. 

A aplicação foi lançada no dia 22 de setembro para iPad e no dia 2 de dezembro para iPhone.

Segundo a empresa, logo após o lançamento da aplicação a Apple deu-lhe um lugar de destaque na página principal da iTunes Apple Store em mais de cem países. Esteve também no 1.º lugar do top de vendas de livros para iPad em 38 países. 

A empresa Landka, foi fundada em outubro de 2010 e tem como colaboradores designers, programadores e engenheiros.