Semana 01 e 02 BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS

Transcrição

1 Semana 01 e 02 BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS

2 ABORDAGEM INICIAL Pergunta O que é Diagramação e o que é Editoração?

3 ABORDAGEM INICIAL Objetivo Levar a informação ao usuário final de forma clara. A boa estrutura ou estética deve ser utilizada para guiar a leitura.

4 ABORDAGEM INICIAL

5 ABORDAGEM INICIAL

6 ABORDAGEM INICIAL

7 ABORDAGEM INICIAL Muito Importante dizer: A escolha de uma, entre as muitas técnicas de editoração e diagramação conhecidas, são frutos de uma atitude sensata e responsável, é imprescindível não apenas o conhecimento teórico sobre elas, mas também conhecer onde o produto final vai chegar.

8 ABORDAGEM INICIAL Muito Importante dizer: Os recursos de editoração eletrônica e diagramação colocam à disposição de quem dela se utiliza, um vasto repertório de formas de expressão, que abrangem desde a utilização pura e simples de traço e ponto até os mais complexos efeitos tridimensionais de um grid, por exemplo.

9 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Beaux-Art (a) Bauhaus (di a) Arts & Crafts (di a) Art Déco (a) Art Nouveau (di a) *Vernacular (a) Construtivismo Russo (p f) *New Wave (t c m) De stijl (di) Cubismo (p)

10 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Beaux-Art

11 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Art & Crafts

12 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Art Noveau

13 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Construtivismo

14 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração De Stijl

15 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Bauhaus

16 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Art Déco

17 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Vernacular

18 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração New Wave

19 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração New Wave

20 ABORDAGEM INICIAL Movimentos que influenciaram na evolução da diagramação e editoração Cubismo

21 ABORDAGEM INICIAL Design Editorial O design editorial promove a organização na forma de projeto gráfico das informações e o aspectos da publicação, concebendo e propagando a identidade do periódico, por meio da diagramação, um grid, imagens, anúncios, organização dos elementos, entre outras características.

22 ABORDAGEM INICIAL Design Editorial Componentes relevantes: Organização do conteúdo; Padrão visual; Definição da estrutura.

23 ABORDAGEM INICIAL Design Editorial Componentes do layout: Capa e/ou Marca; Cores; Formato; Imagens; Grid; Composição (critérios); TIPOGRAFIA; Estilo gráfico.

24 ABORDAGEM INICIAL Design Editorial Formato Podem ser predefinidos, a sua escolha será de acordo as questões pautadas. Delimitado pela margem e mancha gráfica.

25 ABORDAGEM INICIAL Design Editorial Formato

26 ABORDAGEM INICIAL Design Editorial Grid Sistema modular de organização e dinamização do conteúdo; Rede de linhas-guia relativas aos eixo axial do documento; Preocupação com a legibilidade do componente textual do periódico.

27 ABORDAGEM INICIAL Design Editorial Grid

28 ABORDAGEM INICIAL Design Editorial Tipografia Elemento mais importante no design de um impresso; Compreende tanto a criação quanto a composição de caracteres para transmitir mensagens.

29 ABORDAGEM INICIAL Design Editorial Imagens

30 ABORDAGEM INICIAL Design Editorial Imagens > Fotografia Grande poder expressivo e informativo; O editor deve pensar visualmente e o fotógrafo editorialmente para uma perfeita integração entre imagens e textos; Quanto mais expressiva ou sintética em relação ao conteúdo seja a foto, maior destaque ela deve possuir na página.

31 ABORDAGEM INICIAL Design Editorial Imagens > Fotografia

32 ABORDAGEM INICIAL Design Editorial Imagens > Ilustração Maior poder de interpretação, pois muitas vezes exprimem a opinião de um autor; Podem auxiliar na descrição de eventos complexos, de difícil explicação; Podem possuir forte teor informativo (ilustrações informativas), quanto opinativo (charges e tirinhas).

33 ABORDAGEM INICIAL Design Editorial Imagens > Ilustração

34 ABORDAGEM INICIAL Design Editorial Imagens > Infográficos Representações visuais da informação que podem utilizar textos, ilustrações e fotografias; Capaz de simplificar processos ou ocorrências complexas ou peculiares, que não podem ser "vistos" facilmente pelos leitores; Maior capacidade de fixação do conteúdo na mente do leitor.

35 ABORDAGEM INICIAL Design Editorial Imagens > Infográficos

36 ABORDAGEM INICIAL Design Editorial Imagens > Tabelas ou Gráficos Maior capacidade de fixação do conteúdo na mente do leitor ao se fazer comparações.

