Ao criar um site , às vezes a parte mais difícil é determinar o layout. Adobe Photoshop fornece uma maneira rápida e fácil para criar uma maquete site. Usando camadas e uma combinação de ferramentas de desenho do Photoshop , o processo de reorganizar a aparência do seu site você pode economizar horas . Instruções
1
Determine o tamanho da sua tela website simulado baseado em seu público. Por exemplo, para um público que ainda usa um monitor de tubo de raios catódicos de baixa resolução , que você gostaria de usar um tamanho de tela que é de 760 pixels de largura. No entanto, para um monitor de tela plana, com a resolução definida em 1024 por 768, você iria querer usar uma tela que é 975 pixels de largura. Crie um novo documento e defina o tamanho da tela .
2
Determinar o layout do site. Use quadrados simples ou elipses para marcar as diferentes seções para a sua maquete . Por exemplo, marcar um espaço para a faixa superior , o banner lado , o conteúdo eo rodapé. Criar cada recurso em uma nova camada , de modo que você pode facilmente reorganizar o site.
3
Determine o tamanho da fonte e encher as seções que contêm texto com texto de espaço reservado . Fazendo uma rápida pesquisa na web para Lorem Ipsum , um discurso latino usado por designers para ver como o texto ficará em uma página, irá gerar este texto para você. Se o fundo ou quaisquer outras seções será composto de uma cor, preenchê-las com a cor correta .
4
Criar os gráficos. Você pode usar o Photoshop para criar estes gráficos , tais como a bandeira ou logotipos , ou retirá-los a partir de outro local. Coloque e posicione os gráficos no site simulada. Selecione "Arquivo " e depois " Place" e navegue até a imagem. Nota: Mantenha uma versão Photoshop dos gráficos para que você possa editá-los mais tarde
5
Afinar e editar o site simulado até o site do jeito que você quer olhar . . Como cada novo recurso está em uma camada diferente , você pode rapidamente se mover seções, ocultar seções (clique no olho no pallet camada ) ou substituir as imagens e cores.
