terça-feira, 7 de junho de 2011

QUALIDADE DA IMAGEM - PRINT 02

Ao puxar para baixo a barra de rolagem à direita, a imagem com predominância de contrastes das figuras dá espaço, no lado esquerdo e centro, a duas colunas em branco divididas por uma coluna azul claro, sendo por sua vez separada horizontalmente por finas linhas brancas. Cada bloco horizontal então mostra fotos ou símbolos gráficos, em formato retangular à esquerda, seguidos de um pequeno texto (nome do usuário) em azul escuro em negrito e logo um texto maior em preto - fonte regular. O bloco segue até o final do limite da margem horizontal da tela, indicando que há ainda outros blocos em seguida.

Acima desse bloco azul claro, há um ícone de mão dando sinal positivo e as legendas “30 pessoas”, em azul escuro, e “curtiram isto” em preto, ambas em caractere regular. Acima dessa legenda, ainda há duas palavras “Curtir” e “Compartilhar” separadas por um ponto. Tomando essas palavras, a legenda e aquele bloco, com seu preenchimento de textos e fotos como um grupo de imagem percebemos que o espaço entre esse grupo e o grupo de imagens do primeiro print screen acima estão muito próximos, possibilitando a assimilação entre um e outro rapidamente.

No lado direito do print screen 02, há uma coluna de 04 grupos de signos na seguinte sequência: título em negrito e azul escuro, endereço eletrônico em caractere regular e cinza (exceto o terceiro grupo), imagens retangulares à esquerda e textos justificados à esquerda e organizados à direita das imagens.

Importante notar que todo conteúdo imagético dos print 01 e 02 é organizado de forma a obter uma hierarquia de informações, a partir da sua distribuição nos espaços possíveis e, principalmente, com a linearidade obtida, justificando imagens e textos uns aos outros, o que permite a construção de blocos de signos similares constituindo uma identidade própria. O acabamento de todos os signos presentes é suave, amenizando a “passagem” do contraste da qualidade de um e outro e permitindo a uma leitura visual mais fluida.

Ainda nesse print, temos na sua parte superior, uma barra azul escura na horizontal, cujo lado esquerdo é dividido por três retângulos, cada um levando um ícone à esquerda e um título à direita. O retângulo que está “clicado” e, portanto, cuja página está aberta e à mostra na tela é o que contém o título “Trabalhos à venda”. Logo abaixo dessa barra, temos outra barra cinza, com símbolos de setas indicando esquerda, direita e movimento circular e o ícone de uma casa. Na extremidade à direita há o ícone de chave de fenda.

Nessa mesma barra, temos uma outra branca ocupando espaço maior, com um ícone do globo terrestre e um texto (endereço eletrônico atual) e à direita, o símbolo de uma estrela. Abaixo dessa outra barra, temos outra barra cinza preenchida por ícones de sites e redes sociais seguidos de seus nomes, por exemplo: “Personalizar Links”, “.:Achei Downloads”, “Agencia Tesla - SP” e assim por diante.

A tendência à barra cinza aparece novamente na parte inferior da tela, em espessura maior, e dividida à esquerda por dois retângulos em cinza mais claro. A composição desses retângulos segue similiar: ícone + título. Na extremidade direita da barra: ícone + título + símbolo, porém, sem a identificação de outro retângulo que reforce a mensagem proposta como é pretendido nos outros acima mencionados. Acima, ao lado direito, temos uma barra bem menor, com um ícone da silhueta humana, um símbolo em círculo com preenchimento na cor verde e a legenda “Bate - papo - (43)”, indicando que o usuário está online, disponível para conversar com outros que também estejam: no momento, são 43 usuários.

Abaixo dessa barra, temos uma última, em gradiente de cinza à preto, repleta de ícones à esquerda e direita e, ao meio, retângulos visíveis com a mensagem explicitada na mesma forma de composição da outra barra: ícone + título.

Nenhum comentário:

Postar um comentário