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

09-30-09

O desabafo de um Web Designer envergonhado

Nesse vídeo mostro o relato do web designer W.L.D., de 23 anos, que pediu para não ser identificado. Um relato sincero e emocionado que quero compartilhar com todos vocês.

Para o alto e Avante!

09-30-09

PHP para Web Designers

Você é webdesigner e se sente muito triste por não entender bulufas de PHP? Já comprou livros, cd-roms, tentou estudar tutoriais na internet mas não consegue entender nada do que aqueles programadores dizem?

Não ache que você não entendeu programação até hoje porque tem uma suposta “síndrome da pouca inteligência”. Você não entendeu pois os livros de programação normalmente são escritos por programadores para programadores. Você é webdesigner que vive no campo das idéias, das subjetividades, do mundo abstrato.

Dessa forma, dá para entender porquê webdesigner ou publicitário tem uma enorme dificuldade em compreender livros sobre programação. O pensamento do programador é matemático, lógico, cheio de regras, assim como 1 + 1 é igual a 2 e 3×9 é 27.

Foi pensando nisso que criei o curso PHP para WEBDESIGNERS. Através de um trabalho minucioso de pesquisa, adaptei a linguagem lógica que você sempre achou uma chatisse para algo mais solto, leve e engraçado, tornando o estudo de PHP muito mais divertido e interessante.

Para quem já aprendeu comigo XHTML, CSS e Joomla sabe muito bem do que estou falando.

Você irá aprender tudo que um webdesigner precisa saber sobre PHP, seus conceitos básicos, integração com banco de dados e manipulação de dados através da programação. A idéia não é formá-lo um programador mas um webdesigner capaz de criar pequenos sistemas, editá-los e manipulá-los, para uso próprio ou para um melhor contato com os programadores de sua equipe.

Um curso inédito e exclusivo, totalmente diferente de tudo que você já viu em matéria de cursos online.

Conheça o curso em http://cursos.brunoavila.com.br/curso-php-para-web-designers.html

Para o alto e Avante!

09-23-09

40 criativas técnicas de background

Se anos atrás o que deixava qualquer site bonito era uma animação flash, hoje o background tomou o seu lugar. No início da Internet, lá pelos anos 98, alguns portais até faziam uma brincadeira com bg. O ZAZ por exemplo (atual Terra), mudava praticamente todos os dias o seu background, dependendo da época do ano, assunto do dia ou data comemorativa.

A moda passou e agora voltou com força total, sendo utilizado com algumas técnicas diferentes. Hoje o background faz parte de 80% da composição de um layout e de seu apelo. Imagens grandes, que ocupam toda a tela, independente da resolução, sendo utilizado fotografias, vetores ou abstrações. Algumas vezes o background se relaciona com o conteúdo ou com outro elemento visual do site. É o responsável por toda sua atmosfera, determinando sensações que apenas palavras não passariam.

Procurando sobre o assunto achei uma compilação com 40 diferentes técnicas de se tratar um background. Um excelente exercício de observação. Quero que você visite cada site e tente captar onde está a relação entre o background e conteúdo, as técnicas empregadas, até que ponto o BG é importante na composição do layout, a harmonia de cores, enfim, observe e faça perguntas para você mesmo e, claro, procure as respostas. Sem dúvida a melhor forma de estudar. Depois pratique!

Ah sim, aqui está os 40 exemplos.

Dica da Noupe.

Para o alto e Avante!

09-23-09

35 layouts bem criativos para e-commerce

Você está sem idéia em como fazer aquele site de comércio eletrônico? Quer fugir do padrão? Cansou daquele mesmo estilo usado pelo submarino, americanas, amazon e tantos outros?

Pois trago até vocês mais essa dica preciosa do Tio Bruno, o webdesigner camarada ( assim como o Astrogildo, quem já foi meu aluno sabe muito bem quem é. ). Trata-se de 35 layouts, bem diferentes e criativos, criados especialmente para sites de comércio eletrônico. Um ótimo exercício de observação e inspiração, entrando em contato com diferentes formas de abordar a mesma coisa mas com criatividade e na maioria das vezes com simplicidade.

Quem compilou tudo isso e trouxe até nós foi a Smashing Magazine. Dê uma olhada aqui!

Para o alto e Avante!

09-15-09

Banner: o quê vale mais, o clique ou a exposição?

Existe uma polêmica em relação aos banners, que muitos aqui já devem ter ouvido falar. De um tempo pra cá escutamos alguns dizerem que ninguém mais olha pra banner, que não tem muita eficiência, que não aumentam vendas, coisa e tal. Já para outros o clique era o que valia, se o banner é clicado, beleza, sem clique, então não presta. Inclusive muitas campanhas são avaliadas somente por cliques ao invés de exposição.

Porém, uma pesquisa recente realizada pela ComScore, analisando 139 campanhas publicitárias em banner, revelou que houve sim um aumento de audiência e vendas mesmo sem cliques, apenas com a exposição do banner.

