• Sobre
• Cursos Online
• Orkut
• Youtube
• Twitter
• Contato

05-18-10

Tendências do Web Design para 2010

Web Design e moda tem algumas coisas em comum. Uma dessas semelhanças encontramos nas tendências. O design, seja de moda, ambientes, gráfico ou web, inevitavelmente seguem tendências ditadas pelo gosto geral do público ou pelo sistema capitalista, como muitos acreditam. O fato é que essas tendências mudam com o tempo e na Web a velocidade dessas mudanças é ainda maior, já que além do gosto e do “sistema”, o avanço da tecnologia possui importante influência nessas modificações.

Leia mais…

04-05-10

Erros e Acertos no Design de Sites Famosos

Costumo dizer que uma boa forma de aprendizado é a observação. É a forma mais barata e eficiente de ensino. Por isso convido você, caro leitor de Avante, para passear junto comigo por alguns sites de celebridades e empresas famosas, tentando identificar seus erros e acertos no design voltado para web.

Leia mais…

01-07-10

Identificando um layout amador

O que faz a gente bater o olho num site e perceber: esse design está amador? Quando essa dúvida vem, muitas vezes não sabemos explicar o porquê. Foi pensando em responder essa intrigante pergunta que resolvi escrever esse artigo.

Um layout, para ser considerado amador, deve possuir algumas características em comum. As possibilidades são inúmeras mas existem alguns erros que aparecem freqüentemente nesses layouts. São esses erros que apresento agora. Atenção, você, webdesigner, jamais faça o que irei relatar a partir de agora.

Leia mais…

01-07-10

7 erros comuns no Web Design

Topei com esse texto muito interessante, do web designer inglês Tom Kenny e resolvi trazer para o nosso blog, devidamente traduzido e comentado por mim.

Tom comenta 7 erros comuns no Web Design das quais eu também concordo. Vamos lá:

Leia mais…

11-26-09

Comparativo de Sites: Azul x WebJet

Porquê hoje todos os sites devem ser retos e quadradões (assim como este blog)? Que tal dar uma quebrada nisso? Ousar um pouquinho sem fugir da regra?

Pensando em comentar essas e outras hoje inicio uma série de comparativos entre sites, bem no estilo dos comparativos das Quatro Rodas.

Começaremos essa série com o comparativo dos sites de duas empresas aéreas brasileiras, a WebJet e a Azul. A primeira faz parte do grupo CVC, está no mercado desde 2005 e hoje é a 4o empresa aérea em participação no mercado brasileiro. Já a Azul é a mais caçula, foi criado no final de 2008 e já está entre as 3 maiores do Brasil, a frente da WebJet.

Antes de comparar os sites é importante entender os objetivos das duas empresas. Ambas são empresas que utilizam as políticas de baixo custo para oferecerem valores menores de passagem. Na realidade hoje toda companhia brasileira segue essa política de baixo custo, oferecendo amendoins, snacks, barras de cereal, e espaço apertado no avião porém nem sempre com baixas tarifas.

Aliás, vamos fazer justiça, na Azul o espaço entre as cadeiras é um pouco maior.

Sabendo quem são as empresas e o que elas propõe, vamos aos sites.

Leia mais…

10-23-09

Conheça o super Logo Bigger

“Ah, achei nosso logo muito pequeno! Não dá nem pra ler!”

Pensei que já tivesse publicado esse vídeo por aqui. Topei com ele de novo esses dias e resolvi trazer pra cá, para vocês que nunca assistiram. Trata-se da propaganda de um produto (aliás, de uns 3 produtos) que promete maravilhas para os seus layouts. Bem, isso no ponto de vista dos seus clientes. Isso mesmo, veja só:

Para o alto e Avante!

10-06-09

Desabafo do Web Designer emociona os quatro cantos do País

O corajoso relato do web designer W.L.D., de 23 anos, emocionou milhares de brasileiros no vídeo publicado na quarta-feira, dia 30/09. Em apenas três dias foram mais de 30 mil visualizações e centenas de comentários. No Twitter, programadores experts lembravam de seus amigos web designers que não entendem bulufas de programação e enviavam twittadas com o link do vídeo dizendo um carinhoso “Ei cara! Lembrei de você quando vi esse vídeo huahuahuahua!”.

