Olá amigos, tudo bem com vocês? Constantemente eu recebo a mesma pergunta dos meus alunos: “Como usar o equilibrio e atingir um resultado final bom, em um novo website. Decidi criar uma sequência de artigos mostrando a construção do famoso Layout Legal.

Página inicial do projeto:

Página interna do projeto:

Clique aqui para fazer o download dos arquivos.

Como vocês viram, o layout não tem nada de muito complicado. A idéia principal é criar um trabalho limpo, bonito e combinando as cores. Vamos à primeira parte do trabalho:

Crie um novo arquivo no Fireworks, com as seguintes medidas:

Desenhe um retângulo e configure da seguinte maneira:

Vamos trocar o tipo de preenchimento para Linear, sendo a primeira cor #99CC00 e a segunda #E7F3C2, deixando o degradé configurado da seguinte maneira para o resultado abaixo:

Desenhe outro retângulo para fazermos o topo e siga as configurações:

Preenchimento: Linear

Primeira Cor: #0867BC

Segunda Cor: #FFFFFF

Linha com espessura: 2

Cor da Linha: #287BC5

Vamos adicionar o filtro Inner Glow

Cor do efeito: #287BC5

Chegaremos ao seguinte resultado:

Para finalizar a primeira parte, vamos importar as imagens: Logo e Imagem 1.

Posicionamento das Imagens:

Logo: X: 29, Y: 14

Imagem 1: X: 516, Y: 22

Terminamos a primeira parte do nosso artigo, espero que tenham gostado.

Abraços e Sucesso!