Estabelecer Visual prioridade 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ê fizer tudo o que o 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 for 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 sua maneira para baixo, independentemente de se o 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.

image0.jpg

implementação do # 147-grande, médio, pequeno # 148- estratégia em web design

Ao projetar uma página web, considerá-lo dividido em três seções - uma grande secçã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 # 147-grande, # 148- # 147 de médio, # 148- e # 147 pequenas # 148- importância visual, você limitar automaticamente a quantidade de detalhe 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 título curto e levar-nos frase que leva a outra página com mais detalhes.

Usando um # 147-grande, médio, pequeno estratégia # 148- 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. É uma win-win.

Quebrando 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 voltado para 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.

O site Red Bull transmite muita informação de forma eficaz usando três seções principais e li regra
O site Red Bull transmite muita informação de forma eficaz usando três seções principais e linhas de regra para quebrar o espaço em pedaços visualmente digeríveis.

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 onde um folheto ou jornal ou outro tipo de item de impresso se dobra ao meio. Qualquer coisa acima da linha de dobra é imediatamente visible- tudo abaixo é escondido até que o espectador se desenrola o papel, ou executa uma ação similar. Na web, a parte imediatamente visível é muito pequena por causa do tamanho da tela. O ponto em que a sua página web é cortada da vista - exigir que as pessoas para percorrer - é chamado de linha de dobra.

Outra maneira que a teia é diferente do mundo de impressão é que a linha de dobragem não é o mesmo a partir 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 os telespectadores não ser capaz de vê-los.

image3.jpg

menu