DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com...

22
DESIGN EDITORIAL – AULA 09 Prof. Sergio Xavier

Transcript of DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com...

Page 1: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

DESIGN EDITORIAL – AULA 09

Prof. Sergio Xavier

Page 2: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Sumário Detalhamento dos Fundamentos do Grid Anatomia do Grid Vantagens do Grid Variação e violação Sequência e cadência: criação e fluxo entre as

páginas

Page 3: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Detalhamentos dos Fundamentos do Grid

Page 4: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Tipos de Grids Retangular Colunas Modular Hierárquico

Page 5: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Tipos de Grids > GRID DE 1 COLUNA (=RETANGULAR)

Page 6: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Tipos de Grids > GRID DE COLUNAS

Page 7: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Tipos de Grids > GRID MODULAR

Page 8: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Tipos de Grids > GRID HIERÁRQUICO

Page 9: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Anatomia do Grid É constituído por um conjunto específico de

relações de alinhamento que serve como um guia para distribuição de elementos em formato de página.

Page 10: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Anatomia do Grid (exemplo)

Page 11: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Vantagens do Grid Clareza Eficiência Economia Identidade

Page 12: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Variação estrutural

Page 13: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Variação estrutural (exemplos)

Page 14: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Variação estrutural (exemplos)

Page 15: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Variação estrutural (exemplos)

Page 16: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Variação e violação

Page 17: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Variação contínua O conteúdo de texto e imagem muda continuamente a

cada página dupla de acordo com sua posição.

Page 18: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Sequência e cadência: criação e fluxo entre as páginas É uma das considerações mais importantes para

o designer. Compreende ritmo visual ou um tempo que o leitor absorve em cada página dupla.

A variação pode ser do lento para o rápido, ou do tranquilo ao dinâmico.

Page 19: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio
Page 20: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio
Page 21: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio
Page 22: DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com de ent« bcdéis e um la. era O tempo cm na — Brasileira de Marketing, c do Rádio

Prof. Me. Sergio Xavier [email protected]

Blog: profsergioxavier.wordpress.com www.facebook.com/profsergioxavier

mailto:[email protected]

arquivoAnexado - fcc.org.br · individualização dos fonemas, a representação destes fonemas em letras, a síntese das tetras na palavra, a passagem de unta palavra para outra,

arquivoAnexado - fcc.org.br · individualização dos fonemas, a representação destes fonemas em letras, a síntese das tetras na palavra, a passagem de unta palavra para outra,

BAB II - Sunan Ampeldigilib.uinsby.ac.id/15599/6/Bab 2.pdfdapati selain unta yang baik yang berumur enam tahun masuk tujuh tahun (Raba’iyyah). Lalu beliau bersabda : Berilah dia

BAB II - Sunan Ampeldigilib.uinsby.ac.id/15599/6/Bab 2.pdfdapati selain unta yang baik yang berumur enam tahun masuk tujuh tahun (Raba’iyyah). Lalu beliau bersabda : Berilah dia

NT 65/2 Eco *VEX - RJ Bowers · Instrucciones de servicio 9 ... non-conductive liquids (e.g. drilling emulsion, oils and greases) are vacuumed. The fill level must be regularly checked

NT 65/2 Eco *VEX - RJ Bowers · Instrucciones de servicio 9 ... non-conductive liquids (e.g. drilling emulsion, oils and greases) are vacuumed. The fill level must be regularly checked

Versão integral disponível em digitalis.uc · Verdade (1930) e Augustinus: Quid est tempus? Confessiones lib.Xl no mesmo ano e em 1949 7. ... Unta Contribuição para a História

Versão integral disponível em digitalis.uc · Verdade (1930) e Augustinus: Quid est tempus? Confessiones lib.Xl no mesmo ano e em 1949 7. ... Unta Contribuição para a História

Catálogo VEx Guadalajara S.A. DE C.V.

Catálogo VEx Guadalajara S.A. DE C.V.

iconline.ipleiria.pt Animador... · iniciativas que declaram a sua capacidade de trabalhar para unta sociedade menos perversa e ... PNB, consumo de energia, taxa de escolarizaçäo,

iconline.ipleiria.pt Animador... · iniciativas que declaram a sua capacidade de trabalhar para unta sociedade menos perversa e ... PNB, consumo de energia, taxa de escolarizaçäo,

institutorubemalves.org.br · näo quer aprender". As vezcs, eu penso que o que as escolasfazem com as crianças é ten- ... Como pode ter alguém que não gostc de planta ... unta

institutorubemalves.org.br · näo quer aprender". As vezcs, eu penso que o que as escolasfazem com as crianças é ten- ... Como pode ter alguém que não gostc de planta ... unta

