Arquivo para a 'Webdesign' Categoria

fev 09 2010

Quer ser Webdesigner?

Postado por John Silva em Cursos, Webdesign

Olá!

Depois de um bom tempo, volto a postar aqui no Blon.
Me desculpe pela ausência, mas foi necessário.
Retorno em alto estilo, falando pra você que quer ser um Webdesigner.

Vou falar sobre o Curso Design Web do site do Bruno Ávila. Provavelmente, você e mais um monte de gente pode imaginar que estou puxando o saco do cara, mas acredite, não é.

Aí você me pergunta, se não estou puxando o saco, porque estou falando de um dos cursos oferecidos e ministrados por ele? Simplesmente, porque não só esse, mas todos os cursos do Bruno são muitos bons.

Continue lendo »

Bookmark e Compartilhe

Sem respostas

out 21 2009

Como trabalhar com gradientes corretamente?

Postado por John Silva em Fireworks, Webdesign

Muita gente que “mexe” com softwares como Fireworks, Photoshop e outros editores acredita utilizar corretamente o efeito chamado de gradiente (eu tambem achava). Percebi no Curso Design Web do Bruno Ávila que fazer um efeito gradiente é bem mais que misturar cores num retângulo ou coisa assim. Lembrando que o efeito gradiente está diretamente ligado a luz e sombras. Continue lendo »

Bookmark e Compartilhe

Sem respostas

out 07 2009

Deixe espaço! – A importância dos espaços em branco

Postado por John Silva em Webdesign

Ontem à noite eu estava assistindo o Jornal da Record com os âncoras Celson Freitas e Ana Paula Padrão, entre uma matéria e outra percebi um detalhe na bancada, eram duas faixas metálicas e um espaço vazio que faziam a separação entre os dois apresentadores. Parecia algo simples, com pouca distância, mas que demarcava bem os espaços para cada um.
Veja na imagem abaixo:

Bancada Jornal da Record

Bancada Jornal da Record

Logo lembrei de uma aula que tive no Curso Design Web com Bruno Ávila (recomendo), a aula falava sobre a importância dos espaços em branco, das separações entre os elementos, e a clareza no entendimento de quem vê essa técnica aplicada em layouts web ou trabalhos gráficos em geral.

Exemplo Ruim

Você já deve ter se esbarrado pela web com algum site com um layout completamente poluído, inundado de “informação” e provavelmente não conseguiu permanecer por muito tempo navegando nele.

Havenworks.com

Havenworks.com

A imagem acima é um exemplo disso. E por incrível e ridículo que pareça, isto é um site. Claro que peguei logo uma situação extrema, pra que você perceba a consequência da falta de espaços em branco num layout (caso).

Os nosso olhos necessitam de “respirar” entre uma informação e outra. Fica muito incomodo visualizar um amontoado de imagens, textos, listas, e mais imagens, e mais textos e mais listas, todos juntinhos, como se fosse aquele macarrão, unidos venceremos.

Exemplo Bom

Num site onde você consegue visualizar as imagens, os textos, ou seja, qualquer informação de forma que sinata seus olhos cansados, forçados, é claro que há mais possibilidade do leitor permanecer, já é um empecilho a menos.

Um bom exemplo são os novos layouts web 2.0 dos sites de notícias, como o R7.

R7

http://www.r7.com/

Perceba a disposição das notícias, das chamadas, das imagens. Perceba bem os espaços em branco que por si só se tronam separadores sem a necessidades da criação de caixas entre os elementos. Dá uma sensação clean, não é frescura não, é clean mesmo. Dá uma sensação de limpeza mesmo, por isso chamado de layout clean, limpo, leve.

Apesar de ser um site com muita informação, o layout absorve bem e torna agradável a navegação.

Conclusão

Agora que você percebeu e aprendeu a importância dos espaços em branco, não vai sair por aí criando layout poluídos, onde os olhos de quem o vê, cansam na primeira vista, não é?

Espero que você tenha gostado do post.

Até mais.

Havenworks.com
Bookmark e Compartilhe

Sem respostas