LAYOUT O layout (disposição de elementos de texto e imagens em uma peça gráfica).

Transcrição

1 Adriana C. Almeida

2 O QUE É? Falleiros (2003) conceitua editoração eletrônica como o ramo da computação gráfica voltado para a produção de peças gráficas e editoriais, tais como jornais, livros, revistas, catálogos, malas diretas, folhetos, etc.

3 BREVE HISTÓRIA A tarefa de editorar não é nenhuma novidade, pois pelos anos 700 d.c. os chineses e os coreanos já produziam peças. Depois, no século XVI, Johann Gutenberg criou os tipos móveis. Ottmar Megenthaler em 1886 criou o linotipo, um equipamento que produzia páginas inteiras em metal reaproveitável. Evoluindo no tempo, chegamos ao século XX, quando foram utilizadas as técnicas de fotocomposição. Com o advento dos computadores na indústria, na década de 80, surgiu a editoração eletrônica, trazendo consigo novos equipamentos e, consequentemente, novas técnicas.

4 ELEMENTOS De acordo com Falleiros (2003), somente o BRIEFING e os RASCUNHOS continuam como antes. BRIEFING O briefing é o contato com o cliente para definir os parâmetros do serviço, tais como: tamanho, cores, tipografia, tiragem, público-alvo, etc. RASCUNHO O rascunho é o desenho livre para verificar a melhor distribuição das imagens e do texto em uma peça gráfica.

5 LAYOUT O layout (disposição de elementos de texto e imagens em uma peça gráfica). Antes da editoração eletrônica era feito à mão, com uso de tintas e letras em decalque, aplicados em papel comum. Depois do uso do computador o layout passou a ser feito diretamente no computador, com uso de scanners e softwares de edição de imagens.

6 A finalização, antes feita artesanalmente, em papel vegetal e colada com benzina, agora é processada 100% digitalmente, e entregue ao cliente com 97% de fidelidade do impresso final. A editoração eletrônica atualmente é a base de recursos para todo tipo de publicação, seja em artes gráficas ou em multimídia.

7

8

9 ADOBE INDESIGN Adobe InDesign é um software da Adobe Systems desenvolvido para diagramação e organização de páginas, criado para substituir o Adobe PageMaker, apresentando uma variedade de aprimoramentos, resultando em mais produtividade. O programa cria documentos em formato próprio, editável, que posteriormente pode ser exportado para PDF ou outros formatos específicos de impressão.

10 Permite criar, diagramar, visualizar e editar materiais como: revistas, jornais, anúncios, embalagens etc. Embora o InDesign possibilite gerar e distribuir os documentos em sua forma digital, o documento final normalmente é utilizado para a geração de matrizes para a posterior impressão. Esta fase em que o InDesign é utilizado para a criação dessas matrizes é conhecido como pre-press ou préimpressão.

11 RECEBIDA

12 TRABALHADA

13 CORELDRAW O CorelDRAW é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela Corel Corporation, Canadá. É um aplicativo de ilustração vetorial e layout de página que possibilita a criação e a manipulação de vários produtos, como por exemplo: desenhos artísticos, publicitários, logotipos, capas de revistas, livros, CDs, imagens de objetos para aplicação nas páginas de Internet (botões, ícones, animações gráficas, etc) confecção de cartazes, etc.

14

15

16 PHOTOSHOP Adobe Photoshop é um software caracterizado como editor de imagens bidimensionais do tipo raster (possuindo ainda algumas capacidades de edição típicas dos editores vectoriais) desenvolvido pela Adobe Systems. É considerado o líder no mercado dos editores de imagem profissionais, assim como o programa de facto para edição profissional de imagens digitais e trabalhos de pré-impressão.

17

18

19 Na editoração eletrônica existem 4 (quatro) passos que são fundamentais para uma boa editoração. 1º Passo PROXIMIDADE 2º Passo ALINHAMENTO 3º Passo CONTRASTE 4ºPasso REPETIÇÃO Apesar de serem descritos separadamente, é preciso lembrar que eles estão interrelacionados e, raramente, apenas um deles será utilizado no trabalho de editoração.

20 1. PROXIMIDADE Quando vários itens estão próximos, eles formam uma unidade visual e não várias unidades individuais. Veja para onde seus olhos se dirigem. Qual é o caminho que eles seguem? Onde termina a leitura? Após a leitura, para onde seus olhos irão? Os itens relacionados entre si devem estar agrupados, partindo de um início bem-definido para um final bemdefinido.

21 PROPÓSITO BÁSICO O propósito básico da proximidade é o de organizar. Os outros princípios também têm suas funções, mas o simples agrupamento de elementos relacionados cria, automaticamente, uma organização. Se as informações estiverem organizadas, o texto será mais fácil de ler e de memorizar.

22 COMO ATINGIR ESSE OBJETIVO Pisque os olhos e conte o número de elementos visuais da página pelo número de paradas dos seus olhos. Se houve mais de 3-5 itens na página (é claro que este número depende do material), veja dentre os itens separados quais poderiam ser agrupados em proximidade, para que se tornem uma unidade visual.

23 O QUE EVITAR Muitos elementos separados em uma página. Itens somente nos cantos e no meio da página. Evite criar qualquer dúvida quanto à relação dos elementos entre si, ou seja, cada subtítulo, legenda, imagem etc. devem estar junto ao seu respectivo par. CRIE UMA RELAÇÃO ENTRE OS ELEMENTOS ATRAVÉS DA PROXIMIDADE.

24

25