37 ABORDAGEM INICIAL Design Editorial Imagens > Tabelas ou Gráficos

38 Semana 03 e 04 PLANEJAMENTO GRÁFICO E INFORMES EDITORIAIS E AGRUPAMENTO

39 PLANEJAMENTO GRÁFICO Definição A representação gráfica começa pela diagramação, desdobra-se na escolha dos tipos, complementa-se na confecção dos textos. Estabelecem-se as relações do visual com o assunto.

40 PLANEJAMENTO GRÁFICO Definição Mostrar a importância da linguagem visual contida no discurso gráfico*, cuja função fundamental é orientar a leitura de forma rápida e agradável. *o conjunto de elementos visuais de um jornal, livro, revista, cartaz ou tudo que seja impresso.

41 PLANEJAMENTO GRÁFICO Definição Diagramação (e editoração) + discurso gráfico = linguagem da comunicação impressa.

42 PLANEJAMENTO GRÁFICO Definição Dar a mensagem a devida estrutura visual a fim de que o leitor possa discernir, rápida e confortavelmente, aquilo que para ele representa algum interesse, em muitos casos é criado uma padronização gráfica.

43 PLANEJAMENTO GRÁFICO Padronização Gráfica É a identidade do impresso. O leitor deve identificar o veículo. A padronização gráfica representa a imagem do jornal, por exemplo.

44 Semana 03 e 04 TÉCNICAS E LEIS BÁSICAS DA DIAGRAMAÇÃO

45 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO As técnicas Técnica do L Técnica do U Técnica do T Técnica do H Técnica do I Técnica do 4 Técnica do Suporte

46 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis As leis específicas, são os recursos que utilizamos para cumprir as leis gerais da composição. Variedade Contraste Alinhamento Harmonia Equilíbrio

47 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis As leis específicas, são os recursos que utilizamos para cumprir as leis gerais da composição. Repetição Destaque Proximidade Tipos/Fontes

48 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Contraste) Intensidade de visualização de cada elemento com relação aos que lhe rodeiam e ao grafismo completo.

49 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Contraste)

50 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Contraste)

51 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Contraste)

52 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Alinhamento) Nada deve ser colocado arbitrariamente em uma página. Cada item de ter uma conexão visual com algo já presente nesta.

53 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Alinhamento)

54 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Alinhamento)

55 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Alinhamento - texto) Este texto está alinhado à esquerda. Este texto está centralizado. Este texto está alinhado à direita. Este texto está justificado ou blocado.

56 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Alinhamento)

57 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Alinhamento)

58 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Proximidade) Itens relacionados entre si devem ser agrupados.

59 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Proximidade)

60 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Proximidade)

61 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Repetição) É uma forma mais marcante de criar consistência em um material. Avalie se é apropriado fazer com que um dos elementos fique mais marcante e utilize-o como o elemento repetitivo.

62 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Repetição)

63 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Tipos/Fontes) A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la.

64 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Leis (Tipos/Fontes) Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipologia: Tamanho; Forma; Peso; Direção; Estrutura; Cor.

65 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO Por que e para que tudo isso???

66 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO AGRUPAMENTO

67 TÉCNICAS BÁSICAS DE DIAGRAMAÇÃO AGRUPAMENTO

68 Semana 05 e 06 PRINCÍPIOS DE TIPOGRAFIA

69 PRINCÍPIOS DE TIPOGRAFIA O que é tipografia? É a arte, o processo de criação e a classificação do desenho de letras do alfabeto e de caracteres usados para formar as palavras; É a principal ferramenta de comunicação, que permite dar expressão ao documento, transmitindo instantaneamente uma atmosfera e imagem.

70 PRINCÍPIOS DE TIPOGRAFIA Existe uma crescente valorização de imagens e suas aplicações, mas a palavra escrita continua muito importante para informar e comunicar. A tipografia desempenha um papel muito importante na sinalização. As regras para utilização de tipografia para sinalização podem sofrer algumas alterações em relação às utilizadas para a área editorial, ela precisa ser de rápida compreensão e legibilidade.

71 PRINCÍPIOS DE TIPOGRAFIA As tipografias podem ser avaliadas de acordo sua: Anatomia Genealogia Classificação Composição

72 Anatomia PRINCÍPIOS DE TIPOGRAFIA

73 Anatomia PRINCÍPIOS DE TIPOGRAFIA

74 Anatomia PRINCÍPIOS DE TIPOGRAFIA

75 PRINCÍPIOS DE TIPOGRAFIA Genealogia ou família É um conjunto de tipografias com as mesmas características estilísticas fundamentais, porém apresentadas com variações de espessura, largura, altura e outros detalhes.

