Pixel Paper

Pixel Paper é um sisteminha que criei para poder fazer meus wireframes no papel, mas com alguma precisão. Ele nada mais é do que uma “régua de pixels” acompanhada de folhas quadriculadas que simulam a janela do browser. Os dois utilizam a mesma escala, onde 1cm repressenta 60px, dessa maneira é possível utilizar folhas de papel A4 comuns para desenhar suas telas.

Pixel Paper

Essa escala foi inspirada num dos sitemas mais comuns de layouts baseado em grid. Nele, a tela de 960 pixels é dividida em 16 colunas de 60 pixels cada uma, facilitando a distribuição da informação na tela.

detalhe da folha

Atendendo a diversos pedidos de amigos e conhecidos invejosos, segue o arquivo PDF com o modelo da folha para download:

Quem tiver interesse na régua, tenho várias para distribuir, basta entrar em contato que combinamos uma maneira de fazer isso.

Algumas informações úteis

Resolução de tela

Percentual de usuários que podem ver todo conteúdo sem necessidade de scroll.
760 × 420: 100%
960 × 600:   91%
1210 x 630:   50%
1370 x 730:   11%
Fonte: http://www.methodologie.com

IAB Banners

468 x 60   – Full Banner
234 x 60   – Half Banner
728 x 90   – Leaderboard
120 x 600 – Skyscraper
180 x 150 – Rectangle
300 x 250 – Medium Rectangle
120 x 90   – Button 1
120 x 60   – Button 2
Fonte: http://www.iab.net

Vídeos básicos do Youtube

425 x 349
480 x 390
640 x 510
960 x 750
Fonte: http://www.youtube.com