Trabalho WEB DESIGN 1

Prévia do material em texto

CST DE DESIGN - UNINTER
WEB DESIGN
Template
Objetivo: Fazer o wireframe de média fidelidade para 3 
páginas de um website pessoal.
NOME: Laila dos Santos Oliveira 
RU: 3891220
Web design
ATENÇÃO!
Você pode utilizar o software Figma (na versão free account) para 
criar os wireframes. (www.figma.com) – tem versão online ou para 
instalar no computador ou outro software como Adobe Illustrator, 
Photoshop ou Adobe XD
Exporte as páginas como “PNG” e insira nos locais definidos no 
template.
A AVALIAÇÃO se dará pela correta prototipação das três páginas 
solicitadas de acordo com os critérios especificados em cada 
atividade.
WEB DESIGN
CST DE DESIGN
http://www.figma.com/
ATIVIDADES
Roteiro da atividade prática de WEB DESIGN
ATIVIDADE 1 – PÁGINA HOME
Com base nas aulas de Web Design e no mapa de navegação fornecido, crie um wireframe de média fidelidade – anotado –
para a página HOME do site. 
Determine áreas para navegação, texto, imagens, ícones e demais elementos que julgue necessários, identificando cada uma 
delas.
Aplique uma cor de fundo (background) para a página.
ATIVIDADE 2 – PORTIFÓLIO
Com base nas aulas de Web Design e no mapa de navegação fornecido, crie um wireframe de média fidelidade – anotado –
para a página PORTIFÓLIO do site. 
Determine áreas para navegação, texto, imagens, ícones e demais elementos que julgue necessários, identificando cada uma 
delas.
Aplique uma cor de fundo (background) para a página.
Insira pelo menos 1 (uma) imagem (pode ser de seu portifólio) em uma das áreas de imagem definidas no layout.
ATIVIDADE 3 – SOBRE
Com base nas aulas de Web Design e no mapa de navegação fornecido, crie um wireframe de média fidelidade – anotado –
para a página SOBRE do site. 
Determine áreas para navegação, texto, imagens, ícones e demais elementos que julgue necessários, identificando cada uma 
delas.
Aplique uma cor de fundo (background) para a página.
Insira uma área para o formulário de contato.
WEB DESIGN
CST DE DESIGN
HOME
SOBRE PORTIFOLIO
....
...
ATIVIDADES
Roteiro da atividade prática de WEB DESIGN
MAPA DE NAVEGAÇÃO
WEB DESIGN
CST DE DESIGN
WEB DESIGN
CST DE DESIGN
ATIVIDADE 1 – PÁGINA HOME
ATIVIDADE 2 – PÁGINA PORTIFÓLIO WEB DESIGN
CST DE DESIGN 
ATIVIDADE 3 – PÁGINA SOBRE WEB DESIGN
CST DE DESIGN
Página HOME - vale 33% da nota
1- Deve ser um wireframe de média fidelidade – anotado – .
2- Deve ter determinado e identificado áreas para texto/imagem/navegação.
3- Deve ter aplicado cor no background.
4- Deve estar de acordo com o mapa de navegação fornecido.
Página PORTIFÓLIO - vale 34% da nota
1- Deve ser um wireframe de média fidelidade – anotado – .
2- Deve ter determinado e identificado áreas para texto/imagem/navegação.
3- Deve ter aplicado cor no background.
4- Deve ter inserido pelo menos uma imagem como exemplo.
5- Deve estar de acordo com o mapa de navegação fornecido.
Página SOBRE - vale 33% da nota
1- Deve ser um wireframe de média fidelidade – anotado – .
2- Deve ter determinado e identificado áreas para texto/imagem/navegação.
3- Deve ter aplicado cor no background.
4- Deve ter definido a área para o formulário de contato.
5- Deve estar de acordo com o mapa de navegação fornecido.
*A ENTREGA DO ARQUIVO DEVE SER EM PDF
WEB DESIGN
CST DE DESIGN
AVALIAÇÃO
	Slide 1
	Slide 2
	Slide 3
	Slide 4
	Slide 5
	Slide 6
	Slide 7
	Slide 8