Criação de um layout web ou " wireframe " é um processo útil para designers de sites que querem apresentar sítios de amostragem para os clientes. O designer cria um layout de site básico como uma imagem no GIMP e apresenta-lo , junto com alguns outros, para o cliente para revisão. O cliente faz sugestões e escolhe o layout que ela quer para o site real . O layout é usado como um modelo para a construção do site. Às vezes, o designer emendas imagens de layouts mais completos e os salva como arquivos de imagem separados para usar no próprio site. Instruções
1
Abrir Gimp. Clique em " Arquivo", " Novo" . Defina o tamanho da imagem para aproximadamente o tamanho de um site, 600 por 800 pixels é proporcional e dá uma boa idéia de como o conteúdo vai ficar na página. Clique em " Ok ". Uma nova tela em branco se abrirá.
2
Pense em como você quer organizar as informações. Muitos sites apresentam um cabeçalho no topo da página e uma barra de menu à esquerda. Você também vai precisar de espaço para imagens , texto e outros meios de comunicação. Reunir todos os logotipos ou imagens pré-fabricados .
3
Use o " Retângulo Select Tool " na caixa de ferramentas para dividir o site em diferentes áreas, tais como, cabeçalhos, barras de navegação, menus barras , imagens e texto .
4
Encha cada área que você vá junto com sua escolha de cor de fundo usando o " Bucket Fill Tool. " Clique no ícone da ferramenta balde. Clique no pequeno retângulo colorido no meio da caixa de ferramentas. Uma nova janela irá aparecer. Na janela , selecione a cor que você deseja usar ao preencher áreas. Clique em " Ok ".
5
Adicione fronteiras entre áreas com o " Caminhos da ferramenta " na caixa de ferramentas. Clique entre duas áreas para definir o ponto de caminho inicial. Clique mais longe ao longo do espaço entre as áreas para definir o ponto final. Clique quantas vezes você gostaria de criar mais pontos para a fronteira a seguir. Clique no retângulo colorido na caixa de ferramenta para definir a cor que você deseja. Clique em " Stroke Path ". Uma nova janela se aparece. Selecione a largura em pixels para a fronteira. Clique em " Ok ". O caminho será apresentada em uma linha colorida . Clique mais uma ferramenta na caixa de ferramentas para remover a linha caminho , deixando para trás a fronteira.
6
Salve o layout básico . Clique em " Arquivo", " Salvar" . Digite o nome do seu layout e selecione o tipo de arquivo, como , JPEG ou GIF, na parte inferior da janela. Clique em " Salvar".
7
Adicione detalhes, tais como texto e pré-fabricados logos em uma nova camada . Clique em " Layer" e " New Layer" , na parte superior da tela. Defina o tamanho da camada para o mesmo tamanho que o seu layout e clique em " Transparência ". Clique em " Ok ". Na caixa de ferramenta de camadas , certifique-se de que a nova camada é destacado para garantir que você está adicionando conteúdo só para essa camada.
8
Adicionar imagens abrindo a sua imagem em outra janela e copiá-lo . Clique em voltar para o layout do site e clique com o botão direito para colar a imagem na nova camada. Organize -lo como desejado na página , clicando à esquerda e segurando -se no mouse, em seguida, movê-lo .
9
Adicionar texto à camada clicando no " Ferramenta de Texto " na caixa de ferramentas . Clique e arraste o cursor sobre a camada para criar uma caixa de texto . Uma janela pop-up quando você soltar o botão do mouse. Digite qualquer texto que você gosta na janela. Clique em " Fechar" para fechar a janela.
10
Salve o layout e sua camada de conteúdo como um arquivo GIMP no formato " . Xcf " para evitar a compressão da camada para o layout de fundo. Isso preserva o seu fundo para splicing mais tarde.
11
Salve novamente sob o nome original do arquivo a partir do passo 6 para criar um layout para apresentar ao cliente.