Design na mídia impressa e digital

Design na mídia impressa e digitalDiferença entre diagramação e interface

Atenção !!!

Esta apresentação faz parte de minhas aulas e seu conteúdo foi

elaborado com base na minha experiência profissional que, em

algum momento, pode contradizer o que é explicado na maioria

dos livros.

Suas informações são limitadas e superficiais, sendo que o

conteúdo completo é dano durante a aula.

Fique a vontade para utilizá-lo se precisa, mas tome cuidado para

não copiar conteúdo incompleto.

Odair Cavichioli Júnior

http://www.odaircavichioli.com.br

Computação GráficaOdair Cavichioli Jr.

3Van Gogh - 1880

"Há leis de proporção, de luz, de sombra e de perspectiva, que é preciso conhecer para desenhar um motivo; se essa ciência nos falha, arriscamos travar eternamente uma luta estéril e não conseguimos nunca criar."


4O que é design ?

Termo derivado do latim designare (traçar um desenho, delinear, caracterizar, representar).

Na semiótica, Design significa: De: Referente a alguma coisa Sign: Signo, representação gráfica ou linguística

É um esforço criativo para solucionar um problema;

Estrutura conceitual com elementos que cumprem uma função específica, ajudando o leitor a interpretar o conteúdo de forma direcionada e intuitiva;

“Domínio no qual se estrutura a interação entre usuário e produto, para facilitar ações efetivas” - Gui Bonsiepe.


5Tipos de design

Design de comunicação Design gráfico Design editorial Design de hipermídia Design de interação

• Webdesign • Design de jogos

Design de produto Design automobilístico Design de embalagem Merchandising Design de mobiliário

Design de moda Design de jóias Design de ambientes

Design de feiras, eventos, e stands Design de interiores Design de iluminação de palco


6Quais os conhecimentos de um designer ?

Artes Plásticas; História da arte; Movimentos de design; Linguagem de comunicação; Estética; Estrutura, equilíbrio e massa; Tipos de mídias (impressa, digital, audiovisual, etc); Psicologia; Neurolingüística; Semiótica; Métricas; ETC...

Computação GráficaOdair Cavichioli Jr.Conceito base

Os recursos da mídia digital tem origem na mídia

impressa e seus conceitos básicos são os mesmos.

Isso significa que o conceito de diagramação não

muda entre as mídias.

Diferença entre as mídias impressa e digital:

7

Computação GráficaOdair Cavichioli Jr.Diferenças básicas entre as mídias

8

Aspecto Mídia Impressa Mídia Digital

Acesso É uma questão culturalÉ uma questão de

inclusão

Leitura Visão e tato (textura) Visão

Suporte Matérias-prima industriais Monitor

Tempo de leitura Longo Curto

Visualização Sempre a mesmaMuda de acordo com o

sistema

InovaçãoProdução Gráfica

(industria)Novas Técnicas

(tecnologia)

Qualidade Sempre boa Depende do equipamento


9O que é um layout ?

Um plano ou peça com elementos organizados para transmitir uma mensagem (princípios de design);

O processo de criação dividi-se em: Identificação Seleção Natureza dos elementos Posicionamento dos elementos


10Processo de interpretação da informação

O cérebro interpreta um layout realizando a leitura na seguinte ordem:

Registro visual Registro gráfico Registro escrito

Textos e ilustrações (fotos ou desenhos) devem ser elementos de destaque;

Computação GráficaOdair Cavichioli Jr.Registro visual

As páginas são lidas como grandes massas de formatos e cores, com elementos do primeiro plano contrastando com a área de fundo.

11

Computação GráficaOdair Cavichioli Jr.Registro gráfico

A leitura identifica as informações específicas,

iniciando pelos gráficos.

12

Computação GráficaOdair Cavichioli Jr.Registro escrito

Depois é realizada uma analise gramatical do texto e leitura das frases.

13


14Um layout deve abortar

Segurança;

Comodidade;

Solidez;

Refletir o comportamento social e cultural;

Mensagem (semiótica);

Persuasão;

Encanto;

Design da informação;

Acessibilidade.

Computação GráficaOdair Cavichioli Jr.O que é uma interface ?

O conceito original vem da mídia impressa e é

aplicada mesma forma na mídia digital.

Além de orientar, a interface deve prover uma

interação entre as informações e o público.

De forma intuitiva, a pessoa deve olhar para a

interface e saber como ela funciona.

Utiliza recursos de hipermídia.

15


16Cuidados com a interface

Estrutura que organiza informações dentro de um determinado contexto, promovendo interação entre o usuário e a informação.

Deve ser intuitiva, utilizando convenções de navegação;

Deve respeitar os princípios de acessibilidade;

Não se deve criar obstáculos para o usuário;

Não tem como criar uma interface para uma pessoa em que se desconhece a sua necessidade.


17Referência bibliográfica

Existem algumas informações que são encontradas na

Wikipédia. Porém, como seu conteúdo pode ser alterado por

qualquer pessoa, sua credibilidade é questionável. Só utilize

informações da Wikipédia se você já conhece o assunto e

concorda com as definições.

Guia de estilo da Web

Patrick J. Lynch e Sarah Horton

Editora Gustavo Gili

2004

Computação GráficaOdair Cavichioli Jr.Para pesquisa

Gestalt

Arquétipos

Semiótica

Saul Bass

Minimalismo

Quarto poder

18

Odair Cavichioli Júnior

www.odaircavichioli.com.br

Design na mídia impressa e digitalDiferença entre diagramação e interface