Wireframes

Wireframes

1. Esboço numa folha de papel

2. Digitais

   • mais interativos

3. Modelos

   • elementos de design visual do site

4. Incluso num wireframes

   • Informações suficientes, para cada página.
   • tipo de projeto
     • Documento orientador (simples)
     • Design ou desenvolvedor (melhor trabalhado)

5. Alta fidelidade

   • Elementos de design
   • Elementos visuais
   • Esquema de cores
   • Logotipo

6. Baixa fidelidade

   • desenhos à mão
   • digitais simples

7. Processo do wireframes

   • determinar disposição dos elementos
   • Desenvolver wireframe
   • Feedback
   • Revisão

8. Programas

   • Adobe XD, Figma Wireframe CC...

9. Interfaces

   • Free Web UI Wireframe Kit
   • Yahoo! Developer Network Design Stencils
   • Free Sketching & Wireframing Kit
   • Sqetch
   • Dragnet Kit for Fireworks

10. Protótipos

    • layouts semi-funcionais/preview do site real.