Muitas pessoas que trabalham com o Photoshop ou que fazem edições por hobby sofrem (e passam muita raiva) com o que as pessoas imaginam que seja o Photoshop.
A mania das pessoas acharem que computador faz tudo sozinho, muitas vezes acaba desvalorizando o trabalho de quem faz as montagens ou edições.
Para exemplificar melhor veja abaixo, está é uma foto da interface do Photoshop (em sua versão mais recente Cs5):

- Clique para Ampliar.

Porem muitas pessoas imagina que o Photoshop seja exatamente como o da foto abaixo:

Por mais magico que pareça o Photoshop não trás essa opção, o que iria facilitar a vida de muitos (e tirar o emprego de muitos também).
Você que é design já passou por algo do tipo? Acontece de pessoa achar que você faz tudo automático, te dizer “Faça um banner” ou “Quero que faça uma montagem” sem lhe dar nenhum detalhe ou foto, Infelizmente meus caros, design não é magico, e a bola de cristal… bem esta com defeito.
Deixe seu comentário, conte o que você já passou.

Continuando o post anterior irei mostrar mais alguns exemplos da utilidade de agrupar elementos.

veja o exemplo abaixo, observe que em ambos os casos é possível ler, porem ao criar um nível hierárquico entre os itens conseguimos uma visualização muito melhor.

um ultimo exemplo para encerrar a parte de Hierarquia de elementos e agrupamento, observe a imagem a baixo, veja que quando colocamos espaços de mais da a impressão de que cada frase é um elemento isolado, deixando o texto mais confuso, porem quando agrupamos as frases conseguimos em efeito bem melhor:

Veja abaixo com as frases agrupadas como a leitura se torna muito mais fácil.

Considerações finais do Design básico I - Hierarquia de elementos e agrupamento.

• Evite deixar elementos todos soltos, ou um em baixo do outro sem haver uma divisão, isso dificulta a leitura.
• Não utilize espaços aonde não precisa, um texto com muito espaço entre as frases acaba tornando a leitura mais confusa.

Algumas coisas simples quando modificamos resultam em trabalhos bem melhores.

Nesta primeira parte tentarei explicar um pouco sobre agrupamento de elementos e hierarquia entre eles, o que por mais simples que pareça, quando aplicado, é possível observar um mudança grande nos projetos.

Vejamos por exemplo a imagem abaixo, imagine que é um cartão de alguma empresa.

 

 

Quando você lê este cartão, para onde seus olhos vão ?Do  meio para cima ? para baixo ? aonde termina a leitura ? você esta lendo na mesma ordem que seu amigo?

 

 

 

Agora veja o mesmo cartão porem com algumas modificações:

 

 

E agora ? para onde seus olhos vão ? você esta lendo ele assim como o de cima ? seu olho agora vê primeiro as palavras em negrito do meio para o topo ? ou do topo para o meio ? aonde termina a leitura?

 

 

 

Observe que quando deixamos palavras soltas Arbitrariamente, sobre um cartão ou sobre qualquer outro projeto, a leitura pode se tornar confusa ou cansativa, e nem sempre será lida da mesma maneira, pessoas diferentes podem ver de maneiras diferentes, e as vezes causar confusão na interpretação.

agora vemos o mesmo cartão, desta vez com os elementos agrupados.

 

 

 

E agora ? para onde seus olhos vão ? você está lendo da mesma maneira do que outra pessoa quando ver ?

 

 

 

Muitas vezes já organizamos assim automaticamente, porem quando você toma consciência que fazendo isso seus trabalhos se tornam melhores, você ira explorar cada vez mais esses conceitos básicos, deixando seus trabalhos melhores.

O que fizemos foi simplesmente agrupar os elementos semelhantes, Titulo junto com o subtítulo e os demais dados como endereço, telefone e outros, em um bloco abaixo.

Outro exemplo bem pratico:

O texto inteiro em letras maiúsculas fazem com que a leitura se torne cansativa e confusa, como está tudo em apenas um bloco fica mais difícil encontrar uma informação em especifico.

Uma melhora considerável pode ser feita agrupando os elementos e retirando o excesso de palavras em letra maiúscula. observe abaixo:

Agrupando os elementos em "blocos" separados é possível ter uma visualização mais clara dos itens, observe agora como ficou bem mais fácil de ler. neste cartão também inverti as cores das árvores, o que deixou um estilo mais limpo ao cartão.

Para encerrar esse post um pequeno resumo de tudo:

• Lembre-se de agrupar sempre que possível os objetos que pertencem ao mesmo grupo, como títulos e subtítulos, endereços e textos que pertençam ao mesmo grupo.
• Separe os itens mantendo uma hierarquia entre eles, para assim facilitar a vida do leitor, "dizendo" para onde ele deve olhar em seguida.
• Evite utilizar textos inteiros em letras maiúsculas ou inteiro em minúsculas, isso torna o texto mais difícil de ser e mais cansativo.

obs: cartões e nomes das empresas inventei quando estava editando, caso a empresa exista com esse nome não se trata da mesma existente.

E um conselho, DELETE!! O INTERNET EXPLORER, use o google Chrome,o mozilla Firefox ou o Opera. Espero que na versão 9 o internet explorer melhore, porque por enquanto é mais lento, mais facil de ser hackeado alem de dar uma dor de cabeça enorme para quem trabalha com web. (Sim ele da erro em tudo, ao contrario dos outros navegadores a M$ ignora os "padrões" que a internet segue)

CONTINUA NA PART 02 – CLIQUE AQUI PARA VISUALIZA-LA