TIPOGRAFIA MÓD 04

Prévia do material em texto

TIPOGRAFIA 
MÓDULO 04 
 
 
1. ELEMENTOS VISUAIS – QUANDO USAR? 
 
 
- Uso de elementos visuais com o propósito de facilitar a comunicação jurí-
dica; 
 
 
 
 
 
 
 
OUTRAS FUNÇÕES: 
• Organizar informações no documento; 
 
• Dar áreas de respiro ao leitor – dinâmica da leitura; 
 
 
 
 
 
 
ELEMENTOS VISUAIS DE APOIO AO TEXTO JURÍDICO 
 
 
 
 
!!! ATENÇÃO PARA QUANDO USAR ELEMENTOS: 
1º: a capacidade do leitor de compreender aquele assunto (ex.: menos co-
nhecimento, mais elementos visuais); 
2º: complexidade do assunto (assuntos complexos quando usa a linha do 
tempo ou tabelas torna o texto/documento muito mais palpável) (mais com-
plexo, mais abertura do uso desses elementos). 
↓ 
 
 
 
 
 
EM RESUMO: 
 
 
 
COMO USAR: 
→ precisa de dados concretos para es-
colhas deliberadas. 
COMO É VISTO PELO JUDICIÁRIO: 
→ 
 
 
 
 
 
→ maioria absoluta - JUÍZES FEDERAIS 
entendem que facilita. 
 
→ 
→ maioria absoluta → JUÍZES ESTADUAIS também acreditam que facilita. 
 
Assim sendo, usando de forma correta as nossas chances de ir ilesa são maio-
res; 
 
 
 
 
 
 
 
 
O QUE NÃO USAR: 
-QR CODE 
- Links; 
- Ícones; 
- Vídeos. 
→ esses elementos não agregam em nada no documento – são DISPENSÁVEIS 
– Proporcionam uma má-experiência ao usuário + Adicionam complexidade à 
análise (Lei de Hick) – INOVAÇÃO CONSERVADORA (trazer coisas novas da-
quilo que já tem dados concretos que darão suporte ao seu texto e argumenta-
ções) 
 
 
 
2. CORES EM DOCUMENTOS 
- Ao criar elementos gráficos, passamos pelas cores. 
- Cores devem estar em harmonia. 
- ELEMENTO VISUAL NÃO É TEXTO. 
→ Uso das MESMAS cores no documento todo, as 
cores devem ter a mesma relação – repetição da cor para dar consistência, mais uni-
cidade ao documento. 
- Para destaque é legal usar uma cor diferente para quebrar a consistência e destacar 
o ponto importante. 
 
 
 
 
 
→ mais pasteis, cinzas, menos destacados/cha-
mativos; 
 
→ alguns são mais sólidos mesmo. 
- A paleta do Word oferece VÁRIOS tons e variações de cores – casar a cor do ele-
mento gráfico com a sua logo. 
↓ 
Automatizar uma cor: 
i. Design → cores: 
 
 
 
 
 
 
ii. Personalizar cores: 
→ NÃO mexer nos dos 
HIPERLINKS NEM NAS 4 PRIMEIRAS !!!!!! 
 
iii. Definir como padrão: 
→ aplica aos demais documentos 
novos.↓ 
 
 
 
 
 
 
 
3. IMAGENS E PRINTS: 
 
Imagens: 
 
→ para não ficar saindo e voltando para outro lugar buscar informações. 
 
→ pessoas diferentes lerão; 
 
BOAS PRÁTICAS EM IMAGENS: 
I. QUAL O DOCUMENTO? 
- Ex.: um laudo pericial exige mais imagens. 
- qual o sentido daquela imagem ali? 
II. MODERAÇÃO; 
III. REFERÊNCIAS → (EM ANEXO) ou (DOC X) 
 
 
 
 
 
IV. ATENÇÃO AO RECORTE DA IMAGEM (tem que dar para ler o conteúdo da 
imagem); 
→ recorte objetivo. 
 
 
 
 
 
→ recortes como se fossem uma lupa. 
 
 
NA PRÁTICA: 
Configuração de resolução: 
i. Arquivo; 
ii. Mais.. 
iii. Opções 
iv. Avançado 
v. Tamanho e qualidade da imagem → não compactar imagem no ar-
quivo + alta fidelidade (resolução padrão) 
vi. Adicione a todos os novos documentos. 
 
- Mostra modos de inserir as imagens (comuns). 
 
 
 
 
 
