Pular para o conteúdo principal

Wireframe showcase - Uma galeria de wireframes

A web está cheia de sites “showcases” espalhados por ai. São sites que compartilham os trabalhos de web designers pelo mundo afora. Um deles eu gostaria de compartilhar com você, é o Wireframe Showcase.


No Wireframe showcase você confere a estrutura que originou o projeto.


Wireframe - O que é?

A Wikipédia define Wireframe da seguinte forma:

Um wireframe de site web (ou também "wire frame web", "wireframe web", "web wireframing") é um guia visual básico usado em design de interface para sugerir a estrutura de um sítio web e relacionamentos entre suas páginas.

Wikipédia.


Em outras palavras, o wireframe é o esqueleto do nosso website. Ele pertence a etapa do processo de criação em que definimos tudo que irá ou não conter no projeto antes de colocarmos a mão na massa.

O site

Wireframe Showcase

Metade visual final, metade wireframe.

Exemplo do projeto final junto ao wireframe

Passando o mouse por cima da imagem o projeto é revelado por completo. Escolhendo um projeto, você é levado à página com outros exemplos.

Comentários

  1. Olá! Gostei do blog; Do artigo também. - O wireframe é realmente importante na criação de websites. Auxilia bastante a parte de Ux também. Mto bom o Wireframe Showcase!

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

Seleção brasileira iphone wallpapers

Em clima de despedida de copa, apresento o mais novo conjunto de wallpapers para o seu iphone. Vista a camisa e junte-se a nova seleção que ressurgirá.

Formulário de contato no blogger com o google docs

Como o blogger ainda não incluiu um formulário de contato nativo, temos que adaptar algumas maneiras para que isso seja feito. Há alguns tutoriais na web com widgets e serviços que funcionam de forma satisfatória, porém, neste tutorial, irei ensinar como usar o próprio google para realizar essa tarefa.Google docsO googledocs é uma suite de aplicativos assim como o Microsoft Office e o BrOffice (gratuito), com a vantagem de funcionar online direto do browser e de ser gratuito. 1º passoAcesse o site do Google docs e faça seu login. 2º passoClique em criar novo e selecione formulário. 3º passoNeste passo, iremos configurar nosso formulário. Entenda a estrutura e como irá funcionar: Nosso formulário terá 4 campos sendo eles: Nome, Email, Site e Mensagem. Os dois primeiros campos da imagem acima que eu não numerei são auto explicativos. Você define um título e se quiser um texto de informação sobre o formulário.1- Define o texto do campo. Deixe-o como nome. 2- Texto adicional, que po…

Criando um rodapé com 3 colunas

O rodapé de um site não pode ser esquecido, deixado de lado contendo apenas uma data e uma assinatura copyright. Com o passar do tempo ele ganhou força, estilo, e pode ser tão relevante quanto a barra laretal.Neste tutorial, você irá criar um rodapé de três colunas com poucos códigos.