Criar comps ao projetar um website
Video: #1 - Como criar um site profissional passo a passo - O padrão 960
Conteúdo
Comps, como são chamados nos círculos web-design, são visuais mock-ups de uma proposta, a nova web design. Eles são a chance do designer para estabelecer o que o site acabará por parecer - de cores da página de fundo e texturas, opções de fonte, cores e tamanhos para navegação e design botão. A chave para a concepção comps é concentrar-se na concepção de modelos.
Geralmente, há uma compilação desenvolvido para cada modelo (muitas vezes com várias camadas do Photoshop e conjuntos de camadas que mostram diferentes estados de componentes interativos). Portanto, ao projetar uma compilação, você deve pensar em pilares de cada modelo. Qual é a grade que esta página usa? Como e onde vai diferentes tipos de elementos de texto exibir? Há seções expansíveis e expansíveis para o qual você precisa mostrar os dois pontos de vista? Existe um tratamento especial ou borda para imagens ou formas? O que a navegação e botões de aparência?
Ao desenvolver composições, escolher uma página de exemplo que utiliza um dos modelos. Use títulos reais, cópia botão e fotos (ou fechar para o que será a cópia real e fotos), a fim de capturar o bom humor eo tom do local proposto.
Video: [Série] Como criar um site (HTML/CSS/PHP) #1 - Sistema de Login
Muitas vezes, uma compilação irá exigir-lhe para incluir os elementos do sistema do navegador, como barras de rolagem, botões de rádio e caixas de seleção. Não há necessidade de cortar até screenshots ou (pior) criar widgets personalizados a partir do zero (a menos que isso é o que você está indo para). Existem sites online como o Designers Toolbox que permite o download de arquivos do Photoshop que têm esses elementos em camadas transparentes, tornando mais fácil para incorporá-los em seus projetos.
