Treino fireworks - layout 01

[eduardocintra 1]

Bom pessoal,

 

Sou desenvolvedor web, porem não me identifico com o photoshop, acho um programa muito complicado e cheio de frescuras, por esse motivo resolvi utilizar o fireworks para desenvolver meus layouts, o problema é que acho que ainda não atingi um nível de conhecimento onde meus layouts podem ser classificados como profissionais.

 

Por isso, no intuito de sempre melhorar e aprender um pouco mais, resolvi pegar um site muito conhecido o templatesmonster escolher um layout por dia e ir refazendo ele no fireworks para treinar.

 

Eu não sou nenhum profissional e logicamente por esse motivo meus layouts nunca serão exatamente iguais, mesmo assim resolvi compartilhar com vocês essa experiência e até incentivar ao treino que é a única maneira de você chegar próximo da perfeição.

Todos os layouts que eu vier a postar de forma alguma poderão ser comercializados, pois se trata de layouts com direitos autorais, estou postando aqui com o objetivo de estudo e aprendizado.

 

Moderadores, eu acho que não tem problema algum mais se eu desrespeitei alguma regra já peço desculpas de anti mão e sintam-se a vontade para editar, comentar, mover, ou ate mesmo excluir :( o tópico.

 

Bom o primeiro layut que eu escolhi foi esse:

 

Clique aqui

 

Eu modifiquei algumas coisas, e coloquei em português e mudei alguns dizeres.

 

Bom aqui segue o resultado:

 

 

Qualquer dica para melhorar, ou critica será bem vinda!

Amanha vou postar um novo layout.

[Tylër 0]

Muito bom!

Notei que se centralizar a imagem no browser, se adapta certinho à janela do navegador, pelo menos aqui no mozilla firefox! :)

 

Mas precisamos melhorá-lo um pouco não é mesmo?

Mas já está muito bom para começo!

 

* Verei o que posso fazer também! :)

 

Att.

[eduardocintra 1]

Muito bom!

Notei que se centralizar a imagem no browser, se adapta certinho à janela do navegador, pelo menos aqui no mozilla firefox! :)

 

Mas precisamos melhorá-lo um pouco não é mesmo?

Mas já está muito bom para começo!

 

* Verei o que posso fazer também! :)

 

Att.

 

É esse é só o primeiro, ainda chego lá!

[Tylër 0]

Eu tô tentando aprender como fazer o menu deste layyout em css ou javascript no próprio Fireworks, mas acho que não é possível , sem exportar para o Dreamweaver, mas minha meta é usar somente o Fireworks :)

 

Jogar um pouco de transparência em algumas áreas de fundo, ou cores para dar um contraste suave, como o laranja original, ele ficou bom, vou ver como poderei usar esta e outras cores! :)

 

Att.

[eduardocintra 1]

Eu tô tentando aprender como fazer o menu deste layyout em css ou javascript no próprio Fireworks, mas acho que não é possível , sem exportar para o Dreamweaver, mas minha meta é usar somente o Fireworks :)

 

Jogar um pouco de transparência em algumas áreas de fundo, ou cores para dar um contraste suave, como o laranja original, ele ficou bom, vou ver como poderei usar esta e outras cores! :)

 

Att.

 

Cara dá sim só recortar exportar a imagem do botão ela menor e maior sabe?

 

Dai você só utiliza a opção a:hover{}

 

acho que pelo fireworks nem dá pra fazer.

[Tylër 0]

Sim eu sei, mas me refiro em o próprio Fireworks criar tudo isso automaticamente, eu consigo fazer mas ele acaba gerando um javascript no código-fonte que gera o hover dos botões mas nunca em css =/

[João Prado 64]

Parabéns Eduardo, executou muito bem seu primeiro layout :)

 

Não infringiu nenhuma regra não, continue assim que vai longe.

 

Em relação a utilização da ferramenta, nota 10, mas o design poderia ser melhorado. Mas como é só treino com a ferramenta não irei entrar nesta questão ;)

 

Em relação à exportação para HTML à partir do próprio Fireworks, deem uma olhada neste tópico.

[eduardocintra 1]

Parabéns Eduardo, executou muito bem seu primeiro layout :)

 

Não infringiu nenhuma regra não, continue assim que vai longe.

 

Em relação a utilização da ferramenta, nota 10, mas o design poderia ser melhorado. Mas como é só treino com a ferramenta não irei entrar nesta questão ;)

 

Em relação à exportação para HTML à partir do próprio Fireworks, deem uma olhada neste tópico.

 

Vlw pelo apoio,

 

Então, eu acho que escolhi mal o layout que ia refazer, ele não é muito bom em design...

 

Amanha vou escolher um mais bonito, é pq aquele ali eu achei mais fácil de se fazer!

 

Em relação a exportação, eu geralmente, fatio o layout e monto utilizando o notpad++ dai vai de cada um né!

 

Abração!

[João Prado 64]

Sim, você esta certo. Como eu disse no outro tópico, a exportação para HTML nunca deve ser feita. Recorte as imagens e faça todo o código na mão mesmo.

 

Movido Fireworks http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Galeria de Criação (Fireworks)