- Após inserir a imagem aparece Opções de layout:
 
 → também possível acessar com o botão direito; 
→ alinhado ao texto = a medida que digita a imagem se desloca = usado nas 
petições em geral; 
→ sobre o texto = útil para rodapé/cabeçalho; 
→ a frente do texto = bastante usada em conjunto com a alinhado. 
→ Atrás do texto = fica por trás do texto para dar relevância. 
→ e 
em seguida o CRTL + V 
→ P/ ABRIR A ÁREA DE TRANSFERÊNCIA: 
mais de um print (VÃO PARA A ÀREA DE TRANSFERÊNCIA); 
 
DIAGRAMANDO COM TABELAS: 
- Tem como inserir imagem dentro de uma célula por meio da ferramenta de 
inserir a imagem (sem ser o crtl + v). 
 
 
 
 
 
 
 
 
4. FORMAS 
- Tabelas e formas = ferramentas para construção de elementos visuais numa peça 
processual; 
A) Passo a passo para inserir uma forma no Word: 
I. Inserir; 
II. Formas; 
III. Escolhe uma e insere no documento; 
Obs.: SHIFT = criar, girar e alinhar (mexer a forma em linha reta) a forma → mantém 
as formas, usado quando queremos criar um quadrado ou circulo perfeito ou uma li-
nha totalmente reta, por exemplo – formas mais precisas; 
 
B) Aparência da forma: preenchimento e contorno 
- 2X clique: permite editar essa parte da forma; 
- Há estilos prontos e variados; 
 
 
 
 
 
- Na aula anterior ensina a criar a paleta própria de cores onde aparecerá nesses esti-
los prontos; 
- Se não quiser usar nenhuma dos estilos prontos, há a possibilidade moldar do jeito 
que quiser com as demais cores ou então até sem preenchimento; 
- Mais profissional: cores neutras ou pasteis + formas simples + sem sombrea-
mento ou contorno 
 
C) Definindo padrões: 
- Ex.: uso muito do quadrado em todas as petições → deixar a forma pronta com as 
cores e detalhes otimizadas; 
- Passo a Passo para otimizar: 
I. Clique na forma com o botão DIREITO; 
II. Definir como forma padrão; 
III. Todas as formas que serão inseridas ficarão com esse padrão escolhido (mesma 
linha, cor, preenchimento, etc; 
VI. Consegue criar um padrão para cada forma; 
 
D) Adicionar texto na figura/forma: 
- Não precisa inserir a caixa de texto na forma; 
I. Botão DIREITO na forma; 
II. Adicionar texto e já permite que escreva dentro da forma + limita o texto à forma; 
- Mais usado para fluxogramas; 
- Embutir o texto na forma sem a caixa de texto; 
 
E) Editar várias formas ao mesmo tempo: 
I. Selecione todas as formas incluídas no documento que deseja editar (CTRL ou 
SHIFT para selecionar mais de uma ao mesmo tempo); 
 
 
 
 
 
II. Pode soltar o CTRL ou SHIFT em seguida que continuarão selecionadas; 
III. Ao mexer uma a outra mexe junto, o que também se aplica a modificações de pre-
enchimentos de uma a outra também aplica. 
 
F) Agrupar formas: 
I. CRTL + selecione as formas; 
II. Pode tirar o dedo do CTRL que ficarão selecionadas; 
III. Na aba Forma de Formato = agrupar 
IV. Quando agrupar elas viram uma coisa só para arrastar em um grupo só; 
- NÃO PODEM ESTAR COMO ALINHAS, devem ESTAR ATRÁS OU A FRENTE DO 
TEXTO; 
- Após fazer tudo pode alinhá-las ao texto. 
 
G) Formas como destaque: 
I. Selecione o texto a ser destacado; 
II. Selecione uma forma; 
III. Contorne o trecho a ser destacado com a forma; 
IV. Altere a cor e preenchimento = melhor é cores pasteis; 
V. Jogue para trás do texto: 
 
 
 
 
 
 
 
 
 
 
H) Formas para criação de elementos visuais: 
- Rodapé e cabeçalho; 
- Exemplo é o próprio modelo visual do escritório que tem o retângulo na lateral es-
querda; 
- Outro exemplo: 
→ exemplo 
de uma linha do tempo com uso de figuras; 
 
 
 
 
 
 
 
5. SMARTARTS 
- Conjunto de formas que resultam numa representação gráfica de alguma relação 
entre elementos; 
- Passo a Passo para inserir uma smartarts: 
I. Guia Inserir; 
II. Ilustrações → SmartArt 
 
