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
- Faça o Login para adicionar Comentários
- 1053 acessos
- Imprimir
Comentários