Minha caixa de email ficou lotada e talvez por isso alguns notem meus emails chegando as 4 da manhã.  Mas não se preocupem, irei responder todos vocês.

O quê?! Você ainda não viu o depoimento sincero do web designer que apesar de envergonhado e com voz de pato resolveu confessar tudo que não sabe? Ora ora, então assista aqui!

Para o alto e Avante!

07-15-09

É hora de abandonar a resolução 800×600?

Essa semana recebi um email do querido leitor e ex-aluno do curso de Design Web, Lenio Cesar de Varginha-MG, lançando a seguinte dúvida:

A configuração 800×600 hoje ainda é utilizada ?

pergunto isso pois pra fazer sites , ainda estou com dúvida de como fazer, se faço pensando no pessoal que ainda tem 800×600.

Para responder a essa dúvida inquietante não só de Lenio mas da maioria dos webdesigners e programadores desse Brasil varonil, fiz aqui uma breve pesquisa entre as estatísticas de acesso dos meus clientes para que vocês possam comparar com os dados dos seus sites e assim tentarmos chegar a uma conclusão.

Não irei citar os nomes dos sites pois são e clientes e não pedi autorização a eles para apresentar o que vou apresentar aqui. Mas como vocês não sabem o nome desses sites, não tem problema.

Primeiro vamos ver a resolução dos usuários que acessam este blog, o Avante!, durante todo o mês de Junho/2009.

Note que 44%, ou seja, quase a metade utilizam 1024 x 768. Já 16,12% utilizam 1280 x 800 e 12,07% utilizam 1280 x 1024. Já 800 x 600 fica em quinto colocado, com apenas 3,8%.

Mas será que o público condiciona esses resultados? Será que o fato do público do Avante ser composto basicamente de webdesigners, programadores e pessoas que trabalham com tecnologia e criação influencia nesses números?

É o que veremos agora. Trago para vocês as resoluções utilizadas pelos leitores de um site feminino com milhares de visitas/dia, no mesmo período de Junho/2009. Veja os números:

Note a diferença. Mais da metade utilizam 1024 x 768, 12% utilizam 1280 x 800 porém 9% utilizam ainda a resolução 800 x 600.

Vamos fazer só mais uma comparação, agora com um site de viagens, que possui um publico com percentual equilibrado de homens e mulheres. Veja:

Mais uma vez 1024 x 768 disparado na frente com 48%, 1280 x 800 em segundo com 19,18% e 1280 x 1024 em quarto praticamente empatado com 800 x 600, ambos com 6%.

O que podemos concluir com esses dados?

1. O reinado do 800 x 600 acabou faz tempo e deixou de disputar de igual para igual com a resolução 1024 x 768;

2. Presume-se que 1024 x 768 é a resolução utilizada por praticamente metade dos usuários gerais;

3. O tipo de público influencia nos tipos de resolução de vídeo, onde os ligados a tecnologia acabam utilizando mais resolução superiores a 800 x 600;

4. Podemos criar a hipótese de que os novos monitores LCD Widescreen e sua maior qualidade estejam influenciando no uso de resoluções superiores a 800 x 600;

5.Nota-se que, além das resoluções de 1024 x 768 e 800 x 600, apareceram dezenas de combinações diferentes de largura e altura de vídeo, o que nos leva a crer a difusão do uso de monitores de diversos formatos, que vão desde os laptops, netbooks a celulares. E isso parece ser uma tendência que veio para ficar.

Portanto a preocupação dos webdesigners não deve ser mais “se continuo fazendo layouts na resolução 800 x 600″ e sim “esse layout vai ser bem visualizado do laptop ao celular?“. Como sempre, isso vai depender do público, foco, principal meio a ser utilizado e por aí vai.

É, os dados estão aí, as conclusões também e a dúvida foi lançada. Agora a palavra é sua. O que você tem a nos contar sobre resoluções de vídeo? Vamos incrementar esse post com novas informações, seus comentários são bem vindos.

Para o alto e Avante!

04-03-09

