editorial, hq

&

artefatos

digitais

audiovisual

narrativos

contexto

interface

experiência

narrativa

informação

visual

arquitetura

editorial

mídiatico

conteúdo

verbal

convergências

seamless

multimídia

digital

transmídia

jogos

7ch5JsC
TURMA/CLASSRROM

ESTÉTICA
EIXO

AVANÇADO
NÍVEL

Artefatos narrativos são aqueles cujo propósito é comunicar ou persuadir

projeto

editorial

com dados

editorial, hq

&

artefatos

digitais

audiovisual

narrativos

contexto

interface

experiência

narrativa

informação

visual

arquitetura

editorial

mídiatico

conteúdo

verbal

convergências

seamless

multimídia

digital

transmídia

jogos

7ch5JsC
TURMA/CLASSRROM

AVANÇADO
NÍVEL

Artefatos narrativos são aqueles cujo propósito é comunicar ou persuadir

projeto

editorial

com dados

visualizações

editoriais

elementos

referências

resumo

editorial, hq

&

artefatos

digitais

audiovisual

narrativos

contexto

interface

experiência

narrativa

informação

visual

arquitetura

editorial

mídiatico

conteúdo

verbal

convergências

seamless

multimídia

digital

transmídia

jogos

7ch5JsC
TURMA/CLASSRROM

AVANÇADO
NÍVEL

Artefatos narrativos são aqueles cujo propósito é comunicar ou persuadir

projeto

editorial

com dados

visualizações

visualizações

editoriais

editoriais

elementos

elementos

referências

referências

resumo

SÍNTESE ESQUEMÁTICA

ARTEFATOS NARRATIVOS

DESIGN EDITORIAL

DESIGN EDITORIAL

ARTEFATOS NARRATIVOS

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

DESIGN EDITORIAL

EDITORIAL DIGITAL

ARTEFATOS NARRATIVOS

WEBSITES

APLICATIVOS

PWA

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

VISUAL STORYTELLING

DESIGN EDITORIAL

EDITORIAL DIGITAL

ARTEFATOS NARRATIVOS

WEBSITES

APLICATIVOS

PWA

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

VISUAL STORYTELLING

Contam as histórias visualmente, através de ilustrações sequenciais, animações ou vídeos, inseridos no editorial

EDITORIAL
COM DADOS

INFOGRAFIA

Contam as histórias através de metáforas e um esquema gráfico estático, em uma ou duas páginas geralmente

DESIGN EDITORIAL

EDITORIAL DIGITAL

ARTEFATOS NARRATIVOS

WEBSITES

APLICATIVOS

PWA

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

VISUAL STORYTELLING

Contam as histórias visualmente, através de ilustrações sequenciais, animações ou vídeos, inseridos no editorial

EDITORIAL
COM DADOS

INFOGRAFIA

Contam as histórias através de metáforas e um esquema gráfico estático, em uma ou duas páginas geralmente

Contam as histórias explorando dados e simulando cenários como procedimento retórico

DESIGN EDITORIAL

EDITORIAL DIGITAL

ARTEFATOS NARRATIVOS

WEBSITES

APLICATIVOS

PWA

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

VISUAL STORYTELLING

Contam as histórias explorando dados e simulando cenários como procedimento retórico

EDITORIAL
COM DADOS

INFOGRAFIA

DATAVIZ

DESIGN EDITORIAL

EDITORIAL DIGITAL

ARTEFATOS NARRATIVOS

WEBSITES

APLICATIVOS

PWA

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

VISUAL STORYTELLING

Contam as histórias explorando dados e simulando cenários como procedimento retórico

EDITORIAL
COM DADOS

DATAVIZ

CONTEXTO DIGITAL
WEBSITES
APLICATIVOS
PROGRESSIVE WEB APPLICATIONS (PWA)

DESIGN EDITORIAL

EDITORIAL DIGITAL

ARTEFATOS NARRATIVOS

WEBSITES

APLICATIVOS

PWA

VISUAL STORYTELLING

INFOGRAFIA

EDITORIAL
COM DADOS

EDITORIAL
COM DADOS

DATAVIZ

CONTEXTO DIGITAL
WEBSITES
APLICATIVOS
PROGRESSIVE WEB APPLICATIONS (PWA)

EDITORIAIS

EDITORIAIS DIGITAIS COM INFOGRAFIA

ELEMENTOS

INFOGRAFIA

a infografia nos fornece a base de referência sobre a
linguagem gráfica adotada em expressões esquemáticas e diagramas
visuais

DESIGN SYSTEMS

o design system é a elaboração do conjunto de componentes interativos, com linguagem consistente, que compõe o editorial

o material design é um, dentre vários tipos possíveis de vocabulário
gráfico


isto é:
de linguagem gráfica

Elementos de interface

Orientação

< >

Navegação / Menus

>
>

Elementos de interface

Navegação / Menus

>
>

Meta elementos

Orientação

< >

Elementos de interface

Navegação / Menus

>
>

Meta elementos

Elementos de busca

Orientação

< >

Elementos de interface

Navegação / Menus

>
>

Meta elementos

Elementos de busca

Elementos do conteúdo

Elementos textuais

Orientação

< >

Elementos de interface

Navegação / Menus

>
>

Meta elementos

Elementos de busca

Elementos do conteúdo

Elementos textuais

Blocos e secções

Elementos de interface

Meta elementos

Elementos de busca

Elementos do conteúdo

Elementos textuais

Blocos e secções

Imagens

Elementos de interface

Elementos de busca

Elementos do conteúdo

Elementos textuais

Blocos e secções

Imagens

Multimídia

>
>

Elementos do conteúdo

Elementos textuais

Blocos e secções

Imagens

Multimídia

Entrada de dados

>
>

Elementos do conteúdo

Imagens

Multimídia

Entrada de dados

Tabelas e listas

Navegação / Menus

>
>

Meta elementos

Elementos do conteúdo

Imagens

Multimídia

Entrada de dados

Tabelas e listas

Visualizações

Navegação / Menus

>
>

Meta elementos

Elementos de busca

Elementos do conteúdo

Multimídia

Entrada de dados

Tabelas e listas

Visualizações

VISUALIZAÇÕES

LEXO, VOCABULÁRIO
GRAMÁTICA, LINGUAGEM

convenções da gramática de dataviz

REFERÊNCIAS

COPYRIGHT © 2022
GUILHERME RANOYA

Made with Slides.com