Compreender a construção de alinhamentos com a Palete Tabs

por edraant em 22/03/2010

em Tables, Typography

Exis­tem tabe­las e tabe­las. Exis­tem tabe­las à la Word, em que a gre­lha até é bas­tante boa, mas os ali­nha­men­tos de texto são de fugir. Quem faz tabe­las pro­fis­si­o­nais pode usar even­tu­al­mente a opção Tables exis­tente no InDe­sign, mas o pro­cesso não fica com­pleto sem usar e com­pre­en­der (muito) a outra fea­ture exis­tente para a cri­a­ção de tabe­las: a Palete Tabs.

Quem aterra no InDe­sign vindo do QuarkX­Press (ou mesmo do Fre­ehand) não tem mui­tas dúvi­das sobre o fun­ci­o­na­mento desta palete, já que é pra­ti­ca­mente igual entre os dois pro­gra­mas. Como usar, quando e de que forma, são alguns dos aspec­tos a que este texto se propõe.

Algu­mas considerações:

  1. As tabs podem ser con­fi­gu­ra­das num Para­graph Style.
  2. As tabs podem ser apli­ca­das den­tro de uma célula de uma tabela.
  3. As tabs podem ser recon­fi­gu­ra­das linha a linha.
  4. Basta selec­ci­o­nar a caixa de texto para alte­rar as tabs, se esti­ve­rem todas com o mesmo alinhamento.

Para que ser­vem as tabs?

Bom, ser­vem essen­ci­al­mente para ali­nha­men­tos de infor­ma­ção den­tro de uma tabela. Uma coisa é a tabela em si, outra, é a infor­ma­ção apresentada.

tabs_1

Como come­çar a coisa

Uma tabela pode come­çar com uma caixa em branco ou com texto já den­tro da mesma.

A regra é: o ali­nha­mento depende do posi­ci­o­na­mento da tecla tab, tal como no exem­plo a seguir. O texto está com­posto mas não ali­nhado, como se tivesse sido inse­rido do Excel.

Tabs_7

Com­pre­en­são da Palete Tabs

A Palete Tabs tem aspec­tos muito par­ti­cu­la­res, inde­pen­den­te­mente do que se pre­tende criar.

Para a visu­a­li­zar, Menu Type > Tabs (Cmd + Shift + T).

O aspecto desta palete pode dar von­tade de fechá-la ime­di­a­ta­mente, tal a forma como se apre­senta, com seti­nhas, cam­pos vazios, uma fer­ra­menta com um íman e uma régua que não tem nada a ver com a régua do docu­mento.

tabs_6

Vamos então analisá-la.

1. Ali­nha­mento à esquerda: o texto é ali­nhado à esquerda

2. Ali­nha­mento ao cen­tro: o texto é ali­nhado ao centro

3. Ali­nha­mento à direita: o texto é ali­nhado à direita

4. Ali­nha­mento deci­mal (ou outro carac­ter): o texto é ali­nhado pelo carac­ter especificado.

5. Posi­ção da tab: iní­cio da tabu­la­ção, inde­pen­den­te­mente do alinhamento.

6. First Line Left Ident: avanço da pri­meira pala­vra de texto den­tro da caixa de texto. Pode alterar-se arras­tando o tri­ân­gulo supe­rior den­tro da régua.

7. Left Indent: avanço de todo o bloco de texto den­tro de uma caixa. Pode alterar-se usando o tri­ân­gulo infe­rior den­tro da régua.

Estas duas últi­mas opções usam a iden­ta­ção do InDe­sign. Se se veri­fi­car a Palete Con­trol, os valo­res são mos­tra­dos nes­ses campos.

tabs_3

8. Lea­der: cara­cer de pre­en­chi­mento. Se colo­car aqui um ponto final (.) será este o carac­ter a “encher” o espaço rema­nes­cente, como é o caso do pontilhado.

9. Align On: ali­nha­men­tos pela vír­gula, pelo ponto de per­cen­ta­gem, pelo ponto final ou outro carac­ter? É aqui que ele é colocado.

10. Ali­nha­mento à esquerda: Para defi­nir, basta cli­car em cima da régua com uma das qua­tro posi­ções (legenda 1, 2, 3 ou 4). Com este ali­nha­mento, o texto irá ser pre­en­chido daquele ponto para o lado direito.

11. Ali­nha­mento pelo carac­ter esco­lhido: Se o carac­ter colo­cado no campo Align On for uma vír­gula ou um ponto, o texto será ali­nhado sem­pre que este carac­ter exis­tir den­tro da caixa de texto, depois da cha­mada da tecla tab.

tabs_4

12. Íman: este ícone faz com que a Palete Tabs seja colo­cada auto­ma­ti­ca­mente em cima da caixa de texto em que se trabalha.

Se a coisa não fun­ci­o­nar, fecha-se a Palete, selecciona-se de novo a caixa e abre-se de novo a Palete Tabs, no Menu Type.

13. Clear All: Limpa todas as tabs defi­ni­na­das na régua.

14. Delete Tab: apaga a tab seleccionada.

15. Repeat Tab: ao defi­nir uma tab a 20 mm do iní­cio da caixa de texto, e ao seleccioná-la e indo a este sub-menu, a tab é dupli­cada de 20 em 20 mm até ao final da caixa de texto.

16. Reset Idents: eli­mina a iden­ta­ção atri­buída neste qua­dro, nos pon­tos 6 e 7.

tabs_5

Cri­a­ção de uma tabela

