Após concluir todo o planejamento de seu site é preciso arquitetar graficamente as suas páginas dando vida a todos os elementos de sua interface para direcionar sua identidade visual. O layout de site é essencialmente o esqueleto que deve passar com eficácia a informação desejada.
A identificação visual do layout
Inicialmente é preciso criar um padrão para todos os elementos que vão ser mostrados frequentemente nas páginas para poder gerar estabilidade de conteúdo e melhorar seu uso ou melhor criar uma identidade visual.
Esse trabalho simplifica para o usuário que vai saber esperar o mesmo comportamento de certas funções se elas seguiram um padrão já definido.É necessário que o layout do site esteja de acordo com seu objetivo desenvolvendo uma ligação de comunicação com o usuário final.
As cores – Ideias fundamentais do site
Ao iniciar a primeira parte do desenvolvimento da identidade visual é preciso definir quais são as cores de todos os elementos (menus, links,textos, etc.) do layout. Esta definição de cores vai ser determinante para a transmissão ao usuário qual a energia do site e do conteúdo. Um layout bem agradável e organizado precisa de um bom contraste de cores e valorizando sempre pelo equilíbrio e clareza, sustentando as características conforme o conteúdo.
Vamos descrever uma lista de cores e seus padrões que representam na tabela a seguir:
Cor
Branco: Cor básica e limpa, própria para um plano de fundo bem suave para o layout e
combina bem com cores escuras e claras.
Preto: Muito triste para ser utilizado com plano de fundo na internet é apropriado conforme a ideia que será transmitida.
Pastel: Cores refinadas próprias para sites femininos, de culinária ou sites de antiguidades.
Verde: Natureza, saúde e medicina.
Azul: Transmite uma certa serenidade, calma e confiança é uma cor que transmite tecnologia
Vermelho: Transporta calor, inovação, vida. Provoca atenção para o tema
Laranja: Ótimo para utilizar em sites teen e lazer como também o rosa e amarelo. Transmite aspectos de alegria,positividade e vida.
Procure não utilizar em planos de fundo imagens ou cores escuras pois a visualização da página no monitor é mais cansativa. Se porventura os layouts forem com cores escuras, o melhor é usar os textos com cores que produzem contraste com ele, evitando um grande problema de leitura.
Escolha as fontes para facilitar a legibilidade.
A escolha certa das fontes que serão usadas na página auxilia na melhora e na aparência do layout. A formação das famílias de fontes-tipografia- procura estudar temas como estrutura, clareza e estética das letras impressas para ajudar na comunicação visual dos textos.
Segue abaixo a lista das principais fontes e sua descrição:
Fonte:
Não serifadas (Arial, Tahoma,Verdana,Trebuchet MS): São as melhores para leitura online. A maior parte tem alta legibilidade.
Serifadas (Time new,Roman,Georgia, Courier New): Dispõem de arestas nas pontas das letras. São próprias para impressão mas não para o corpo de texto na web. Proporciona elegância no caso de títulos ou textos de grandes tamanhos.
Fantasy (Comic Sans): São fontes decorativas com o propósito somente de enfeitar, usadas normalmente para criar logotipos.
Cursivas (Monotype Corsiva,Staccato): Oferecem estilo manuscrito.
É normal também a utilização de imagens como detalhes de layout. Nesta situação elas precisam auxiliar a ilustrar a interface e envolver o usuário em seu conteúdo.Imagens e ícones auxiliam a fazer referência e a identificar os dados que serão visualizados.
Por exemplo, impressão, botões de fechar, aquela casinha (página inicial), cartinha (e-mail) etc que ajudam o usuário a achar no layout qual é a direção para informação correta.
Ao fazer a escolha de todas as cores, imagens e fontes, é preciso ter atenção na consistência entre os estilos para que seja mantido o padrão, sendo que este é o mais importante conceito da identidade visual. Ele mostra uma relação e continuidade de conteúdo. Um layout apropriado tem um padrão para todas as páginas.
Normalmente os designers de sites não fazem diferença nas cores dos links com as cores dos textos. Isto traz dificuldade para o usuário localizá-los. Não é necessário as cores dos links serem os padrões dos navegadores, porém precisam ser diferentes da cor dos textos para ajudar na localização dos links.
Além do mais é importante destacaram seguintes dicas abaixo:
1) Permaneça em um único estilo para títulos e subtítulos e também para o corpo do texto
2) Utilizar imagens com o mesmo tamanho, arte final e alinhamento
3) Deixe iguais os rodapés e os cabeçalhos
Estruturação do Layout
O passo seguinte é diagramar a página separando e organizando cada um dos elementos. São quatros os principais:
1) – Alinhamento: Fundamental para a questão de texto quanto aos elementos gerais. O bom é evitar os alinhamentos centralizados e à direita para o corpo do texto isso não vai trazer uma boa visualização do usuário. Esses modelos são mais utilizados em títulos. Na situação dos elementos é fundamental manter uma linha base entre eles para criar uma conexão visual entre os itens.
2) – Proximidade: Os elementos que estão listados entre si precisam estar próximos uns dos outros para formarem unidades visuais. Esta aproximação auxilia o usuário a se localizar dentro do conteúdo final.
3) – Repetição: É simplesmente o esforço para manutenção dos elementos do design e interface unificados para agregar as partes que ficaram separadas e criar um identificação e relacionamento.
4) – Contraste: Nesta situação não está relacionada às cores e sim a uma estrutura de organização entre vários elementos.
Ficou alguma dúvida entre em contato estamos a disposição;