Sites têm sido em torno desde 1991, quando Tim Berners- Lee criou o primeiro , somente texto página com informações sobre o projeto World -Wide- Web . Desde então , os sites têm sido muito popular como hubs pessoais , negócios, entretenimento e educação. Nos últimos anos, o design do site tem feito grandes saltos. Web design é agora muito sofisticada , e avançou o suficiente para rivalizar com o secular campo do design de impressão em qualidade e artesanato. Coisas que você precisa
Um computador
Adobe Photoshop
Show Mais instruções
1
Desenhe o seu site com um lápis e papel. Embora os computadores tornaram-se a forma padrão para criar qualquer meio de comunicação visual, a melhor maneira de iniciar o processo de design é para esboçar suas idéias para fora e refiná-los manualmente. Os esboços não tem que ser nada extravagante ; rabiscos será suficiente , desde que eles dão-lhe uma idéia do que o layout do site será semelhante
2
Carregue um modelo de grade Photoshop. . Sistemas de rede em web design são tão importantes quanto em design de impressão. A largura padrão para sites , para a compatibilidade entre as resoluções de tela e configurações do navegador, é 960 pixels. Então, encontrar um bom sistema de rede que usa o padrão de largura de 960 pixels e fazer o download do modelo de Photoshop. Há uma abundância de excelentes recursos de sites de rede disponíveis on-line.
3
Comece a preparar o layout. Alinhe o seu conteúdo para as colunas de seu modelo de grade. Navegação normalmente vai na parte superior ou no lado esquerdo da página. O logo do site normalmente vai no canto superior direito. Twitter e RSS ícones costumo ir no canto superior esquerdo. Os visitantes do site gostaria de encontrar as coisas onde elas esperam eles, de modo a manter a colocação de padrão para um projeto bem sucedido . Quando você terminar de configurar o seu site do jeito que você quer, salve-o como um formato de arquivo PSD (Photoshop) .
4
Selecione a ferramenta " Slice" no painel de ferramentas do Photoshop. Clique e arraste para separar as principais divisões do site. Fatias criar seções de um site que vai ser salvos como imagens separadas . Isso torna mais fácil para codificar o site em HTML e CSS e torná-la da maneira que fez no Photoshop.