Tudo isto é muito bonito, mas como é que fun­ci­ona a Palete Tabs?

Temos este texto já com a cha­mada de tabela.

Tabs_7

Selecciona-se o texto e na Palete Tabs, clica-se no ali­nha­mento de tabela à direta, fazendo com que o texto vá ali­nhar desta forma den­tro da tabela.

tabs_8

Se for neces­sá­rio mudar o ali­nha­mento, selecciona-se o ícone do ali­nha­mento na res­pec­tiva régua e selecciona-se, desta vez, o ali­nha­mento ao cen­tro. Auto­ma­ti­ca­mente, o texto selec­ci­o­nado é ali­nhado ao centro.

tabs_9

3 exem­plos

Mostram-se aqui três exem­plos, entre tan­tos outros, de como criar ali­nha­men­tos per­fei­tos. Veja-se de novo o qua­dro inicial.

Exem­plo 1 — Este qua­dro seria per­feito se no campo “Bene­fits paid” e “Actu­a­rial” a infor­ma­ção não esti­vesse den­tro de paren­te­sis. Numa lei­tura ver­ti­cal, o olhar o lei­tor é des­vi­ado para a esquerda quando chega àque­las linhas. A boa regra aqui seria colo­car o parên­te­sis fora do alinhamento.

tabs_1

Apre­sento uma simu­la­ção de como ficará. Começa-se com o texto em “bruto”.

tabs_10

Selecciona-se o texto todo e aplicam-se as res­pec­ti­vas tabs, cli­cando em cima da regua. O exem­plo mos­trado é com ali­nha­mento à direita.

tabs_11

Como escrevi no iní­cio, é pos­sí­vel apli­car tabu­la­ções dife­ren­tes linha a linha.

Seleccionam-se as duas linhas a alte­rar e a tab de ali­nha­mento à direita na régua. Clica-se na tab “ali­nha­mento pelo carac­ter” (legenda 4) e no campo Align On escreve-se o carac­ter parêntesis.

Assim, nes­tas duas linhas selec­ci­o­na­das, sem­pre que hou­ver um parên­te­sis, o ali­nha­mento começa a par­tir daí. Repe­tir o mesmo pro­ce­di­mento (não mos­trado na foto) no segundo valor ( 4 673).

tabs_12

Exem­plo 2 — Tudo muito bonito e direi­ti­nho, mas nos últi­mos 2 cam­pos, o sinal de per­cen­ta­gem está ali­nhado para o lado esquerdo, pro­vo­cando uma con­fu­são visual a quem lê na vertical.

tab

O que se tem neste momento é isto.

tabs_13

Mais uma vez, selecciona-se a segunda linha e procede-se da forma cor­recta: selec­ci­o­nar a segunda linha, selec­ci­o­nar os ícones de ali­nha­mento na Palete Tabs, mudar para ali­nha­men­tos deci­mais e inse­rir no campo Align On, o carac­ter de percentagem.

tabs_14

Como se pode veri­fi­car, a pri­meira linha da tabela con­ti­nua com as tabu­la­ções defi­ni­das ini­ci­al­mente, já que a alte­ra­ção pode ser linha a linha.

tabs_15

Exem­plo 3 os famo­sos “pon­ti­nhos” que já expli­quei nou­tro post é aqui dis­se­cado passo a passo.

A tecla tab serve para “encos­tar” o número apre­sen­tado à direita. No entanto, pretende-se que o espaço rema­nes­cente seja pre­en­chido com pontos.

tabs_16

Para isso, clica-se duas vezes em cima do sím­bolo tab, selec­ci­o­nando o espaço remanescente.

tabs_17

Aí, ir ao campo Lea­der e digi­tar o ponto final, que será o carac­ter de preenchimento.

tabs_18

Con­clu­são: notei que é muito mais fácil expli­car as tabs em aula do que ten­tar escre­ver algo sobre elas. É muito visual, o que pode fazer per­der rapi­da­mente a linha con­du­tora. De qual­quer forma, espero que tenham enten­dido e per­ce­bido a coisa. Estou cá para satis­fa­zer dúvidas.

Boas tabs.

{ 4 comentários… lê-los a seguir ou adicionar um }

1 Alexsandro 22/03/2010 ás 01:50

Muito bom Eduardo,

No final do ano­pas­sado, tive uma expe­ri­ên­cia assim, dei ‘aula’ para um pes­soal sobre tabs (tabu­la­ções) e não adi­an­tava falar e expli­car, tinha que mos­trar e eles pega­ram bem fácil a liçaõ quando colo­quei a ‘mão na massa’ e mostrei.

Muito bom mesmo!
Divul­gando em 5, 4, 3, 2…

Abra­ção!!

2 edraant 22/03/2010 ás 02:46

Tens razão Alex,
Nada melhor que mos­trar. Desta forma é dema­si­ado her­mé­tico :)
Grande abraço

3 António 24/03/2010 ás 11:36

Edu­ardo, mais uma vez se demons­tra que são os peque­nos por­me­no­res que fazem a dife­rença. Em ele­men­tos dados com cer­tos (as tabe­las) em mui­tos docu­men­tos a rápida e clara é essen­cial. Bom post…

4 noleggio borse 13/01/2012 (4 weeks ago) ás 08:48

Loo­king at the great work you are doing here, I can’t help it but to tell you to keep up the good work. Thanks for sharing.

Deixar um comentário

Post Anterior: Indesign Tip #29

Post Seguinte: 12 de Abril de 2010 — Lançamento da Suite CS5