Foi divulgado hoje pela emissora SBT a chamada da entrevista exclusiva de Eliana com Justin Bieber. A entrevista foi gravada um pouco antes do primeiro show em Sao Paulo e sera exibida neste domingo a partir das 15h no programa da Eliana. e agora to na casa da minha amiga Luara vamos fumar um narguis bjos <3 Wireframe e um guia visual para o site que organiza os elementos da interface e conteudo no espaco. Fornece a estrutura que sera usada pelo designer para construir o layout, bem como requisitos funcionais que serao usados pelo desenvolvedor. Por isso deve ser simples, permitindo rapidas alteracoes; e informativo, permitindo que se facam testes com usuarios.Dentro do processo de desenvolvimento do site (ou blog), o wireframe esta entre a Arquitetura da Informacao e o Projeto Grafico. Normalmente e confeccionado pelo Arquiteto da Informacao, podendo ser feito pelo Designer, ou ate mesmo pelos dois profissionais em conjunto.Wireframe e um guia visual para o site que organiza os elementos da interface e conteudo no espaco. Fornece a estrutura que sera usada pelo designer para construir o layout, bem como requisitos funcionais que serao usados pelo desenvolvedor. Por isso deve ser simples, possibilitando rapidas alteracoes; e informativo, permitindo inclusive, que se facam testes de usabilidade com usuarios.Em sites com layout fixo normalmente produzimos um wireframe para cada pagina, ou para as principais paginas do site. Entao o designer e o desenvolvedor ja podem trabalhar com base nesta estrutura, pois ela nao sofrera grandes alteracoes.Em projetos fluidos e principalmente adaptaveis cada pagina do site tera na verdade, tantas variacoes quantas forem as adaptacoes planejadas em funcao das resolucoes escolhidas como referencia (pontos de adaptacao).Esta e a abordagem escolhida para desenvolver o blog de forma adaptavel dentro da perspectiva de fazer com que ele se adapte de resolucoes de 24 atesmartphones. O software escolhido para desenvolver os wireframes foi o Fireworks. Criei um documento (Modelo para wireframes) que foi usado como base para desenvolver os wireframes, sao paginas que delimitam a area util do site descontando a barra de rolagem, indo de 1920px ate 240px, como na tabela abaixo:Largura da tela / area util (px)Monitor / Dispositivo1920 / 189024 e 231600 / 156022, 21 e 201440 / 1410191280 / 123019 e 171024 / 99017 e 15800 / 75014640 / 640iPhone 4 portrait, dispositivos pequenos480 / 480Xperia X10 portrait, iPhone landscape320 / 320Smatsphones landscape, iPhone portrait240 / 240Spartphones portraitImagem do arquivo PNG base para desenvolvimento dos wireframes.A metodologia utilizada na criacao dos wireframes foi a seguinte:Desenvolver o wireframe para a resolucao padrao de 1024px (17)Desenvolver as adaptacoes para as resolucoes maioresDesenvolver as adaptacoes para as resolucoes menoresEm funcao do monitor usado na pesquisa para a confeccao deste projeto ser de 22 (1680px), esta foi a resolucao limite para as adaptacoes, ou seja, em monitores de 24 o site nao se expandira ocupando toda a janela. Isto nao e considerada uma limitacao ou demerito do projeto, ja que ao atingir a resolucao de 1680px a percepcao de adaptacao acontecera de qualquer forma. Pouco ou nada sera notado pelos usuarios de monitores maiores.Apenas