Post on 15-Jun-2015
INTERNET ePROGRAMAÇÃO WEB
LAYOUT
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Layout é um esboç
o ou rascunho que m
ostra
a estrutura física de
uma página de um
jornal,
revista ou página na
internet (como um
blog, por exemplo).
O layout engloba ele
mentos como
texto, gráficos, imag
ens e a forma como
eles
se encontram em u
m determinado esp
aço.
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE Surpreenda! Como?
CRIATIVIDADE!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE Surpreenda!
CRIATIVIDADE!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Evoluir!
Experimentar!
Mudar!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Precisamos sair da
convenção do layout.
Entender o negócio
e vivenciar
o projeto que estam
os trabalhando.
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Como fazer algo que você não
possui conhecimento?
✓ Faça perguntas?!✓ O ‘cara’ que fez esse site já acessou alguma vez?✓ Qual caminho deve ser memorizado?✓ Qual o público alvo?✓ Qual o fluxo de acesso?
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
É possível fazer um
projeto
Surpreendente? Co
mpare.
✓ Falta de ideias?✓ Referências?✓ Similares?✓ Concorrentes?✓ O que deu certo?✓ O que não funciona?
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Que cores vou usar?
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Que cores
vou usar?
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Acessibilidade
A expressão acessibilidade Web refere-s
e a prática
inclusiva de fazer we
bsites
que possam ser utili
zados por todas as
pessoas que tenham
deficiência ou não.
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE Acessibilidade
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE
Design Responsivo
Elaborar sites para f
ornecer uma ótima
experiência
de visualização, fácil
leitura e navegação
com um mínimo de
redimensionamento
e visionamento,
para uma ampla gam
a de dispositivos
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITEDesign Responsivo
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE Velocidade
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE CUIDADO!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE LEGAL!!!
Internet e Programação Web - Aula 02
Projeto de Desenvolvimento WEB
LAYOUT DE SITE DICA FINAL!!!
Você também
é um USUÁRIO!
Internet e Programação Web - Aula 02
Vamos criar nosso
Layout?
Projeto de Desenvolvimento WEB
www.hectorfelipecabral.com.brwww.slideshare.net/hectorfelipecabralhectorfelipecabral@gmail.com
Material de Apoio: