Estabelecer prioridade visuais em seu site

Se você está projetando um novo site para um cliente, este cliente pode ser tão perto do assunto que ele não pode decidir quais as coisas são as mais importantes em um site. Sua inclinação é fazer tudo grande e incluir o máximo de detalhes sobre cada item possível. Como designer, você tem que ajudá-los a criar uma ordem decrescente de importância. Se você faz tudo do mesmo tamanho, tudo concorre para a atenção do usuário, e nada se destaca.

Compare os dois seguintes ilustrações. No topo ilustração, é impossível determinar qual seção é o ponto principal da página. Porque tudo é do mesmo tamanho, nenhuma prioridade visual é estabelecida. Ninguém elemento em particular parece mais importante do que outro elemento, e assim seu olho naturalmente começa no canto superior esquerdo e trabalha o seu caminho para baixo, independentemente do designer destina-lo a consumir os elementos da página em que ordem.

A chave para alcançar um layout equilibrado, bem priorizada é se concentrar em uma coisa de cada vez. Decidir quais elementos são os mais importantes e dar-lhes uma fatia maior do espaço da tela, como na segunda figura abaixo.

Implementar o “grande, médio, pequeno” estratégia em web design

Ao projetar uma página web, considerá-lo dividido em três seções - uma grande seção para o material mais importante, uma área de tamanho médio para a próxima coisa mais importante, e o resto da página para o material menos importante. Ao pensar da página em termos de áreas que têm “grande”, “médio” e “” importância visual pequeno, você limitar automaticamente a quantidade de detalhes que você pode incluir para as coisas menos importantes na página. Por exemplo, se a área História do fundador é um dos itens menos importantes na página, você pode deixar de fora uma imagem e usar apenas um curto título e lead-in frase que leva a outra página com mais detalhes.

Usando uma estratégia de “grande, médio, pequeno” o impede de dar a mesma prioridade visual para tudo na página. Isto não só permite que você para orientar o olho de um utilizador em torno da página de uma forma prescrita, ele também ajuda a tornar a página mais fácil para o usuário ler e navegar. É um ganha-ganha.

Quebrando-se uma página web em áreas administráveis

Às vezes você não pode evitar o fato de que sua página web tem um monte de coisas acontecendo. Para um site orientado a notícias, por exemplo, quebrar a página em algumas áreas diferentes que você pode projetar separadamente ajuda a organizar o seu layout. Usando campos de cor e linhas de regra para quebrar a página, você cria a ilusão de mais espaço, porque cada seção funciona de forma independente para o olho de digerir.

Projetando em torno da linha de dobra em sites

Se você é um designer de impressão, você provavelmente está familiarizado com o termo a linha de dobragem. O termo refere-se ao local em que um folheto ou jornal ou outro tipo de produto impresso dobra ao meio. Qualquer coisa acima da linha de dobragem é imediatamente visible- tudo abaixo é escondido até que o espectador se desenrola o papel, ou executa uma acção semelhante. Na web, a parte imediatamente visível é muito pequena por causa do tamanho da tela. O ponto em que sua página web é cortada da vista - exigir que as pessoas para percorrer - é chamado de linha de dobra.

Outra forma que a web é diferente do mundo impressão é que a linha de dobra nunca é o mesmo de um computador para o outro. Algumas pessoas têm grande Monitores- alguns estão vendo a web através dispositivos- móvel e tablet e algumas pessoas propositadamente fazer suas configurações de tamanho de fonte padrão maior ou menor. Isto significa que você tem que projetar para o cenário de pior caso ou decidir que o seu site só irá atender a certos porte monitores. O pior cenário é uma área de visualização de cerca de 800 x 600 pixels. Assim, para acomodar a maioria dos usuários, você deve colocar as coisas importantes dentro dos primeiros 800 x 600 pixels. Caso contrário, você corre o risco de espectadores não ser capaz de vê-los.