Criação de Peças gráficas impressas Direção de Arte Publicitária  Facsum
Os formatos Definidos os critérios básicos é o momento de estipular o formato do impresso. Cartazes, jornais e revistas possuem dferentes formatos e cada um possui um sistema de diagramação específico.
O Grid O grid (grade) é um sistema de divisão de um projeto gráfico em colunas com espaços iguais entre si. Este sistema permite o uso ilimitado de possibilidades de diagramação dentro de uma estrutura pré-definida.
A Mancha Gráfica A Mancha Gráfica é a área limite de impressão de um projeto gráfico. A mancha poderá ser emoldurada por margens brancas, sem impressão ou receber impressão em sua totalidade, até os limites de seu formato. Para impressos que recebem impressão por toda sua extensão, sem limites de margem, chamados de  impressos “sangrados”’.
Diagramação O termo deriva da palavra diagrama que é um recurso cuja finalidade está em representar fenômenos graficamente.  Na comunicação visual, diagramar significa construir, estruturar e distribuir elementos que irão compor uma mensagem visual que será trabalhada à partir da disposição de todos elementos do discurso gráfico necessários para compor a mensagem. Ao conjunto destes elementos devidamente distribuídos e diagramados chamamos  LAYOUT.
Conceitos Fundamentais Simetria/Assimetria Simetria: A composição simétrica tem como propriedade a serenidade, dando ao layout uma fisionomia ponderada, estática. Valoriza o conceito de legibilidade portanto deve ser utilizada em reproduções serenas, sérias que necessitam de inspiração e respeito pelo leitor
Conceitos de Simetria / Assimetria Assimetria: A composição assimétrica, também conhecida como livre e informal, quebra a monotonia dos layouts simétricos.  Ela desequilibra o diagrama usando o branco da área não impressa como peso visual, agilizando e dinamizando a composição. Caracteriza-se pelo contraste, estilo, força de ilustração e caracteres, variação tonal entre outros recursos.
Zonas de Visualização As zonas de visualização são áreas do layout que exercem uma atração natural sobre o leitor. Estas áreas estão condicionadas ao processo de percepção do receptor que direciona o olhar de acordo com um conceito pré-estabelecido por seus hábitos culturais como por exemplo a escrita ocidental. As Zonas de visualização são: 1) Primária ou principal;  2) Secundária;  3 e 4) áreas mortas;  5) centro óptico  6) centro geométrico.
Critérios Básicos da Diagramação Antes de preparar um projeto gráfico é preciso definir: - Qual público se quer atingir e quais suas preferências visuais? - Qual idéia/conceito o projeto gráfico deverá representar? - Quais os elementos do discurso gráfico serão utilizados? - Qual a importância relativa das idéias e dos elementos gráficos? - Como será a ordem de apresentação?  (hierarquia da informação)
Elementos Básicos da Diagramação textos, agrupados em Títulos, subtítulos e períodos. As imagens (fotos e ilustrações) Os brancos da página (Área não impressa) Os fios tipográficos  O grid ou as grades onde são dsitribuídas as colunas
Leis Compositivas da Diagramação Ritmo e unidade Variedade Harmonia Destaque Contraste Equilíbrio
Leis Compositivas da Diagramação Ritmo e Unidade: Ritmo é a sucessão harmoniosa dos elementos do layout, que leva em conta a importância de cada elemento visual e proporciona o prazer da leitura. Unidade é característica de afinidade entre cada um dos elementos do projeto. A semelhança entre formas, cores, blocos de texto garantem unidade do discurso.
Leis Compositivas da Diagramação Variedade: É a evolução diferenciada dos elementos das formas. Bem distribuídas proporcionam equilíbrio visual, sem comprometer a unidade do layout
Leis Compositivas da Diagramação Harmonia É a compensação visual entre os elementos do discurso gráfico levando-se me conta os focos visuais do layout.
Leis Compositivas da Diagramação Destaque: Todo layout impresso tem como objetivo receber a atenção do receptor. A essência dessa mensagem é o destaque, quer seja na ilustração ou no texto.
Leis Compositivas da Diagramação Contraste: O contraste é fundamental para o sucesso de uma composição. O contraste é a relação de desigualdade entre duas ou mais formas que encontram nesta tensão a oportunidade de destaque. O contraste pode ser na cor, no tamanho, na tonalidade, porém deve ser usado sem abusos caso contrário poderá provocar desordem e confusão.
Leis Compositivas da Diagramação Equilíbrio: É a aplicação correta dos tons de cinza obtidos pela tipografia e brancos de uma página, imagens e margens, de forma a proporcionar ao leitor o agradável hábito da leitura.
Revistas Revista é uma publicação impressa composta por várias páginas internas e a capa externa. Geralmente as revistas são destinadas a um público específico e seu projeto editorial contempla assuntos específicos. Do ponto de vista gráfico, a revista pode ser impressa sobre papel de qualidade superior devido à durabilidade e resistência deste veículo. Suas características principais são: - Formato (geralmente 21 X 28 cm); - Páginas coloridas com utilização de muitas fotografias; - Maior Periodicidade; (Semanal; Mensal; Quinzenal; etc.)
Principais Formatos de Diagramação de Revistas 3 COLUNAS O diagrama mais simples e mais utilizado em revistas. É bastante eficiente, já que esta largura de coluna, comporta uma distribuição de texto, agradável à leitura oferecendo condições bem satisfatórias quanto à legibilidade
Principais Formatos de Diagramação de Revistas
Principais Formatos de Diagramação de Revistas 4 COLUNAS O diagrama de 4 colunas comprime a largura da coluna, porém oferece maior mobilidade ao diagramador, caso ele utilize o espaço de duas colunas como uma. Este recurso permite a disposição de vários elementos em vários formatos.
Principais Formatos de Diagramação de Revistas
Principais Formatos de Diagramação de Revistas 5 COLUNAS Um diagrama com 5 colunas gera o problema de colunas muito estreitas, prejudicando a legibilidade. Porém usando duas a duas colunas de texto é possível se obter um visual dinâmico restando uma coluna como recurso de mobilidade Obs.: Diagramas de 6 colunas inviabilizam a leitura por tornarem as colunas muito finas.
Diagramação Livre A diagramação livre é aquela que não se prende ao sistema de diagramação modular. Suas colunas de texto e fotos não se encaixam em um layout de módulos e sim em um arranjo livre baseado em composições com vários elementos visuais que por sua vez auxiliam na distribuição do texto. Principais Formatos de Diagramação de Revistas
Principais Formatos de Diagramação de Revistas
A capa da revista merece muita atenção por parte da editoria de arte, pois ela será o principal elemento de comunicação com o leitor antes deste abrir a revista. Sua função é de atrair a compra. A capa deverá conter: - foto ou ilustração da manchete - chamadas com outras matérias - tipologia harmônica e legível - Contraste de cores  - Logotipo (permanente)  Diagramação de Revistas - Capas
Esta capa possui uma fotografia de acordo com o conteúdo e o público. O logotipo é forte com um peso tipográfico e cor que se destacam na diagramação. A manchete, principal assunto da revista, possui um corpo maior e tem um contraste de cores com a cor do fundo. As chamadas para as matérias da revista contrastam em suas cores garantindo um bom destaque do texto para o leitor.  Diagramação de Revistas - Capas
Revistas – Estrutura Interna A estrutura interna de uma revista é a distribuição de todos os elementos textuais e visuais de uma publicação. De uma maneira geral a revista está subdividida em vários assuntos fixos que são atualizados em cada edição e podem conter assuntos novos, especiais, que não fazem parte dos elementos fixos da revista.  Do ponto de vista gráfico, chamamos a parte interna de uma revista de miolo.
Revistas – Estrutura Interna Sumário O sumário é uma breve descrição do conteúdo editorial da revista. Traz o título da matéria e em qual página ela foi publicada.  Geralmente o Sumário é diagramado de forma diferente ao restante do projeto gráfico da revista.
Editorial O editorial é uma apresentação do conteúdo da edição pelo Editor-chefe da revista. Deve ser um comentário pessoal porém deve falar direto ao leitor da maneira como ele gosta de ouvir. Deve ser diagramado de modo a permitir a legibilidade do texto e poderá conter fotos dos colaboradores daquela edição. Revistas – Estrutura Interna
Revistas – Estrutura Interna Expediente O expediente é a ficha técnica de todos os envolvidos no processo de desenvolvimento da publicação: Do Presidente da Editora à atendente de assinaturas, ou seja, todos os profissionais e detalhes sobre tiragem da publicação devem constar no expediente. Dependendo de seu volume deve ser diagramado junto ao sumário ou ao editorial
Revistas – Estrutura Interna Páginas Internas Estilo é a tradição da revista A Dinâmica das páginas internas é alcançada com a variação das larguras das colunas Páginas Centrais geralmente reservadas aos anúncios de publicidade Títulos Correntes são os títulos permamentes nas páginas das publicações, geralmente identificam o conteúdo de cada página. Devem usar uma tipologia diferente do texto. A numeração da página também é considerada como um elemento fixo Cercaduras são textos contornados por uma caixa limitada por filetes que dão destaque à leitura.
Revistas – Considerações para a escolha da Tipologia Colunas com linhas de texto com 39 a 52 toques possuem um resultado satisfatório; O Tamanho do Tipo varia de acordo com o público: Menores de 7 anos – corpo do texto – 24 pontos 7 a 8 anos – corpo do texto – 18 pontos 8 a 9 anos – corpo do texto – 16 pontos 9 a 10 anos – corpo do texto – 14 pontos 10 a 11 anos – corpo do texto – 12 pontos À partir dos 11 anos – corpo do texto – 10 pontos
Diagramação de Revistas - Publicidade A publicidade é uma constante nas revistas,pois elas são responsáveis pela saúde econômica da publicação. A publicidade é caracterizada pelo anúncio, que por sua vez são realizados pelas agências de publicidade.  Os anúncios são elaborados para vários formatos definidos pelo projeto   gráfico da revista, quanto maior o destaque mais caro o anúncio.
Diagramação de Revistas - Publicidade O anúncio também   é uma mensagem visual, portanto, também é composto pelos mesmos elementos que compõem o discurso gráfico.
Diagramação de Revistas - Publicidade Nas revistas, as páginas centrais geralmente são reservadas para grandes anunciantes, pois provocam uma abertura mecânica na revista e permitem um espaço maior ao conteúdo do anúncio
Diagramação de Revistas - Publicidade Os anúncios são resultado de um esforço criativo e na maioria das vezes a imagem ganha o destaque maior.

