Pular navegação

Instruções para editores

Ajuda

Instruções para editores

O intuito deste texto é, primeiramente, apontar as decisões de layout que levaram ao desenvolvimento gráfico do caderno EdUCA e, em seguida, apresentar algumas ferramentas do Microsoft Word (2010) pelos quais foi possível produzir o material. Através desse post pretende-se instruir tanto a comunidade que projetou o material textual do caderno quanto à comunidade externa, sobre o desenvolvimento gráfico de uma apostila e as ferramentas pelas quais se pode realizar essa atividade (considerando ferramentas de edição passíveis de serem utilizadas por todos). Deve-se levar em consideração que uma apostila da forma tradicional não apresenta sua estrutura da mesma forma que o caderno EdUCA, pois este deriva de uma linguagem mais acadêmica e organização sistemática da ABNT, enquanto que as apostilas escolares por vezes não seguem o mesmo esquema rígido textual e de referências.

Em relação ao conceito e a organização geral do conteúdo do material consulte o vídeo abaixo desenvolvido pelo professor Rodrigo Gonzatto.

Em relação às ferramentas que permitiram desenvolver o material e as configurações utilizadas, estas serão abordadas abaixo através de subseções relacionados a cada parte do documento.

Primeiro deve-se pedir para que o futuro editor deste caderno faça o download e instale no computador a fonte “Ubuntu”, disponível através do site Google fonts:

https://fonts.google.com/specimen/Ubuntu?fbclid=IwAR3sD-79uvQUbMFyn2EyMzWvhTcbLL4n7F5C-x5NFpN_jboyr1K0VU8u3I8

Caso o editor não possua essa fonte o sistema irá substituir a fonte especial (não contida normalmente nos computadores) por uma fonte qualquer, coisa não desejada no projeto.

Capa:

Para o desenvolvimento da capa foi necessário ter uma imagem capaz de ser repetida sequencialmente na forma de um “padrão”, escolheu-se a imagem abaixo (Figura 1), pois esta possuía direitos permissivos para uso por terceiros (de acordo com a proposta do trabalho de uso de ferramentas e materiais abertos), apresenta um bom tamanho (1920x1920 pixels) e resolução (96 dpi), por ter um desenho interessante e uma cor capaz de ser alterada.

FIGURA 1

Após ter a imagem no computador, dentro do Microsoft Word foi criado uma forma retangular na aba formas, contido na aba Inserir, como se pode ver na Figura 2.

Inserir > Formas > Retângulo

FIGURA 2

A forma retangular feita preencheu toda a página da capa e após isso se seguiu de acordo com o procedimento abaixo, também representado pela Figura 3, para conferir uma textura à forma.

Clique sobre a figura > Ferramentas de Desenho > Formatar > Preenchimento da Forma > Textura > Mais Texturas

FIGURA 3

Ao seguir tal procedimento uma tela com configurações de textura é aberta (Figura 4) e utilizando da seguinte sequencia é possível alterar o fundo da forma retangular para uma imagem a ser repetida como em um padrão: Clicar em Preenchimento com imagem ou textura; clicar em Arquivo abaixo de Inserir de; habilitar a função Imagem lado a lado como textura abaixo do botão Arquivo; clicar em Fechar.

Tal procedimento mostra de forma geral como colocar a textura, mas pode-se alterar outras configurações da imagem para tornar o material mais interessante, como aumentar ou diminuir a escala. Nota-se que a imagem utilizada no projeto (Figura 4) foi redimensionada utilizando esta tela de configurações. Para se chegar nessa tela não tendo que criar uma nova forma pode-se realizar a seguinte operação:

Clicar com o botão direito sob a imagem > Formatar Imagem > Aba Preenchimento

FIGURA 4

A cor da textura, como se pode ver nas Figuras 5 e 6, foi mudada através dos seguintes procedimentos.

Clique sobre a imagem > Ferramentas de Imagem > Formatar > Cor

Clique sobre a imagem > Ferramentas de Imagem > Formatar > Correções

FIGURA 5

FIGURA 6

Finalmente, esta imagem deve ser levada ao fundo para não sobrepor as informações textuais, então se clica com o botão direito sob a imagem e se seleciona Enviar para trás e em seguida Enviar para trás do texto.

De forma ainda a melhorar a estética da pagina e a legibilidade das letras, se criou duas formas, como mostrado anteriormente, sendo um retângulo branco e um retângulo azul escuro com transparência (botão direito sob a forma > Formatar imagem > Preenchimento sólido > Transparência) para ficarem por detrás do texto.

Sumário:

