Como criar o Melhor Website Layout? por Laurent He

Cada site tem seus próprios layouts e design. Não há dúvida de que layouts de sites estão no topo ponto importante para websites. Um layout de site profissional pode ajudá-lo a atrair visitantes para os seus primeiros pontos turísticos e fazê-los ficar em seu site.

Aqui eu vou mostrar-lhe como criar o melhor layout do site.

Passo 1: Faça um rascunho para o seu site layout idéias

Obviamente que é um passo muito importante, mas, tanto quanto eu sei que alguns web designers vão pular esta etapa e fazer web design com o Photoshop diretamente ao invés de fazer um projecto para a clareza das idéias layout do site em sua cabeça. O objetivo do design do site é a de resolver problemas e alguns deles não podem ser resolvidos por gradiente ou efeitos de sombra. Antes que você está prestes a fazer efeitos de sombra, você deve pensar sobre conteúdos, layouts e funções primeiros

Passo 2:. Comece com um esboço do quadro de nível superior

Se eu quiser fazer uma interface para um projeto, a primeira coisa que deve ser a construção de um quadro de nível superior que pode resolver todos os problemas exato do projeto. Um quadro significa uma interface de usuário que está rodeado por conteúdos e útil para operar e navegar. Ele contém navegação e outros elementos, como a barra lateral e barra inferior.

Se você começar com um esboço do quadro de nível superior, você pode obter uma visão clara do que as necessidades de layout do site.

Passo 3: Adicione uma grade para PSD arquivo

Este é um passo muito simples. Antes que você está prestes a criar um conteúdo ou qualquer outra coisa no Photoshop para o seu site, você precisa criar uma grade apropriada. Por quê? Como todos sabem, uma grade pode ajudá-lo a organizar o layout do site em diferentes seções, orientá-lo projetar seu conteúdo de acordo oto tamanho de ecrã específico e levá-lo para construir modelo relevantes para satisfazer os problemas de espaçamento ou outro projeto.

Passo 4: Selecionar estilos de fonte

É o trabalho em fase de desenvolvimento de projeto para familiarizar-se com diferentes estilos de fontes e esquemas de cores. De acordo com nosso senso comum, eu recomendo que você não use mais de dois tipos de estilos de fonte, mas sua decisão deve igualmente depender dos esquemas de cor que você selecionou.

De qualquer forma, a fonte que você selecionar deve fazer os visitantes fácil de ler e complementar o título e ações.

Não tenha medo de usar uma pia batismal grande e mantê-geral consistente quando você usá-lo

Passo 5. : select tema de cor

Depois selecione os estilos de fonte, você deve selecionar cores para UI, fundo e do texto. Quanto a cores, eu recomendo que você selecione algumas cores limitadas com tons concisos e brilhantes para a interface do usuário em geral. É muito importante para uma interface de usuário para ser consistente com outros elementos no layout do seu site. Basta pensar sobre o layout do site de Facebook, Twitter, Quora e Vimeo. Exceto UI, outras seções não precisa ser restrita em seleção de cor se as imagens ou detalhes gráficos não se incomodam as funções componentes

Passo 6:. Criar um layout de site

Cada parte em um site deve desempenhar o seu papel. Quanto aos visitantes, cada parte deve ter a sua razão eo resultado ele pode chegar. Um layout de site é para nos ajudar a colocar a informação mais importante no lugar de destaque em seu site. Na verdade, um site não precisa de muitos botões para ligar para fora, por isso cada conteúdo que você fez deve ser em torno do objectivo "o que posso fazer aqui". Pense nisso, você pode criar o layout do site mais simples para um propósito simples e adicionar os componentes relevantes

Passo 7:. Repensar sobre o que você fez

Você deve repensar sobre as funções e os conteúdos que você fez no site. Eu realmente preciso este botão? Eu realmente acho que este esquema de cores é perfeito para todo o meu site? Será que eu realmente quero esta navegação vai assim? Às vezes, a resposta é não. Repensar sobre o que você fez pode nos ajudar muito a melhorar o nosso layout do site

Passo 8:. Preste atenção aos detalhes

É apenas mais um banal, mas que nem sempre é visível nos projetos finais. O detalhe pode ser foco em algum tipo de interação, de animação inesperado ou alguns sentimentos estéticos como efeito de gradiente em pequenos botões. Geralmente esses detalhes são importantes se os visitantes podem apreciar o que você fez

Opcional:. Ver o artigo original para aprender mais