Web & Application Layout Design – Pack #1

Web & Application Layout Design – Pack #1

(Clique para ver a preview completa)

Bom, decidi finalmente terminar o pack que anteriormente tinha falado e coloca-lo à vossa disposição quase gratuitamente… então, o que devem fazer? Simples… em baixo vão encontrar um botão para fazer uma doaçao no paypal, o valor minimo é de 4.5 € / 6.5 $USD / 9.98 BRL. Assim que a doação for feita envio o arquivo photoshop. (PSD) para o email de onde veio a doação.

Este projeto contém:

1 window layout, header, area de notificação e notificação, 6 controlos de janela, 5 scrollbars + 2 scroll parts alternativas, 1 Tab Panel (+ 1 Inside button + 1 Tooltip + 1 Image layout), 3 Progress bars (+ 1 small tooltip), 3 Tooltips, 1 Alert / popup / overlay box ( + 2 botões + 1 botão fechar), 1 Text Area, 1 Text Input, 1 Text Area + 1 Extra scroll, 1 List layout / menu / combo, 1 Combo box, 3 Extended tooltips / info box, 1 Menu bar (+ 1 selected + 1 over skins), 3 radio buttons (selected, disabled, active), 3 Checkbox’s (active, selected, disabled), 4 Butões com icons, 2 Butões, 1 Accordion.

 

O arquivo PSD está todo ele elaborado em shapes, formas vetoriais que permitem a alteração de tamanhos sem perder qualidade. Todos os elementos são criados 100% vetorialmente, o que quer dizer que podem alterar tudo por completo. Segue a pré-visualização completa de tudo que é disponibilizado no PSD.

A doação pode ser feita clicando no botão que se segue:





Qualquer duvida, sugestão ou crítica é só avisar! Se quiser efetuar uma doação de valor maior, use o icon paypal ao fundo deste blog.

 

p.s. Se desejar uso exclusivo do layout (por exemplo para um cliente) me informe pois posso propor outro valor para a doação que vai dar-lhe unicamente a si o layout. Depois disso ele será retirado do blog e passará a ser propriedade sua.

Abraço.


9 comments

add yours
  • Jose January 4, 2011

    Funciona no Flex 3?

  • Mário Santos January 5, 2011

    Jose, isto é apenas o layout / design dos componentes e não implementação… ou seja, ele funciona em qualquer elemento, têm é que implementar cada elemento como skin dos componentes do flex.

    Mais uma vez, como é apenas o design ele pode ser cortado e implementado em qualquer lugar, site, app, mobile, et’c…

  • Luis Augusto January 5, 2011

    Você não tem interesse em exporta-lo pro Flex?

  • Ved January 6, 2011

    Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Comprado! Será que agora tem tamanho suficiente? HAHAHA Esse WP!!!

  • Mário Santos January 6, 2011

    Luis,

    Até poderia exporta-lo para o flex, no entanto isso iria dar-me algum trabalho não previsto, por isso não o fiz.

    Mas quem sabe se um dia destes não o faço! :)

    Cumps.
    ——————————————————
    Ved,
    Valeu pela doação!
    Abraço!

  • Carlos Antônio. January 7, 2011

    Olá Mário, teria como vc disponibilizar o pagamento pela PAGSEGURO tambem?

    E que eu não tenho cartão de crédito, e pela pagseguro eu posso pagar por Boleta!

    acredito que outras pessoas poderiam optar pela pagseguro tambem!

    Estou afim deste PSD :D ele é lindo :D

    se tiver como pela pagseguro considere comprado!

  • Mário Santos January 8, 2011

    Olá Carlos,
    Infelizmente o pagSeguro apenas é disponibilizado para pessoas residentes em território brasileiro, não sei se viu mas eu sou Portugues o que me impede de registar uma conta lá.

    Tente fazer a doação atravéz de um cartão de um amigo… se mesmo assim não conseguir, aguarde mais alguns dias pois vou sortear aqui no blog o PSD para 3 pessoas, quem sabe não será uma delas! ;)

    Abraço.

  • Marcos Antunes January 17, 2011

    Gostaria de saber como faço para implementar cada elemento como skin nos componentes do flex. Obrigado.

  • Mário Santos January 17, 2011

    Marcos, deve usar o Flash Catalyst que ajuda e muito na hora de passar os graficos para o flex.

    Todo o processo deve ser feito manualmente, item a item, converte-los em componentes e depois sim no flex criar cada um deles individualmente.

    Se usa o flex 3, veja este post: http://blog.msdevstudio.net/2008/02/25/adobe-flex-skins-mudando-o-visual-do-flex-facilmente/

    Abraço.

Leave a Comment

Post