E eu acredito que apenas a exposição do banner possa provocar interesse mesmo quando se está no mundo offline. Já me peguei algumas vezes comprando ou fazendo alguma coisa por ter lembrado de um banner que vi em algum site que sempre visito. Como avaliar isso? Como que o dono da loja vai saber que eu estou lá por conta de um banner não clicado?

Quer ver detalhes da pesquisa? A UOL publicou pra gente. E claro, pra UOL é de grande interesse que essa pesquisa seja divulgada não é mesmo?

Leia e depois volte aqui pra comentar.

Para o alto e Avante!

09-10-09

CSS3: Conheça os novos efeitos do CSS

Você já imaginou colocar efeito de fade nas cores do link? Colocar mútiplas imagens de background? Criar cantos arredondados sem necessidade de bg, só no CSS? Pois isso tudo já existe, na nova versão do CSS 3.

No vídeo abaixo você poderá ver na prática algumas novidades do CSS que só não está popularizado ainda pois nem todos os navegadores suportam essa nova versão. Mas isso é questão de tempo. Então dê uma olhadinha no vídeo para ver o que lhe espera. O vídeo é em inglês mas se você não sabe inglês não tem problema, o que importa é ver o amigo do vídeo programando e botando o bicho pra rodar. Só no visual você irá captar a mensagem.

Nesse site você irá encontrar informações e exemplos de outros efeitos do novo CSS. Divirta-se!

Fontes: NetTuts e CSS3.Info

09-10-09

200 lindas texturas grátis para background de sites

Você está procurando aquelas texturas que se repetem para criar backgrounds para o seu site? Alguns conhecem como patterns, outros por textura mesmo. O que importa é que esses elementos podem deixar o seu site mais encorpado e atraente.

A dica que trago para vocês, meus pupilos leitores de Avante, 200 texturas muito bacanas criados em Photoshoop e totalmente grátis. Tem textura de tudo, madeira, flores, plástico, retalho, corações, flores, bolinhas, temas infantis, enfim, um mais bonito que o outro.

Quer começar a brincar? Então entre aqui.

Agradecimentos a Francesco Mugnai.

09-03-09

20 perguntas para o cliente antes de criar um logotipo

O quê perguntar ao cliente antes de criar um logotipo? Será que basta perguntar qual o nome da empresa e pronto? Nada disso. Quem não brifa, se complica.

Brifa = briefing = jeito fresco de dizer entrevista, questionário, afim de coletar informações que irão ajudá-lo em determinada criação.

Quantas vezes você se pegou dizendo: “Pô, brincadeira! Tô com raiva do cliente! Mostrei três logotipos e ele não gostou de nenhum!!!” Ah, besteira, não fique com vergonha de um dia ter dito isso, já aconteceu comigo também em algum momento da minha vida. Quando isso acontece normalmente é por falha nessa entrevista com o cliente, que pode ter partido tanto de você, que fez perguntas insuficientes ou interpretou errado, ou do cliente que respondeu o briefing com má vontade ou respondeu o famoso “confio em sua criatividade”. Se o cliente vier com essa resposta, não fique vaidoso, fique com medo pois normalmente quando o cliente diz isso é porquê não consegue expressar o que pensa, colocando nas suas costas a difícil tarefa de captar suas vontades de forma telepática.

Navegando pela internet topei com esse post de Brian Hoff que fala justamente sobre isso. Resolvi adaptá-lo ao nosso cotidiano brasileiro e trazer para vocês. São 20 perguntas importantes, algumas essenciais, que irão ajudá-los a chegar bem próximo do que o cliente deseja para seu logotipo. Ao lado de cada pergunta comento o porquê de sua necessidade. Vamos a elas:

Conhecendo a empresa

1- Qual nome e elementos deverão compor o logo? (para saber exatamente o nome que irá compor o logotipo e outros elementos que deverão entrar, como um símbolo que o cliente gosta, aquela caricatura que ele usa desde 1960 e por aí vai)

2- Como você descreveria seus produtos e serviços? (antes de fazer um logotipo você precisa conhecer a empresa, entender sua dimensão e o que ela vende. Uma empresa de tecnologia exige uma sensação no logotipo completamente diferente de uma empresa de sabão em pó. Desde as cores até o tipo de fonte devem ser diferentes, para transmitir atmosferas diferentes)

3- Quais as metas a longo prazo de sua companhia? (sabendo disso você começa a captar que sensação deverá ser transmitida no logotipo para que ajude a empresa a alcançar esses objetivos de longo prazo)

4- Por quê busca por um novo logotipo? Quais as sensações e mensagens que deverão ser passadas através desse novo logotipo? (nessa pergunta você irá tirar do cliente o que ele tem na cabeça, o que ele espera de sua criação e suas expectativas)

5- Quem são seus principais concorrentes? Se eles possuem site, cite os links de suas respectivas páginas. (analisando a concorrência você poderá entender qual o posicionamento do seu cliente frente à elas, o nível de qualidade das demais e o quanto você poderá ser melhor no quesito identidade visual)