w3.impa.brw3.impa.br/~paesleme/Telecom/07-Exericios1.pdfLISTA DE EXERCÍCIOS IV l) computador gera palavras binárias, cada unta consistindo de 16 bits, a uma taxa de 20.000 palavras

w3.impa.brw3.impa.br/~paesleme/Telecom/07-Exericios1.pdfLISTA DE EXERCÍCIOS IV l) computador gera palavras binárias, cada unta consistindo de 16 bits, a uma taxa de 20.000 palavras

DA BRASILEIRA DE que seja a damente alta. O ótimo se eneontra entre 50-6(PC. Depois da ope- a temperatura vex n para completar A SOIuçAO, ainda quentc degpejada sðbre gê10.

DA BRASILEIRA DE que seja a damente alta. O ótimo se eneontra entre 50-6(PC. Depois da ope- a temperatura vex n para completar A SOIuçAO, ainda quentc degpejada sðbre gê10.

ficha 2d6 vex

ficha 2d6 vex

ESTATUTO DA UNTA – CONFEDERAÇÃO SINDICAL

ESTATUTO DA UNTA – CONFEDERAÇÃO SINDICAL

Comune di MonrealePaca, Cetatea, revista lunara de cultura, literatura, si arta an 11 mai 1999 Ron-mia Rea, di segni, di memorie, di enigni. I fogli incisi di Toni PecorE0. Vex libris

Comune di MonrealePaca, Cetatea, revista lunara de cultura, literatura, si arta an 11 mai 1999 Ron-mia Rea, di segni, di memorie, di enigni. I fogli incisi di Toni PecorE0. Vex libris

Industrial & Oilfield Products JL 1-18 - Jet-Lube · 2019. 8. 29. · Aplicações Acessórios roscados, sistemas de exaustão, turbinas, canaliação, ualuer unta de metal, carcaça

Industrial & Oilfield Products JL 1-18 - Jet-Lube · 2019. 8. 29. · Aplicações Acessórios roscados, sistemas de exaustão, turbinas, canaliação, ualuer unta de metal, carcaça

institutoaugustoboal.files.wordpress.com · eu ienho geu endereç.o, us ate voce das reflexões recentes e vi e eggp é urn? que voce a tivesse chrype esquina, tax vex les que voce

institutoaugustoboal.files.wordpress.com · eu ienho geu endereç.o, us ate voce das reflexões recentes e vi e eggp é urn? que voce a tivesse chrype esquina, tax vex les que voce

 · se a apresentaçäo, através de meios audiovisuais. Fica arquivada na respetiva pasta de documentos de prestaçäo de contas unta cópia do documento original. Finda a apresentaçäo,

 · se a apresentaçäo, através de meios audiovisuais. Fica arquivada na respetiva pasta de documentos de prestaçäo de contas unta cópia do documento original. Finda a apresentaçäo,

g?, m. · 2017. 12. 6. · "&\%\vex&xbabe bo"gorío feitoria g?, m. Exm°. Senhor Reitor da Universidade do Portb O ASSUNTO: "OBRAS NAS ESTUFAS DO JARDIM BOTÂNICO DA UNIVERSIDADE

g?, m. · 2017. 12. 6. · "&\%\vex&xbabe bo"gorío feitoria g?, m. Exm°. Senhor Reitor da Universidade do Portb O ASSUNTO: "OBRAS NAS ESTUFAS DO JARDIM BOTÂNICO DA UNIVERSIDADE

 · evitar valores de pressão positiva ou negativa que ofereçam riscos para a estrutura do silo ou filtros. Para unta proteçäo correta do equipamento é necessário prever a instalação

 · evitar valores de pressão positiva ou negativa que ofereçam riscos para a estrutura do silo ou filtros. Para unta proteçäo correta do equipamento é necessário prever a instalação

NOTA TÉCNICA CNPGAGNDH 13.824/2019, que trata da ...concursos.unibave.net/uploads/210/concursos/35/...éget CONSELHO NACIONAL PROCURADORES.G ERAIS )41401101.0 somo" unta a ma %sun

NOTA TÉCNICA CNPGAGNDH 13.824/2019, que trata da ...concursos.unibave.net/uploads/210/concursos/35/...éget CONSELHO NACIONAL PROCURADORES.G ERAIS )41401101.0 somo" unta a ma %sun

 · Conto semanal 'FRANCET de pitano.- que vern de Vex em quart. do pastur a noite etn casa. be- bendo vinbo ferment ado. o outro dia. pyqueno drama al(teáo

 · Conto semanal 'FRANCET de pitano.- que vern de Vex em quart. do pastur a noite etn casa. be- bendo vinbo ferment ado. o outro dia. pyqueno drama al(teáo

era uma vex ç ç

era uma vex ç ç