fundamentos do desenvolvimento de um layout web
DESCRIPTION
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.TRANSCRIPT
Fundamentos pra que!?* Metodologia de projeto gráfico
* Web sites, aplicativos online ou mobile, softwares, publicações digitais, etc.
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
1. Mapa do site* Fluxo de navegação do site
* Diagrama visual
Sobre o site Contato
Página inicial
Categoria 1.2
Categoria 1 Categoria 2
Produtos
2. Wireframes* Elementos adicionais
BANNER
CONTEÚDO
Inicial
LOGO
Produtos Contato tfrss
BARRA LATERAL
Copyright
Inicial | Produtos | Contato
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.
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.
Como referênciahttp://www.wireframeshowcase.com/