Criação de Impressos

  • 1.
    Criação de Peçasgráficas impressas Direção de Arte Publicitária Facsum
  • 2.
    Os formatos Definidosos critérios básicos é o momento de estipular o formato do impresso. Cartazes, jornais e revistas possuem dferentes formatos e cada um possui um sistema de diagramação específico.
  • 3.
    O Grid Ogrid (grade) é um sistema de divisão de um projeto gráfico em colunas com espaços iguais entre si. Este sistema permite o uso ilimitado de possibilidades de diagramação dentro de uma estrutura pré-definida.
  • 4.
    A Mancha GráficaA Mancha Gráfica é a área limite de impressão de um projeto gráfico. A mancha poderá ser emoldurada por margens brancas, sem impressão ou receber impressão em sua totalidade, até os limites de seu formato. Para impressos que recebem impressão por toda sua extensão, sem limites de margem, chamados de impressos “sangrados”’.
  • 5.
    Diagramação O termoderiva da palavra diagrama que é um recurso cuja finalidade está em representar fenômenos graficamente. Na comunicação visual, diagramar significa construir, estruturar e distribuir elementos que irão compor uma mensagem visual que será trabalhada à partir da disposição de todos elementos do discurso gráfico necessários para compor a mensagem. Ao conjunto destes elementos devidamente distribuídos e diagramados chamamos LAYOUT.
  • 6.
    Conceitos Fundamentais Simetria/AssimetriaSimetria: A composição simétrica tem como propriedade a serenidade, dando ao layout uma fisionomia ponderada, estática. Valoriza o conceito de legibilidade portanto deve ser utilizada em reproduções serenas, sérias que necessitam de inspiração e respeito pelo leitor
  • 7.
    Conceitos de Simetria/ Assimetria Assimetria: A composição assimétrica, também conhecida como livre e informal, quebra a monotonia dos layouts simétricos. Ela desequilibra o diagrama usando o branco da área não impressa como peso visual, agilizando e dinamizando a composição. Caracteriza-se pelo contraste, estilo, força de ilustração e caracteres, variação tonal entre outros recursos.
  • 8.
    Zonas de VisualizaçãoAs zonas de visualização são áreas do layout que exercem uma atração natural sobre o leitor. Estas áreas estão condicionadas ao processo de percepção do receptor que direciona o olhar de acordo com um conceito pré-estabelecido por seus hábitos culturais como por exemplo a escrita ocidental. As Zonas de visualização são: 1) Primária ou principal; 2) Secundária; 3 e 4) áreas mortas; 5) centro óptico 6) centro geométrico.
  • 9.
    Critérios Básicos daDiagramação Antes de preparar um projeto gráfico é preciso definir: - Qual público se quer atingir e quais suas preferências visuais? - Qual idéia/conceito o projeto gráfico deverá representar? - Quais os elementos do discurso gráfico serão utilizados? - Qual a importância relativa das idéias e dos elementos gráficos? - Como será a ordem de apresentação? (hierarquia da informação)
  • 10.
    Elementos Básicos daDiagramação textos, agrupados em Títulos, subtítulos e períodos. As imagens (fotos e ilustrações) Os brancos da página (Área não impressa) Os fios tipográficos O grid ou as grades onde são dsitribuídas as colunas
  • 11.
    Leis Compositivas daDiagramação Ritmo e unidade Variedade Harmonia Destaque Contraste Equilíbrio
  • 12.
    Leis Compositivas daDiagramação Ritmo e Unidade: Ritmo é a sucessão harmoniosa dos elementos do layout, que leva em conta a importância de cada elemento visual e proporciona o prazer da leitura. Unidade é característica de afinidade entre cada um dos elementos do projeto. A semelhança entre formas, cores, blocos de texto garantem unidade do discurso.
  • 13.
    Leis Compositivas daDiagramação Variedade: É a evolução diferenciada dos elementos das formas. Bem distribuídas proporcionam equilíbrio visual, sem comprometer a unidade do layout
  • 14.
    Leis Compositivas daDiagramação Harmonia É a compensação visual entre os elementos do discurso gráfico levando-se me conta os focos visuais do layout.
  • 15.
    Leis Compositivas daDiagramação Destaque: Todo layout impresso tem como objetivo receber a atenção do receptor. A essência dessa mensagem é o destaque, quer seja na ilustração ou no texto.
  • 16.
    Leis Compositivas daDiagramação Contraste: O contraste é fundamental para o sucesso de uma composição. O contraste é a relação de desigualdade entre duas ou mais formas que encontram nesta tensão a oportunidade de destaque. O contraste pode ser na cor, no tamanho, na tonalidade, porém deve ser usado sem abusos caso contrário poderá provocar desordem e confusão.
  • 17.
    Leis Compositivas daDiagramação Equilíbrio: É a aplicação correta dos tons de cinza obtidos pela tipografia e brancos de uma página, imagens e margens, de forma a proporcionar ao leitor o agradável hábito da leitura.
  • 18.
    Revistas Revista éuma publicação impressa composta por várias páginas internas e a capa externa. Geralmente as revistas são destinadas a um público específico e seu projeto editorial contempla assuntos específicos. Do ponto de vista gráfico, a revista pode ser impressa sobre papel de qualidade superior devido à durabilidade e resistência deste veículo. Suas características principais são: - Formato (geralmente 21 X 28 cm); - Páginas coloridas com utilização de muitas fotografias; - Maior Periodicidade; (Semanal; Mensal; Quinzenal; etc.)
  • 19.
    Principais Formatos deDiagramação de Revistas 3 COLUNAS O diagrama mais simples e mais utilizado em revistas. É bastante eficiente, já que esta largura de coluna, comporta uma distribuição de texto, agradável à leitura oferecendo condições bem satisfatórias quanto à legibilidade
  • 20.
    Principais Formatos deDiagramação de Revistas
  • 21.
    Principais Formatos deDiagramação de Revistas 4 COLUNAS O diagrama de 4 colunas comprime a largura da coluna, porém oferece maior mobilidade ao diagramador, caso ele utilize o espaço de duas colunas como uma. Este recurso permite a disposição de vários elementos em vários formatos.
  • 22.
    Principais Formatos deDiagramação de Revistas
  • 23.
    Principais Formatos deDiagramação de Revistas 5 COLUNAS Um diagrama com 5 colunas gera o problema de colunas muito estreitas, prejudicando a legibilidade. Porém usando duas a duas colunas de texto é possível se obter um visual dinâmico restando uma coluna como recurso de mobilidade Obs.: Diagramas de 6 colunas inviabilizam a leitura por tornarem as colunas muito finas.
  • 24.
    Diagramação Livre Adiagramação livre é aquela que não se prende ao sistema de diagramação modular. Suas colunas de texto e fotos não se encaixam em um layout de módulos e sim em um arranjo livre baseado em composições com vários elementos visuais que por sua vez auxiliam na distribuição do texto. Principais Formatos de Diagramação de Revistas
  • 25.
    Principais Formatos deDiagramação de Revistas
  • 26.
    A capa darevista merece muita atenção por parte da editoria de arte, pois ela será o principal elemento de comunicação com o leitor antes deste abrir a revista. Sua função é de atrair a compra. A capa deverá conter: - foto ou ilustração da manchete - chamadas com outras matérias - tipologia harmônica e legível - Contraste de cores - Logotipo (permanente) Diagramação de Revistas - Capas
  • 27.
    Esta capa possuiuma fotografia de acordo com o conteúdo e o público. O logotipo é forte com um peso tipográfico e cor que se destacam na diagramação. A manchete, principal assunto da revista, possui um corpo maior e tem um contraste de cores com a cor do fundo. As chamadas para as matérias da revista contrastam em suas cores garantindo um bom destaque do texto para o leitor. Diagramação de Revistas - Capas
  • 28.
    Revistas – EstruturaInterna A estrutura interna de uma revista é a distribuição de todos os elementos textuais e visuais de uma publicação. De uma maneira geral a revista está subdividida em vários assuntos fixos que são atualizados em cada edição e podem conter assuntos novos, especiais, que não fazem parte dos elementos fixos da revista. Do ponto de vista gráfico, chamamos a parte interna de uma revista de miolo.
  • 29.
    Revistas – EstruturaInterna Sumário O sumário é uma breve descrição do conteúdo editorial da revista. Traz o título da matéria e em qual página ela foi publicada. Geralmente o Sumário é diagramado de forma diferente ao restante do projeto gráfico da revista.
  • 30.
    Editorial O editorialé uma apresentação do conteúdo da edição pelo Editor-chefe da revista. Deve ser um comentário pessoal porém deve falar direto ao leitor da maneira como ele gosta de ouvir. Deve ser diagramado de modo a permitir a legibilidade do texto e poderá conter fotos dos colaboradores daquela edição. Revistas – Estrutura Interna
  • 31.
    Revistas – EstruturaInterna Expediente O expediente é a ficha técnica de todos os envolvidos no processo de desenvolvimento da publicação: Do Presidente da Editora à atendente de assinaturas, ou seja, todos os profissionais e detalhes sobre tiragem da publicação devem constar no expediente. Dependendo de seu volume deve ser diagramado junto ao sumário ou ao editorial
  • 32.
    Revistas – EstruturaInterna Páginas Internas Estilo é a tradição da revista A Dinâmica das páginas internas é alcançada com a variação das larguras das colunas Páginas Centrais geralmente reservadas aos anúncios de publicidade Títulos Correntes são os títulos permamentes nas páginas das publicações, geralmente identificam o conteúdo de cada página. Devem usar uma tipologia diferente do texto. A numeração da página também é considerada como um elemento fixo Cercaduras são textos contornados por uma caixa limitada por filetes que dão destaque à leitura.
  • 33.
    Revistas – Consideraçõespara a escolha da Tipologia Colunas com linhas de texto com 39 a 52 toques possuem um resultado satisfatório; O Tamanho do Tipo varia de acordo com o público: Menores de 7 anos – corpo do texto – 24 pontos 7 a 8 anos – corpo do texto – 18 pontos 8 a 9 anos – corpo do texto – 16 pontos 9 a 10 anos – corpo do texto – 14 pontos 10 a 11 anos – corpo do texto – 12 pontos À partir dos 11 anos – corpo do texto – 10 pontos
  • 34.
    Diagramação de Revistas- Publicidade A publicidade é uma constante nas revistas,pois elas são responsáveis pela saúde econômica da publicação. A publicidade é caracterizada pelo anúncio, que por sua vez são realizados pelas agências de publicidade. Os anúncios são elaborados para vários formatos definidos pelo projeto gráfico da revista, quanto maior o destaque mais caro o anúncio.
  • 35.
    Diagramação de Revistas- Publicidade O anúncio também é uma mensagem visual, portanto, também é composto pelos mesmos elementos que compõem o discurso gráfico.
  • 36.
    Diagramação de Revistas- Publicidade Nas revistas, as páginas centrais geralmente são reservadas para grandes anunciantes, pois provocam uma abertura mecânica na revista e permitem um espaço maior ao conteúdo do anúncio
  • 37.
    Diagramação de Revistas- Publicidade Os anúncios são resultado de um esforço criativo e na maioria das vezes a imagem ganha o destaque maior.