template de janela de navegador 800x600 pixels
http://


FredCavazza.Net
template de janela de navegador 1024x768 pixels
http://


FredCavazza.Net
Elementos gráficos (Windows XP)
Início > Nível 1 > Nível 2 > Nível 3 > Nível 4
Area de Texto
Busca
Busca Avançada
Início
Sessão 1
Sessão 2
Sessão 3
Título da Sessão 1
Texto
Botão
ok
Texto
✓

Menu de seleção
Título
> Sessão 1
Sessão 2
Sessão 3
Sessão 4
Logo
FredCavazza.Net
99
Texto
⋀
⋁
⋁
Título
Sessão 1
Sessão 2
> Sessão 3
Sessão 4
Área de texto
⋀
---
⋁
Exemplo de formulário (Windows XP)
Conjunto de campos
⋁
Sexo* : M.
Nome* :
?
Sobrenome* :
Data de Nascimento* dd/mm/aaaa
(ex : 21/11/1979)
:
Seleção exclusiva* :
Primeira seleção exclusiva

Segunda seleção exclusiva
Terceira seleção exclusiva
Seleção múltipla* : ✓ Primeira seleção opcional
Segunda seleção opcional
✓ Terceira seleção opcional
Campo numérico* :
99
⋀
⋁
⋀
---
Área de texto* :
⋁
* Campos obrigatórios
Cancelar
FredCavazza.Net
Enviar
Exemplo de wireframe no 1
http://www. exemplo1.html
Logo
Início
Section 1
Overview
Sessão 1.1
Sessão 1.2
> Sessão 1.3
Sessão 1.4
Mapa do Site
Contato
Ajuda
ok
Busca...
Sessão 1
Sessão 2
Sessão 3

Sessão 4
Título da sessão 1.3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est
blandit eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur
magna dolor, auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi
fermentum, neque vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget
massa. Integer posuere pulvinar augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies,
massa nec dignissim porttitor, urna augue fermentum enim, ac nonummy risus augue eu sapien.
Painel
Nunc vero fatemur,
acuti hebetesne,
valentes imbecilline
simus, non esse id
in nobis.
Veja mais...
Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor
fermentum augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis,
vulputate ut, mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit
leo a est. Fusce scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum
ligula dui, vestibulum quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor
malesuada. Integer tellus justo, sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus
pretium, nibh lacus pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit semper
suscipit. Maecenas mattis magna at est. Maecenas elit.
Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies
nulla non justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis
facilisis erat. Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed
iaculis felis est nec pede. Fusce convallis ante in ligula.

FredCavazza.Net
Exemplo de wireframe no 2
http://www. exemplo2.html
Acesso direto: Você deseja…
Logo
⋁
Mapa do Site
Contato

Você está aqui: Início > Sessão 1 > Sessão 1.3 >
Menu
Mais
Ajuda
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est blandit eros, at
varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur magna dolor, auctor vel,
volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi fermentum, neque vitae accumsan
gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa. Integer posuere pulvinar augue. Etiam tempus
ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec dignissim porttitor, urna augue fermentum enim, ac nonummy
risus augue eu sapien.
Início
Sessão 1
Sessão 1.1
Sessão 1.2
Sessão 1.3
>
Title section 1.3.1
Sessão 1.3.1
Sessão 1.3.2
Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor fermentum augue.
Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis, vulputate ut, mauris. Nunc
sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo a est. Fusce scelerisque vestibulum
lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula dui, vestibulum quis, convallis vel, volutpat ut, eros.
Etiam eget orci. Sed non magna non est tempor malesuada. Integer tellus justo, sagittis et, congue vitae, tempor in, lorem.
Nam luctus, tortor ac dapibus pretium, nibh lacus pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit
semper suscipit. Maecenas mattis magna at est. Maecenas elit.
Sessão 1.4
Sessão 2
Sessão 3
Sessão 4
Busca :
ok
Busca Avançada
Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla non justo.
Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis erat. Morbi felis.
Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed iaculis felis est nec pede. Fusce convallis ante in ligula.

FredCavazza.Net
Exemplo de wireframe no 3
http://www. exemplo3.html

Logo
Sessão 1
Início Mapa do Site Contato
Sessão 2
Sessão 3
Sessão 4
Sessão 5
Busca…
ok
Sessão 6
Início > Sessão 2 > Sessão 2.3 >
Section 2
Panorama
Sessão 2.1
Sessão 2.2
Sessão 2.3
- Sessão 2.3.1
- Sessão 2.3.2
- Sessão 2.3.3
Sessão 2.4
Title section 2.3.1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est
blandit eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur
magna dolor, auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi
fermentum, neque vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa.
Integer posuere pulvinar augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec
dignissim porttitor, urna augue fermentum enim, ac nonummy risus augue eu sapien.
Painel
Nunc vero fatemur,
acuti hebetesne,
valentes imbecilline
simus, non esse id
in nobis.
Veja mais...
Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor
fermentum augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis,
vulputate ut, mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo
a est. Fusce scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula
dui, vestibulum quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor malesuada.
Integer tellus justo, sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus pretium, nibh lacus
pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit semper suscipit. Maecenas mattis
magna at est. Maecenas elit.
Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla
non justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis
erat. Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed
iaculis felis est nec pede. Fusce convallis ante in ligula.

FredCavazza.Net
Exemplo de wireframe no 4
http://www.exemplo4.html
Logo
Início
Sessão 1
Sessão 2
Sessão 3
Sessão 4
Sessão 5
Periódicos
Busca
Mapa do Site
Contato
Sessão 1
Título da Sessão 1.3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est blandit
eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur magna dolor,
auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi fermentum, neque
vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa. Integer posuere pulvinar
augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec dignissim porttitor, urna augue
fermentum enim, ac nonummy risus augue eu sapien.
Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor fermentum
augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis, vulputate ut,
mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo a est. Fusce
scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula dui, vestibulum
quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor malesuada. Integer tellus justo,
sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus pretium, nibh lacus pretium libero, sit amet
vehicula augue libero eu elit. Fusce at est sed velit semper suscipit. Maecenas mattis magna at est. Maecenas elit.
Panorama
Sessão 1.1
Sessão 1.2
Sessão 1.3
Sessão 1.4

Veja mais...
Link #1
Link #2
Link #3
Link #4
Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla non
justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis erat.
Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed iaculis felis est nec pede.
Fusce convallis ante in ligula.

FredCavazza.Net