III. 
IV. Escolhe um agrupamento pronto e será incluído no documento: 
 
 
 
 
 
 
- → exemplo 
V. Selecione as formas ao mesmo tempo para alterar fonte ou tamanho do texto ou 
cores ou então a posição das formas acima, exemplo de modificação da posição: 
 
- Dá ainda para adicionar mais iguais em seguida se o modelo pronto for insuficiente: 
 
 
 
 
 
 
 
 
 
 
 
 
- Para excluir essa forma adicionada – seleciona + CRTL + apaga; 
- Consegue mover para cima e para baixo ou da direita para a esquerda: 
 
- Ainda dá para adicionar mais marcadores dentro das formas ( ): 
 
 
 
 
 
 
6. CAIXAS DE TEXTO 
 
- Possibilidade de usar o texto com maior liberdade. 
I. Inserindo a caixa de texto: formas e inserir; 
II. Formatação da caixa de texto: sem contorno e sem preenchimento = texto flutu-
ante = possibilidade de mover esse texto para onde quiser; 
III. Da mesma forma que foi possível padronizar as demais formas acima,a caixa de 
texto é possível formatar e deixar como modelo da mesma forma; 
IV. Comentários em citações: 
 
 
 
 
 
 
V. Pode ser usado para dar destaque ou demonstrar exemplos ou notas; 
VI. Outro modo de usar: destaque de trecho 
 
VII. informações do escritório no rodapé ou cabeçalho, podendo usar uma para cada 
informação: 
VIII. Uso para tópicos maiores: 
 
 
- construir elementos com a caixa de texto. 
 
 
 
 
 
 
7. TABELAS 
 → Muitos dados em documentos, 
dados importantes e extensos – melhora a organização de dados com o uso das ta-
belas; 
 
→ colunas, não 
necessariamente, precisam ter bordas aparentes; 
 
 
 
 
 
→ outro exemplo 
de tabela em documento jurídico; 
→ resumo do que 
será aplicado no tópico; 
 
 
INSERINDO A TABELA: 
Modo 01: 
 
 
 
 
 
 
Modo 02: 
 
 
DESENHANDO TABELA: 
→ Esquemas/desenhos mais complexos; 
 
 
 
 
 
 
→ bom para fazer diagra-
mações também; 
→ podendo ainda desenhar em uma tabela já pronta; 
 
EDITANDO A TABELA: 
- Guia de layout da tabela; 
- Botão direito do mouse (inserir coluna, inserir linhas, excluir linha ou coluna, mesclar 
células p/ colocar titulo por exemplo, dividir tabela etc): 
→ mesclando celulas 
→ dividindo a tabela = CRTL + SHIFT + 
ENTER 
 
 
 
 
 
 
- Edição de bordas: atalho na guia inicial: 
 → as linhas de grade continuam se tira a borda, 
mas é apenas para um norte, na impressão ela não vai sair; 
- edição de sem borda, borda só nas laterais, cor da borda, espessura, etc; 
→ cores com o pincel = 
uma boa ideia para fazer linha do tempo; 
Há tabelas rápidas prontas: não são muito boas, é mais fácil montar uma tabela e adi-
cionar como uma tabela rápida e deixar pronta para usos futuros: 
 
 
 
 
 
 
Alinhamento da tabela: 
 
 
Espaçamento: 
 
 
 
 
 
 
 
Margens: não tire elas, o ideal é retirar quando usamos a tabela sem bordas e ali-
nhada ao texto; 
 
Ajuste ao tamanho do conteúdo: 
 
 
 
No design de tabela tem vários layouts que pode ser usada com a paleta de cores do 
documento que já foi pre definida: 
 
→ os filtros a esquerda também é bom para ir “desenhando” a tabela do jeito que 
quiser; 
 
 
 
 
 
 
8. GRÁFICOS: 
- Não é muito presente nas peças, mas é muito útil; 
 
 
→ demonstração de sen-
tenças favoráveis no decorrer dos anos; 
 
 
 
 
 
→ comparações de despachos de 
forma mais clara; 
 
 
→ demonstração ao cliente quanto fica 
para uma parte e para a outra; 
 
 
 
 
 
 
→ argumentação 
fica mais forte com a demonstração visual, é uma forma de embasamento de sua 
tese; 
→ pensão – direito de 
família – ganha força argumentativa; 
 
 
INSERIR GRÁFICOS: 
I. Inserir; 
 
 
 
 
 
