Flex + PSD Layout + msdevstudio = Free Blog

Flex + PSD Layout + msdevstudio = Free Blog

 

Todos sabemos que a imagem é uma marca. Se repararem conseguimos ter acesso a excelentes aplicativos no showcase do flex em http://www.flex.org/showcase, mas muita gente já pensou como conseguir aqueles layouts fantásticos e chegou à conclusão que se torna bastante trabalhoso fazer um layout gráfico no photoshop por exemplo e conseguir inclui-lo no flex. (aghrrrr… ainda falta algum tempo pro release do thermo…)

Venho desmistificar isto, e dar uma ajuda a quem necessita de algumas noções para começar a melhorar a aparência de aplicações Flex.

O que me proponho fazer (mesmo não tendo muito tempo) é fazer um layout bem simples para uma aplicação flex que apresentará algumas categorias do meu blog. (podendo mesmo substituir o frontend do wordpress com algum trabalho).

Inicialmente apenas irei apresentar os ultimos 10 posts do blog, e um listagem dos detalhes dos ultimos posts, bem como a lista de downloads e mais algumas informações, aliado a pequenos efeitos conseguimos um resultado final excelente.

 

Já comecei com o desenho do layout no photoshop, e aqui fica um pequeno cheirinho do que aí virá. No final da aplicação terminada disponibilizarei o seu código fonte bem como o layout para download.

Aqui está já a preview do layout aproximado que pretendo implementar no flex.

image

Quem quiser já ter acesso ao .psd deste layout, deixe uma mensagem em comentário.

Para já, quero saber apenas a vossa opinião.

Edit: Tutorial já disponivel… vejam aqui

Um abraço.


11 comments

add yours
  • Robson Ribeiro May 29, 2008

    mario,
    tenho interesse sim em saber, trabalho com projeto de interfaces a um bom tempo, porem não estou aind a familiarizado com o processo de contrução de um software em flex.

  • Davidson Silva May 29, 2008

    Brother, ficou show demais , parabéns !

  • Mário Santos May 30, 2008

    Obrigado Davidson… :)

    Robson, entretanto já fiz o tutorial e distribui o código open-source, veja este artigo:

    http://msdevstudio.com/blog/2008/05/29/flex-psd-layout-blog-tutorial-v1/

    Abraços.

  • Diego June 30, 2008

    Fico bom o tutorial.
    Só preciso do .psd pra terminar de estudar agora..

    Parabéns!

  • Mário Santos June 30, 2008

    Obrigado, no tutorial para download encontra o link para o download do psd, logo na terceira linha…

    ou pode fazer o download em:
    http://msdevstudio.com/blog/download-manager.php?id=16

    Abraço!

  • Rodrigo October 24, 2008

    Eu gostaria do psd deste layout.
    Obrigado

  • Rodrigo October 24, 2008

    valeu, baixei

  • Clovis May 15, 2009

    mano ficou bem loco, estou tentando desenvolver uma pagina em flex
    mas como sou novo nessa area preciso de umas dicas
    abraço

  • Clovis May 15, 2009

    se vc poder me passao pds nessa paixina so para eu fazer alguns teste
    eu agradeço

  • Mário Santos May 15, 2009
  • Clovis May 15, 2009

    eu fiz um teste so que esta dando erro, nas linhas onde fica o caminho das imagens,
    em que diretorio eu coloco as imagens para
    que o flex carregue as imagens

    abraço

Leave a Comment

Post