Este documento discute as diferenças entre diagramação e interface para mídia impressa e digital. Explica que os conceitos básicos são os mesmos entre as mídias, com as principais diferenças sendo no acesso, leitura, suporte e inovação. Também aborda o processo de interpretação de layouts e os cuidados com o design de interfaces intuitivas.

1. Design na mídia impressa e digital Diferença entre diagramação e interface

2. 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

3. Van 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."

4. O 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.

5. Tipos 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

6. Quais 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...

7. 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:

8. Diferenças básicas entre as mídias 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 mesma Muda de acordo com o sistema Inovação Produção Gráfica (industria) Novas Técnicas (tecnologia) Qualidade Sempre boa Depende do equipamento

9. O 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

10. Processo 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;

11. 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.

12. Registro gráfico A leitura identifica as informações específicas, iniciando pelos gráficos.

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

14. Um layout deve abortar Segurança; Comodidade; Solidez; Refletir o comportamento social e cultural; Mensagem (semiótica); Persuasão; Encanto; Design da informação; Acessibilidade.

15. 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.

16. Cuidados 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.

17. Referê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

18. Para pesquisa Gestalt Arquétipos Semiótica Saul Bass Minimalismo Quarto poder

19. Design na mídia impressa e digital Diferença entre diagramação e interface Odair Cavichioli Júnior www.odaircavichioli.com.br