II. 
III. → escolha o melhor para de-
monstração visual do conteúdo – depois pode substituir:
→ escreve em 
cada célula o que irá no gráfico; 
Edição do gráfico: dois cliques em cima diretos = igual a tabela = abre um design de 
gráficos, podendo mudar a cor, já tem pre definições de modelos também, mexer em 
padrões de cores, etc; → uso de cores mais fortes e contrastes; 
 
Elementos no gráfico: 
 
 
 
 
 
 
Salvar gráfico como imagem: botão direito no gráfico = salvar como imagem + inse-
rir legenda abaixo do gráfico: 
 
→ para alteração da representação gráfica que se encaixe melhor no 
seu documento; 
 
 
 
 
 
9. LINHA DO TEMPO 
 
→ narrar fatos; 
→ datas, eventos e elemento de 
continuidade como a seta; 
 
 
 
 
 
 
 
→narração dos fatos com 
breve resumo ao final; 
→ intervalos 
que demonstram as ações – noção espacial e gráfica mais visual; 
→ linha do tempo com 
tabela; 
 
 
 
 
 
 
 
CRIANDO LINHAS DO TEMPO: 
Opção 01: SamartArt: 
 
→ datas e eventos 
 
 
Sem datas e eventos: + caixa de texto 
abaixo de cada data; 
 
 
 
 
 
- e daí em diante é só editar as cores, forma, borda, etc: 
 
 
Opção 02: por tabelas: 
Tabela de 2 linhas + retira as bordas ou coloca o estilo pre existente + insere uma 
forma de seta = caracterize do seu jeito para o que quer trazer ao caso; 
 
 
 
 
 
 
 
 
10. ORGANOGRAMA: 
 
 → relação de HIERARQUIA; 
- demonstrar a organização hierárquica de funcionários de uma empresa, por exem-
plo; 
- hierarquia não precisa ser de função, mas demonstrações gráficas; 
 
→ uso clássico 
 
 
 
 
 
→ advogado demonstrou a 
mínima participação do seu cliente; 
→ família 
 
 
NA PRÁTICA: 
SMARTART: 
 
 
 
 
 
→ Após 
escolher, você altera/caracteriza da forma que mais combinar com o documento; 
 
POR TABELA: da mais trabalho; 
- retira as bordas + pega o pincel e desenha: 
→ após isso é só retirar as linhas 
de grade: 
 
 
 
 
 
 
 
 
11. FLUXOGRAMA: 
 
 
→ Diferença da linha do tempo é que aqui não tem datas, é a sequencia de fatos – 
é uma cadeia de eventos = usados para demonstração de tramitações de processos; 
 
→ técnica do fluxograma não 
precisa ser entendido, o seu leitor não vai saber qual a sequencia certa das formas; 
 
 
 
 
 
 
 
 
 
EM DOCUMENTOS JURIDICOS: 
 
 
 
 
 
→ Demonstra o cami-
nho do processo de registro de marca; 
 
 
 
 
 
 
 
→ ENCADEIAMENTO DE 
EVENTOS; 
A maneira mais fácil de criar esse elemento é pelo SMARTART – PROCESSOS; 
 
→ Só ir adicionando as formas; 
POR TABELA da pra fazer, mas é mais difícil: 
 
 
 
 
 
 
→ demonstração após fe-
char um contrato de como irá funcionar aquele procedimento ao cliente; 
 
POR MEIO DE FORMAS dá para ir desenhando o fluxograma: 
 
 
 
 
 
 
12. ÍCONES 
- Maioria dos juízes não gostam do uso dos ícones; 
 
- em petições, evitar o uso de ícones; 
- proposta, contratos, procuração pode fazer sentido, mas ainda sim deve ter cuidado 
com o uso deles; 
- Funções: navegabilidade, ênfase/contraste, substituição de texto (e-mail, localiza-
ção, e-mail, @, etc), dar um tom amigável ao documento (icone de atenção, localiza-
ção, etc - perder a formalidade); 
- CUIDADO COM A INFATIZAÇÃO – uso exagerado; 
- CUIDADO COM O USO DE CORES – cores na paleta, pasteis, branco ou preto, va-
zado; 
- ATENÇÃO À CONSISTENCIA DO CONJUNTO – não deve colocar icone PNG e baixa, 
não há ponto de comunicação ou consistência entre eles – características semelhan-
tes: 
 
 
 
 
 
 
Para inserir ícones: 
 
 
 
13. LINKS, VIDEOS E QR CODE 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ANA LUISA D MARTINS.