76 PRINCÍPIOS DE TIPOGRAFIA Genealogia ou família Algumas destas variações são mais frequentes nas famílias tipográficas e recebem nomes que se tornaram conhecidos pelo público em geral, tais como bold (negrito), light (claro), regular, itálico, condensed, dentre outros.

77 PRINCÍPIOS DE TIPOGRAFIA Classificação Tradicionalmente a tipografia é classificada em 6 grandes grupos: estilo antigo, moderno, serifado, sem serifa, manuscrito/cursivo e decorativas.

78 Semana 04 COMO SELECIONAR UMA TIPOGRAFIA

79 COMO SELECIONAR UMA TIPOGRAFIA Esta é a atividade que ocupa maior tempo do designer de maneira bem direta, dispor as letras em palavras, palavras em frases, frases em parágrafos e parágrafos em layout. Alguns princípios e semântica a respeito de espaçamento, organização e uso adequado de pontuação são imperativos para uma composição competente.

80 COMO SELECIONAR UMA TIPOGRAFIA Perguntas O que vai ser lido? Por quem vai ser lido? Em que vai ser aplicado o texto? Onde vai ser lido?

81 COMO SELECIONAR UMA TIPOGRAFIA Considerações Importantes A personalidade da fonte; A natureza da ideia/conceito; O perfil do cliente-anunciante; O Público-alvo; A Legibilidade.

82 COMO SELECIONAR UMA TIPOGRAFIA Considerações Mais Importantes Alinhamento; Espaço entre linhas (leading); Espaço entre letras/entreletras (tracking); Kerning; Órfãs e Viúvas (Forcas); Pontuação pendente; Pontuação; Legibilidade e Leiturabilidade.

83 COMO SELECIONAR UMA TIPOGRAFIA Órfãs e Viúvas (forca) Órfãs: ocorrem quando a primeira linha de um parágrafo começa no final de uma página ou coluna. Víuvas: ocorrem quando a última linha do parágrafo é a primeira de uma coluna ou página.

84 COMO SELECIONAR UMA TIPOGRAFIA Órfãs e Viúvas (forca)

85 COMO SELECIONAR UMA TIPOGRAFIA Pontuação pendente

86 COMO SELECIONAR UMA TIPOGRAFIA Legibilidade Refere-se ao aspecto geral de cada letra e a habilidade do leitor em distinguir uma das outras. C G I l 1 c e E F i j rn m N H b h Ti T1

87 COMO SELECIONAR UMA TIPOGRAFIA Legibilidade A legibilidade deve manter um equilíbrio entre: Necessidades expressivas; Tamanho do texto; Corpo de fonte; Adequação à mídia.

88 COMO SELECIONAR UMA TIPOGRAFIA Leiturabilidade Refere-se a como o tipo se comporta em um texto. Tipografia de leitura contínua ou de longa durabilidade (funcionais) Tipografia efêmera ou de impacto (características)

89 COMO SELECIONAR UMA TIPOGRAFIA Leiturabilidade FUNCIONAIS Os tipos funcionais como o próprio nome sugere, são utilizadas em diversas ocasiões, inclusive em textos corridos e são as tipografias mais importantes pois tem uso eclético.

90 COMO SELECIONAR UMA TIPOGRAFIA Leiturabilidade FUNCIONAIS Tradicionais Diferenciadas

91 COMO SELECIONAR UMA TIPOGRAFIA Leiturabilidade CARACTERISTICAS Os tipos característicos tem um uso mais limitado, porém fornece exclusividade à peça.

92 COMO SELECIONAR UMA TIPOGRAFIA Leiturabilidade CARACTERISTICAS

93 Semana 05 e 06 COMBINANDO TIPOGRAFIAS

94 COMBINANDO TIPOGRAFIAS Concordância Um layout estará em concordância quando você optar pela utilização de apenas uma família de tipo e os outros elementos que compõem a página possuírem as mesmas qualidades daquele tipo, como a versão em itálico, por exemplo, ou aumentar o tamanho da fonte, etc.

95 COMBINANDO TIPOGRAFIAS Conflito Um layout tem conflito quando se adotam duas ou mais fontes similares na mesma página, mas que não são efetivamente diferentes. Quando se colocam duas fontes parecidas juntas, a maior parte das pessoas que vão olhar para o material acha que foi um erro.

96 COMBINANDO TIPOGRAFIAS Contraste O contraste marcante atrai os olhos, e uma das maneiras eficazes, simples e satisfatórias de se conferir contraste a um desenho é através da tipografia.

97 Download da semana 04