Aula 03 editoração eletrônica

18
EDITORAÇÃO ELETRÔNICA Anice Vicente

Transcript of Aula 03 editoração eletrônica

Page 1: Aula 03   editoração eletrônica

EDITORAÇÃO ELETRÔNICA

Anice Vicente

Page 2: Aula 03   editoração eletrônica

Projeto

Page 3: Aula 03   editoração eletrônica

Projeto

Quando planejamos um website agregamos vários documentos que nos ajudam no desenvolvimento:

1) Esboço da interface2) Wireframe3) Sitegrama4) Fluxograma

Page 4: Aula 03   editoração eletrônica

Esboço da interface

Page 5: Aula 03   editoração eletrônica

Wireframe

Toub, S. Evaluating Information Architecture: A practical guide to assessing web site organization, Argus, 2000.http://argus-acia.com/white_papers/evaluating_ia.pdf.

Page 6: Aula 03   editoração eletrônica

Wireframe

Toub, S. Evaluating Information Architecture: A practical guide to assessing web site organization, Argus, 2000.http://argus-acia.com/white_papers/evaluating_ia.pdf.

Page 7: Aula 03   editoração eletrônica

SitegramaLIVE WEB EDUCA

Cursos PerfilPágina inicial

Oficina de Leitura Meu perfil

Fórum de notícias

Fórum de discussão

Atividade 1

Texto, artigo ou capítulo de um livro

Envio de arquivo digital

Digitação de texto on-line

Mensagens do fórum Meus arquivos

Participantes

Page 8: Aula 03   editoração eletrônica

Fluxograma

Ingressos Escolher filmeConfirma filmeTipo ingresso

Forma de entrega

PoltronaCadastro /Login

PrimeiroCadastro

Compra pela primeira vez?

E-mail / Senha Login?

Forma dePagamento

Botão

OK

S

N

S N

Page 9: Aula 03   editoração eletrônica

Design

Page 10: Aula 03   editoração eletrônica

O que é Design?

Design é projetar conceitos, equilibrando estética e funcionalidade.

Page 11: Aula 03   editoração eletrônica

Princípios do Design

Para começar a projetar deve-se estar sempre atento aos princípios do design como:• Conceito• Originalidade• Simplicidade• Pregnância• Legibilidade

Page 12: Aula 03   editoração eletrônica

Conceito

Conceito é um conjunto de informações representadas por elementos gráficos (como cor, tipografia, imagens, etc) e que, juntos, transmitem uma ideia.

Page 13: Aula 03   editoração eletrônica

Conceito

Page 14: Aula 03   editoração eletrônica

Categorias de sites

Portais

Page 15: Aula 03   editoração eletrônica

Categorias de sites

Institucionais

Page 16: Aula 03   editoração eletrônica

Categorias de sites

Comércio Eletrônico

Page 17: Aula 03   editoração eletrônica

Categorias de sites

Blogs

Page 18: Aula 03   editoração eletrônica

Pesquisa

Realize na internet pesquisa para conhecer as diversas categorias de sites. Exemplos: vídeos, instituição financeiras, educação, blogs, portais, notícias, sites pessoais, wikis, música, etc.