Elementos do design de um site, percebendo o que antes não era visto.

Nos dias de hoje, os web sites estão muito mais sofisticados, com botões interativos, animações, cheios de cores mas paramos agora para pensar do que um site é composto. Teoricamente um site é composto por vários elementos, um que sempre temos em comum em todos os sites é o logotipo do proprietário do site, e um menu também, dificilmente veremos um site sem menu. Podemos olhar para um site e perceber que em todo seu layout é composto de pequenas partes aos quais chamamos de elementos, sejam eles links, vídeos, menu, formulários, etc...

Vamos lembrar de quando os sites eram paginas que continham apenas texto, com menos de oito cores, e algumas imagens. Vamos refrescar a memória com alguns exemplos abaixo:

Yahoo - 1996

Yahoo - 2010

Que diferença não? Paramos para analisar, quais os elementos temos em comum nos sites velhos em relação aos novos. Veja a imagem a seguir:

1. Cabeçalho ou topo, onde ficam os principais elementos de navegação do site.
2. Logotipo, todos os sites terão um, mesmo que seja uma simples frase.
3. Menu de navegação, composto por links onde possamos navegar no site.
4. Formulário, neste caso um campo onde iremos digitar algo para buscar.
5. Corpo do site.
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   Agora vamos nos aprofundar mais, podemos reparar que não temos tanto assim em comum com o antigamente. Hoje os sites estão mais interativos e interessantes pela maior quantidade de possíveis elementos que podemos utilizar para construir um site, animações, vídeos, menus suspensos e vários outros. Nunca nos demos conta mas paramos para perceber quais são os elementos de um site e iremos encontrar muita coisa que não tínhamos ideia que estavam ali fazendo parte do layout dando forma e vida ao site. Vejamos toda uma relação de elementos possíveis em um site:
   
   

   Cabeçalho ou topo. Corpo. Rodapé. Ícones, Favicon. Logotipo. Menus, menu de navegação, menu lateral. Links, Botões. Formulários, caixas de listagem, caixas de marcação. Cores. Fundo ou background Imagens, fotos. Vídeos, Animações.

   Tabelas, colunas. Separadores, divisórias. Texto, títulos, parágrafos, citações. Som. Banners, propaganda. Marcação e paginação Mapa do site. Ilustrações e desenhos.

   
   
   Perceptivelmente temos uma gama bem grande de possíveis elementos a se usar em um site e analisando tudo isso, ainda podemos ver que cada elemento tem sua situação, sua necessidade para existir. O logo tipo sempre teremos ele na parte mais alta do site para que seja visualizado por primeiro de tudo. Temos links onde direcionamos o usuário para varias outras paginas do site, ou seja, tudo no seu devido lugar, porem isso não se torna regra, apenas há meios mais sensatos para se usar cada um dos elementos com mais precisão para chegar ao objetivo proposto do site. Pare e comece a reparar nos sites em que navega, você ficará espantado com o que antes não percebia, contar elementos de um site pode – se parecer como contar estrelas no céu. Você vê um menu, nesse menu tem um ícone e um título, tem como fundo uma cor ou imagem, pode possuir um separador que divide o título dos itens do menu e cada um destes itens podemos ter mais ícones com uma palavra rotulando e quando nos deparamos no ultimo item do menu, percebemos que ele esta dentro de uma coluna e esta coluna esta no corpo do site. Perderíamos horas tirando toda uma relação de elementos em um site. Com isso podemos concluir que criar sites não é tão simples quanto parece e que esse processo não é apenas uma atividade e sim uma arte.