6- Quais os diferenciais de seus concorrentes? (sabendo os diferenciais dos concorrentes, de alguma forma você poderá evidenciar no logotipo do cliente o que há de diferente em relação as demais empresas)

7- Qual o perfil de seu público-alvo? (existem opções de criação que atraem jovens, outros o público adulto, um os mais ricos, os que pensam assim e assado e por aí vai. O logotipo do Buballo é infantil, atrai a molecada e para isso fontes, cores e formam são feitas justamente para conquistar esse público. Já o logotipo da Vivara foi feito com fontes finas, separadas, para dar aquele ar de elegância para os mais endinheirados, acima dos 30 anos, que querem presentear suas lindas namoradas e fazer aquele charme.)

Sobre a criação

8- Possui algum slogan? Deseja que o slogan faça parte da composição do logotipo? (se o cliente possui aquele lindo slogan do tipo “óticas mariz, lugar de gente feliz” pode ser que ele queira conservá-lo, colocando junto ao logotipo)

9- Tem em mente algum estilo ou algo que queira que esteja presente no logo? (mais uma perguntinha marota para tentar tirar da cabeça do cliente tudo que ele espera de sua criação)

10- Possui alguma preferência de cor? (se você criar propostas com as cores que o cliente mais gosta ou que espera para o logotipo, mais fácil chegará na aprovação)

11- Existe alguma cor que não gostaria que estivesse presente no logotipo? (é, vai que ele não gosta de marrom, vermelho e violeta e você apresenta três propostas justamente utilizando essas cores?)

12- Quais são os adjetivos que melhor descreveriam seu logo? (perguntinha para tentar compreender o que ele espera do logotipo)

13- Que mensagem e sensação deseja que as pessoas tenham ao ver o seu logo? (mais uma pergunta que vai ajudar a clarear qualquer dúvida anterior referente ao que o cliente espera do logotipo)

14- Cite pelo menos 5 exemplos de logotipos de outras empresas, independente do mercado que atuam, que mais lhe agradam. Cite o que mais chamou a atenção em cada uma delas. (pergunta importante pois de forma visual o cliente irá mostrar a você tudo aquilo que ele tem em mente mas que não consegue expressar em palavras. Observe atentamente cada logotipo e tente pegar a semelhança entre eles)

15- Como deseja que apareça a tipografia? Exemplo:  script, itálica, light, negritada, manuscrita, informal, etc.  (pergunta também para saber qual sensação o cliente espera para o logotipo)

16- Onde usará seu logotipo? Exemplo: na web, em impressões, etc. (dependendo do tipo de uso, você poderá criar versões próprias para esses usos)

17- E qual será o local principal onde o logotipo será usado? Se o uso principal for na web, geralmente utilizamos logos horizontais. (na pergunta já explico o porquê dela ser feita. Principalmente se o cliente já tiver site, dependendo de como o site está construído, o logotipo deverá ter que seguir algum tipo de padrão)

18- Qual o tempo de entrega desejado? (provavelmente a maioria irá dizer “para ontem” mas os mais sensatos poderão sugerir um tempo razoável. Se o cliente colocar “com urgência”, claro, cobre a mais por essa urgência)

19- Existe algum valor de investimento para esse projeto?  (essa pergunta será pouco respondida pois a maioria quer pagar barato e não quer revelar quanto pretende gastar. Mas em grandes empresas é comum dizerem o orçamento destinado para a criação, principalmente quando o cliente deseja o melhor serviço e qualidade. Com um orçamento maior é possível contratar outros profissionais e fazer um trabalho diferenciado, agregando novos serviços)

20- Deseja algum serviço especial para esse novo logotipo, como ilustrações, caricaturas ou manual de identidade visual? (para finalizar uma oportunidade de vender outros serviços como manual de identidade visual e outras criações.)

É isso pessoal! E sejam felizes!

Para o alto e Avante!

09-03-09

Silhuetas e perfis vetorizados

Você está procurando ilustrações apenas com a silhueta da pessoa? Procurando somente pelo perfil de alguém, como uma sombra? Pois acho que você vai encontrar por aqui.

Ilustrações de silhueta são ótimos, principalmente se estiver em alta resolução. Com eles é possível fazer banners, cartazes e impressões de qualquer tamanho, sem ter  que pagar direitos de imagem pra ninguém. Para deixar você feliz, alegre e saltitante, trouxe até você centenas e centenas de silhuetas, de pessoas, plantas, bichos, besouros, aviões, objetos e por aí vai. São 85 temas diferentes, cada tema com 10, 20, 50 silhuetas diferentes. Eu nem contei quantos são mas deve chegar a umas 1000 silhuetas, tudo free.

Que maravilha não? Cortesia da Hongkiat.

Quer começar a brincar? Então pegue o seu mouse e clique com o botão esquerdo bem aqui.]

Para o alto e Avante!