26

27

28

29

30

31 2. ALINHAMENTO A unidade é um conceito importante no design. Para que todos os elementos da página tenham uma estética unificada, conectada e interrelacionada, é preciso que haja amarras visuais entre os elementos e, mesmo que eles não estejam próximos fisicamente na página, podem parecer unificados e relacionados, simplesmente devido ao seu posicionamento.

32 PROPÓSITO BÁSICO O propósito básico do alinhamento é o de unificar e organizar a página. Normalmente é um alinhamento marcante que cria uma aparência sofisticada, forma, engraçada ou séria. COMO ATINGIR ESSE OBJETIVO Esteja consciente do posicionamento dos elementos na página. Encontre sempre algo a mais na página para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente distantes.

33 O QUE EVITAR Evite usar mais de um alinhamento de texto por página. Ou seja, não centralize um texto e alinhe outro à direita. ESCOLHA O ALINHAMENTO CENTRALIZADO CONSCIENTEMENTE E NÃO POR AUTOMAÇÃO

34

35

36

37 3. CONTRASTE O objetivo do contraste é evitar elementos meramente similares em uma página. Se os elementos (tipo, cor, tamanho, espessura da linha, forma, espaço etc.) não forem os mesmos, DIFERENCIE-OS COMPLETAMENTE. Para que o contraste cumpra suas funções, os dois elementos devem ser totalmente diferentes. O contraste de uma página faz com que seus olhos se virem para ela.

38 PROPÓSITO BÁSICO O propósito básico do contraste é duplo, e seus dois objetivos são unificados. Um deles é criar interesse sobre uma página: se ela tiver uma aparência interessante, atrairá mais a leitura. O outro, é auxiliar na organização das informações. COMO ATINGIR ESSE OBJETIVO Aplique contraste em suas opções de tipologia, nas espessuras de linhas, nas cores, nas formas etc

39 O QUE EVITAR Uma linha pouco espessa com uma linha um pouco mais espessa. Texto marrom com título em preto Usar duas fontes similares. SE OS ITENS NÃO FOREM EXATAMENTE IGUAIS. DIFERENCIE-OS!

40

41 4. REPETIÇÃO A repetição de elementos visuais no design unifica e fortalece o material, agrupando parte que seriam separadas. O recurso da repetição é muito útil em peças de uma só página e é ESSENCIAL em documentos de muitas páginas.

42 PROPÓSITO BÁSICO O propósito básico da repetição é unificar e acrescentar interesse visual. Não subestime o interesse visual de uma página: se ela for interessante, sua leitura será mais agradável e provavelmente mais lida.

43 COMO ATINGIR ESSE OBJETIVO Considere a repetição como consistência. Pense sobre a possibilidade de acrescentar elementos apenas para criar uma repetição, como por exemplo: um Olho, umas aspas, uma capitular no início de cada capítulo, um fio mais espesso abaixo do título etc. Repetir é como dar ênfase às suas roupas. Se uma mulher usa um maravilhoso vestido preto com um chapéu preto chique, ela enfatizará sua roupa usando sapatos vermelhos.

44 O QUE EVITAR Repetir o elemento em demasia, para que ele não se torne enfadonho ou excessivo. Por exemplo, se uma mulher usa um vestido preto com um chapéu vermelho, brincos vermelhos, batom vermelho, sapatos vermelhos e um casaco vermelho, a repetição não criaria um contraste unificante e incrível, mas, sim, espalhafatoso e o foco ficaria confuso.

45

46 FORMATO DO LIVRO (TAMANHO) 14 x 21 cm - mais econômico, melhor aproveitamento do papel 16 x 23 cm - formato indicado para maior quantidade de páginas 21 x 28 cm - tamanho de revista Tamanho diferenciado, a escolha do cliente.

47 TIPO DE FONTE Escolher um tipo de letra é como escolher o tipo de roupa para se vestir. Assim como com a roupa, não há uma distinção entre os tipos que são expressivos e elegantes, versus aqueles que são úteis e adequados. Tudo depende da situação e nosso trabalho é tentar encontrar o equilíbrio certo para cada ocasião. o%20usar.pdf

48 TIPO DE PAPEL Offset Papel branco, mais usado no mercado Pólen Papel nobre, de cor amarelada e maior gramatura, oferece maior conforto para o leitor Reciclado Pense verde, recicle! Especiais Papéis couché, coloridos e em diversas gramaturas

49 ACABAMENTO Brochura - Formato mais comum, com a lombada quadrada Grampo - Acabamento estilo revista, ideal para publicações com poucas páginas Capa dura - Livros de arte, comemorativos, acabamento nobre Digital - Você tem a opção de publicar seu livro digital, para leitura em computadores ou dispositivos móveis

50

51 VEJA Crie um arquivo de ideias. Uma pasta ou até mesmo uma caixa onde você possa guardar designs que o impressionaram: anúncios, folhetos, imagens, letras, diagramações interessantes, ou seja, qualquer coisa que mexa com algo dentro de você.

52 DIGA Ao observar um design do qual você goste, passe alguns momentos descrevendo os motivos de sua apreciação. Indique os pontos nos quais foram aplicados os princípios de proximidade, alinhamento, repetição e contraste. Anote em um papel ou grave mentalmente a técnica utilizada.

53 FAÇA UM ESBOÇO Quando você se deparar com um material diagramado de maneira pobre, faça um esboço com algum aperfeiçoamento, ou recorte os elementos e reorganize-os.

54

55 REFERÊNCIAS Williams