Os 5 segredos da criação de um site “clean”

Durante as aulas de Design Web um aluno nos trouxe a crescente demanda pelos clientes por sites “clean”. Todo mundo agora quer site “clean”. Acho muito bom isso, eu também gosto de entrar em sites “clean”. Bem, venho através desta dismistificar algumas idéias que a maioria tem sobre sites clean.

Primeiro, o que é um layout “clean”? Pelo nome já dá pra perceber alguma coisa. Seria um layout “limpo”, sem muita poluição visual. Porém layout clean não quer dizer layout sem conteúdo, com pouco texto na capa. Veja por exemplo os sites de grandes portais, são sites com muito conteúdo mas leves visualmente.

Vou revelar 5 segredos para você criar aquele site “cleanissimo” sem muita frescura:

Segredo 01: as margens. Layout clean tem margem entre os elementos e margens internas de mesmo tamanho. As margens brancas, sem separações visíveis entre os elementos visuais, são um dos maiores segredos. O espaço entre um elemento e outro já faz a separação natural, sem necessidade de barras e linhas separatórias, fazendo com que o layout fique mais leve visualmente.

Segredo 02: as cores. Quer fazer um layout limpo, sem possibilidade de erro? Use e abuse do branco. Use bastante branco no fundo e apenas  toques de cor.

Segredo 03: as fontes. Utilize apenas uma família de fontes. Caso queira uma fonte de título diferente da fonte do texto, utilize as variações de negrito. Por exemplo, fonte de título sendo a mesma fonte do texto, só que com negrito.

Segredo 04: evite muitos banners animados. Um dos elementos que fatalmente deixarão seu layout poluído são os banners animados, principalmente os pequenos que ficam um embaixo do outro. Cuidado pois muitos banners animados não funcionam nem para o cliente nem para o site. Isso porquê a animação serve justamente para destacar. Quando se coloca diversos banners animados juntos, cria-se então uma massa visual. Seria como um grupo de 5 pessoas. Quando uma delas coloca uma melancia na cabeça, ela irá se destacar das demais pois somente ela tem uma melancia na cabeça. Já quando todos resolvem colocar uma melancia na cabeça, as 5 pessoas serão apenas 5 figuras com uma melancia na cabeça e nada mais do que isso. Aquele lá que antes estava destacado, se torna apenas mais um. Por isso que banner animado junto de outros banners animados perdem totalmente o destaque e só tem uma função: poluir sua página e irritar a visão do usuário. Portanto, evite. Se for utilizar animação em banner, coloque apenas um banner animado, com evolução sutil.

Segredo 05: tamanho. O tamanho também serve como efeito destacador, assim como a animação. Note nos grandes portais que normalmente temos uma imagem grande de notícia destacada, as imagens que vem a seguir são menores e eles vão ficando cada vez menores até o final da página. Trata-se de uma hierarquia visual de importância. Se você colocar várias imagens do mesmo tamanho, irá criar uma disputa entre as imagens e ocorrer o mesmo que ocorre com os banners animados, nada será destacado. Então crie uma hierarquia visual, evitando colocar muitas imagens grandes no mesmo espaço da página, disputando um com o outro.

Pronto, seguindo essas 5 regrinhas dificilmente você terá um site poluído visualmente e assim contribuirá com o nosso meio ambiente virtual.

Para o alto e Avante!

03-17-09

40 opções para ganhar dinheiro vendendo layouts web

Existem muitas formas de se ganhar dinheiro sendo webdesigner ou trabalhando com criação web. Uma delas é vendendo seus trabalhos para sites interessados em comprar suas criações. Você gosta de fazer ilustrações e depois encosta naquela pasta temp de seu HD? Fez 3 layouts diferentes para seu cliente indeciso e gostaria de reaproveitá-lo de alguma forma? Pois então seus problemas acabaram!

Trago para vocês 40 sites que compram suas criações. Pode ser layout, temas, templates, ilustrações, logotipos, animações, enfim, a maioria pago em dólar. Então, junte todos os seus breguetis criativos e venda! venda! venda!

Quer conhecer as 40 opções? Aqui está!

Para o alto e avante!

Fonte: Mashable