Aula de "Fundamentos do Desenvolvimento de Layout Web", ministrada para as cadeiras de Design para Meios Digitais (Curso de Publicidade) e Web Design (Curso de Design), da FANOR, em Outubro de 2013.
2. Fundamentos pra que!?
* Metodologia de projeto gráfico
* Web sites, aplicativos online ou mobile,
softwares, publicações digitais, etc.
3. 1. Mapa do site
* Conteúdo previsto em um site
* Arquitetura da informação (Sigla: AI)
4. 1. Mapa do site
* Lista estrutural de conteúdo
* Seções, subseções...
- Página inicial
- Sobre o site
- Produtos
- Categoria 1
- Categoria 1.2
- Categoria 2
- Contato
5. 1. Mapa do site
* Fluxo de navegação do site
* Diagrama visual
Página inicial
Produtos
Sobre o site
Categoria 1
Categoria 1.2
Contato
Categoria 2
21. Atividade em classe
* Escolher um site qualquer e fazer uma lista
estrutural de seções e subseções.
* Simular o wireframe de uma página do site.
Atividade em casa
* Definir o mapa do site (em lista e diagrama)
e preparar o wireframe da página inicial para
ser analisado na próxima aula.
Como referência
http://www.wireframeshowcase.com/