aula 03 editoração eletrônica
TRANSCRIPT
![Page 1: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/1.jpg)
EDITORAÇÃO ELETRÔNICA
Anice Vicente
![Page 2: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/2.jpg)
Projeto
![Page 3: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/4.jpg)
Esboço da interface
![Page 5: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/9.jpg)
Design
![Page 10: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/10.jpg)
O que é Design?
Design é projetar conceitos, equilibrando estética e funcionalidade.
![Page 11: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/13.jpg)
Conceito
![Page 14: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/14.jpg)
Categorias de sites
Portais
![Page 15: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/15.jpg)
Categorias de sites
Institucionais
![Page 16: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/16.jpg)
Categorias de sites
Comércio Eletrônico
![Page 17: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/17.jpg)
Categorias de sites
Blogs
![Page 18: Aula 03 editoração eletrônica](https://reader035.vdocuments.net/reader035/viewer/2022062313/55724baed8b42a920c8b4a72/html5/thumbnails/18.jpg)
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.