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.
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 Comentários
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.
Brother, ficou show demais , parabéns !
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.
Fico bom o tutorial.
Só preciso do .psd pra terminar de estudar agora..
Parabéns!
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!
Eu gostaria do psd deste layout.
Obrigado
valeu, baixei
mano ficou bem loco, estou tentando desenvolver uma pagina em flex
mas como sou novo nessa area preciso de umas dicas
abraço
se vc poder me passao pds nessa paixina so para eu fazer alguns teste
eu agradeço
Oi Clovis, segue o download:
http://msdevstudio.com/blog/download-manager.php?id=16
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