O sumário como falado no vídeo apresenta uma hierarquização da informação de forma a dar mais destaque para umas informações em detrimento de outras. Para colorir as células da tabela (ao qual o sumário foi montado) se utilizou da ferramenta Sombreamento (como se pode ver na Figura 7). No Quadro 1 se relacionou todas as cores utilizadas tanto para as letras quanto para os sombreamentos para auxiliar os futuros editores caso a informação de cores se perca.

FIGURA 7

Quadro 1

Palavra(s)

Cor de Letra - Código RGB

Cor de Fundo - Código RGB

Apresentação, Softwares

Azul escuro – (31,73,125)

Azul Claro 1 – (219,229,241)

Sistema Operacional

Azul escuro – (31,73,125)

Azul Claro 2 – (184,204,228)

Educacionais

Branco – (255,255,255)

Azul Claro 3 – (0,153,255)

Português

Branco – (255,255,255)

Azul Claro 3 – (0,112,192)

GConjugue, KLettres, KTouch, TuxType

Azul Claro 3 – (0,112,192)

Sem cor

Geografia

Branco – (255,255,255)

Verde 1 – (118,146,60)

KGeography

Verde 1 – (118,146,60)

Sem cor

Matemática

Branco – (255,255,255)

Vermelho 1– (192,0,0)

KSudoku, Kblocks, TuxMath, JFractionLab, Galculator, Gnumeric, Kbruch

Vermelho 1– (192,0,0)

Sem cor

Raciocínio Lógico

Branco – (255,255,255)

Laranja 1– (227,108,10)

KolorLines (Klines), GLPeces, Xadrez (Gnome-chess)

Laranja 1– (227,108,10)

Sem cor

Interdisciplinar

Branco – (255,255,255)

Roxo 1 – (112,48,160)

GCompris          

Roxo 1 – (112,48,160)

Sem cor

Ensino de Programação

Branco – (255,255,255)

Azul escuro – (0,32,96)

Scratch, KTurtle

Azul escuro – (0,32,96)

Sem cor

Educação artística

Branco – (255,255,255)

Rosa – (246,22,107)

TuxPaint

Rosa – (246,22,107)

Sem cor

Escritório

Branco – (255,255,255)

Verde 2 – (0,102,0)

Evince, Leafpad, Ristretto, AbiWord

Verde 2 – (0,102,0)

Sem cor

Multimídia

Branco – (255,255,255)

Roxo 2 – (102,0,102)

Cheese, VLC, Imagination, Gnome-Audio-recorder

Roxo 2 – (102,0,102)

Sem cor

Navegador para Web

Branco – (255,255,255)

Laranja 2 – (255,51,0)

Firefox ESR

Laranja 2 – (255,51,0)

Sem cor

Outros

Branco – (255,255,255)

Verde 3 – (102,153,0)

Pcmanfm

Verde 3 – (102,153,0)

Sem cor

Utilitários

Branco – (255,255,255)

Vermelho 2 – (255,0,0)

Gnome – Screenshot, Xarchiver

Vermelho 2 – (255,0,0)

Sem cor

Sites com aplicativos/jogos com finalidade educacional, Referências

Azul escuro – (31,73,125)

Azul Claro 2 – (184,204,228)

Considerações finais, Os autores

Azul escuro – (31,73,125)

Azul Claro 1 – (219,229,241)

As imagens laterais foram produzidas da mesma forma que relatado no sumário, apenas diferindo o tamanho com a qual a textura fora replicada e as cores, na Figura 8 se pode ver a escala alterada da textura.

FIGURA 8

Páginas de conteúdo:

As páginas de conteúdo foram construídas utilizando de tabelas invisíveis, para a diagramação de novas páginas pode-se seguir os modelos das páginas anteriores somente fazendo a cópia (crtl c) e cola (ctrl v) em uma nova página, se atentando para mudar a cor da faixa superior (esta seguindo o esquema de cores dado no sumário para cada tipo de conteúdo) e as informações de cada aplicativo.

Quando ocorrer de haver imagens grandes aos quais não há espaço ao lado do texto irá se preferir utilizar o design da Figura 9 (Texto em cima e figura embaixo) em detrimento a da Figura 10 (Texto e figura lado a lado).

                 

FIGURA 9

FIGURA 10

As figuras utilizadas para os cabeçalhos dos softwares foram buscadas na internet e foram salvas de preferência em um formato quadrado, pois assim não são deformadas ao serem transpostas para o arquivo. O procedimento para colocar as imagens no quadrado da cabeçalho dos softwares é o seguinte:

Clique sobre a imagem > Ferramentas de desenho > Formatar > Preenchimento da Forma > Imagem

Comentários

Precisa de ajuda?

Blog

O blog permite que os membros de um projeto se comuniquem, discutindo e publicando novidades. É um ótimo lugar para compartilhar processos, desafios e explorar ideias.