Weby shortcut
instagram link
Youtube-play
Flickr

Manual Portal UFG - Capítulo 1

Atualizado em 09/03/15 11:46.

1. Visão Geral do Portal UFG

1.1 Estrutura do site

A área útil do site tem largura de 1000px. Todos os elementos devem utilizar alinhamento à esquerda. As margens laterais tem 16px.

Organizado da seguinte maneira:
Topo [Figura 2], Campo central [Figura 3] e Rodapé [Figura 4].

 Figura
Figura 2 - Topo

 

 Figura
Figura 3 - Campo Central – Página principal

 

 

 Figura
Figura 4 - Rodapé

 

 

1.2 Formato de imagens (extensões)

As imagens com marca ou ícones devem ser implementadas com a extensão .svg (um tipo de arquivo em curvas / vetor), proporcionando-se, assim, uma visualização adequada em telas de tamanhos e dispositivos diversos, com o devido reescalonamento, sem perda de qualidade da imagem.

Para as demais imagens inseridas no site, como thumbnails (imagem reduzidas para destaque) e banners, recomenda-se o uso de imagens com extensão .jpg, .png ou .gif

 

1.3 Tipografia

A família tipográfica utilizada em todos os sites vinculados ao Portal da UFG é a Verdana, utilizando suas variações em Regular para corpo de texto padrão, itálico para textos em ênfase e bold para textos em negrito. As imagens apresentadas abaixo (Figuras 5 a 7) monstram, respectivamente, as variações utilizadas. Maiores detalhes sobre a uso de tipografia no Portal UFG podem ser vistos a seguir, na sessão 6 deste manual.

 

Figura
Figura 5 – Verdana Regular

 

Figura
Figura 6 – Verdana Itálico

 

Figura
Figura 7 – Verdana Bold

 

1.4 Favicon

Favicon [palavra derivada de favorite (favorito) e icon (ícone)] é uma imagem de  largura e altura iguais a 16px com extensão “.ico” que é apresentada na aba do navegador. Esta imagem sempre utilizar o símbolo da marca UFG, as imagens, apresentadas abaixo mostram a localização do favicon (Figura 8) e o modelo a ser utilizado (Figura 9).

 

Figura
Figura 8 - Exemplo de aplicação de favicon.

 

Icone favorito
Figura 9 - Favicon da UFG.