|
Receba todas as dicas do blog AVANTE no seu e-mail, de forma prática e rápida. Fique sabendo sempre que novos textos forem publicados. Para isso, cadastre seu e-mail no campo abaixo |
Projetando Websites
de Jakob Nielsen.
Não me faça pensar
de Steve Krug.
Design para a
Internet: Projetando
a Experiência
Perfeita.
de Felipe Memória,
Estava cá lendo o ótimo blog Abduzeedo, que apesar de ser todo em inglês é de um designer brasileiro, Fábio Sasso, quando encontrei esse post bem bacana onde Fábio elege os 10 mestres do Photoshop. Realmente são trabalhos belíssimos que gostaria que vocês, webdesigners, observassem e que servissem de inspiração. Afinal, observação é um ótimo aprendizado.
Curtam clicando aqui!
Para o alto e Avante!
Você gosta do estilo “Aqua” do Mac ou gostaria de fazer ícones semelhantes aos do Iphone. Pois você sabia que no Fireworks dá para fazer esse tipo de ícone com poucos cliques?
Pois conheça o MacButton, uma extensão do Fireworks feito especialmente para criar botões no estilo Iphone.
Clique aqui e faça o download.
Para o alto e Avante!
Essa eu garanto que vai ser muito útil pra você. Quantas vezes você precisou daquelas setinhas pequenininhas, para fazer ícones do tipo “leia mais” ou bullets? Pois olha que legal essa biblioteca de setas para Fireworks.
Bacana não é? Taí de presente pra vc.
Faça o download aqui.
Para o alto e Avante!
Essa é para você que procurava um efeito de fogo e chamas estilizado e vetorizado. Bom para composições, logotipos e vários tipos de efeitos. O mais legal é que é tudo vetor, pode aumentar e diminuir sem perder a qualidade.
Basta pegar o arquivo mxp, dar um duplo clique e instalar ou então usar o Extensions.
Para fazer o download, clique aqui.
Bem, segundo o pesquisador Bill Tancer, sim. Foi o que revelou ao jornal inglês Telegraph. Tancer fez uma análise do que as pessoas buscaram no decorrer dos últimos 10 anos através de sites de busca e chegou a resultados bem interessantes. Vejamos:
1. Em 1998, 20% de todas as pesquisas feitas pela internet eram buscando por sites de sexo.
2. No decorrer de 10 anos, a busca por páginas com conteúdo erótico caiu em 10%.
3. Essa queda foi maior entre os jovens de 18 a 24 anos ( nossa, quem diria!)
Então você deve estar se perguntando, como isso aconteceu??? Tancer explica.
“Minha teoria é que os jovens passam tantas horas em redes sociais que não tem mais tempo para olhar sites adultos”.
É, a galerinha fica só na base do Orkut e MSN, dá nisso, falta de tempo para ver outras coisas. Bem, site de sacanagem realmente não contribui muito para a intelectualidade de ninguém mas será que as horas gastas no orkut podem contribuir no progresso cultural, moral e social do ser humano?
Para nos ajudar nessa resposta, vejamos outro dado da pesquisa. Nos EUA a busca por fotos da candidata a vice-presidente republicana, Sarah Palin é muito maior do que aqueles que buscam a respeito de suas idéias sobre o país. Sites de celebridades tem mais acessos do que se juntarmos os acessos de sites de política, religião, bem-estar e dietas. Se botar na balança, os sites de celebridades ganham em audiência.
Será que a Internet está nos “emburrecendo”?
Para o alto e Avante!
Um dia desses apareci aqui com um teste parecido com esse que vou mostrar, mas só que o objetivo do outro teste era descobrir se a foto tinha ou não tinha alterações de Photoshop. Agora não, o desafio é um pouquinho diferente.
A Autodesk sempre se destacou como um grande desenvolvedor de softwares de modelagem 3D. Para provar isso, eles criaram o Fake or Photo, um teste que veio para desafiar você. A missão é olhar cada foto e dizer se é computação gráfica ( CG ) ou se a foto é real.
Realmente o desafio é bem difícil e nos faz pensar: será que tudo que vemos na TV e nas revistas hoje em dia é real?
É, veja aí.
Para o alto e Avante!
Essa dica é de nosso querido leitor Romulo Villela , de São Paulo. É uma dica para você, programador ou webdesigner que está cansado de tentar combinar cores e nada lhe agradar. Rosa com amarelo? Amarelo com azul? Azul, vermelho e verde? Oh! dúvida cruel!
Mas não se preocupe, na internet temos diversos sites abençoados que foram criados para lhe ajudar. Um deles é o Color Combos. Este site fornece uma série de combinações de cores, seguindo técnicas de harmonização. Clicando em cada opção você poderá ver os códigos hexadecimais dessas cores, alterar sua ordem ou incluir/excluir cores.
Uma ferramenta bem legal do site é a busca por cores, o Grab Website Colors. Basta colocar o endereço do site e pronto, ele lhe dirá as cores principais do site. Nem todos os sites o sistema consegue ler mas experimente colocar o endereço do UOL. 
Quer brincar de combinar cor? Isso vai lhe ajudar bastante, olha aí.
Para o alto e Avante!
Talvez alguns já conheçam mas posto aqui para aqueles que ainda não conhecem. Uma ferramenta dedicada para aqueles freelancers que estão procurando novos projetos ou estão com dificuldade de achar serviço.
Conheça Freela.com.br. Trata-se de um banco de profissionais e de projetos. Você que busca profissionais de criação web para realizar o seu projeto, como webdesigners e programadores, irá cadastrar o projeto no sistema para abrir uma concorrência. Para você, profissional web, é ótimo pois você terá a disposição inúmeros projetos para enviar seu orçamento.
Legal, não é mesmo? Então comece a enviar seus orçamentos clicando aqui!
Para o alto e Avante!
Trago para o Avante essa ótima análise do webdesigner inglês Ben Hunt dono da agência web Scratch Media e autor de alguns ebooks, como o Business of Web design e Save The Pixel - The Art of Simple Web Design.
Na análise, Hunt lista alguns layouts que ele considera como seus favoritos no quesito layout funcional. São 9 layouts devidamente comentados, levantando alguns pontos interessantes. Como nem todo mundo gosta de ler em inglês, fiz aqui um resumo traduzido do que Ben Hunt analisou. Vamos lá.
01. Traineo
Para Hunt, Traineo já é um clássico precoce dos layouts estilo Web 2.0. Um header escuro, luminosidade numa área de conteúdo aberta ( sem molduras e caixas fechando todo o conteúdo ) e o uso de cores vivas para chamar a atenção.
Segundo o webdesigner, Traineo é um excelente exemplo de estilo que favorece o trabalho, combinando perfeitamente conjuntos de informações e funções, mantendo um sentimento de simplicidade. Utiliza bem o texto, distribuindo bem os espaços juntamente com uma navegação simples. Para ele, um super-exemplo a se seguir de uma concepção moderna de design voltado ao usuário.
02. iStockPhoto
Hunt destaca a elegância desse layout, voltado para a venda de fotos para usuários comuns. No layout, o webdesigner observa a sólida barra superior de pequena altura e as cores neutras que permitem um maior destaque para a apresentação de seu principal produto: as imagens. A idéia é fazer com que não haja competição entre o layout e as imagens que estão expostas.
A primeira página é um bom exemplo de combinação de conteúdo leve ( fotos ) com conteúdo mais bruto ( caixas de pesquisa, valores, promoções ). A função das fotos é sugerir que dentro do site é possível encontrar uma série de opções de imagens em alta resolução enquanto ao lado encontramos em destaque a caixa de pesquisa e a tabela de preços bem visível, de forma direta e sem complicações.
03. Rememble
Para Ben Hunt, o layout da Rememble é um típico layout “divertido” no estilo Web 2.0. Isso é bem caracterizado pelas fontes simpáticas e arredondadas do logotipo do site. No topo temos uma barra sólida, grandes titulos e painéis coloridos para destacar informações de interesse do visitante. Logo no início encontramos um parágrafo de introdução que explica a funcionalidade do site, ou seja, diz logo de cara para quê veio.
04. Component Art
Component Art segue um estilo um pouco menos Web 2.0, segundo Hunt. Trata-se de uma combinação de uma grande quantidade de informações em uma interface muito simples. Desta vez, uma marca convencional + um menu horizontal no topo acima de um página misturando as cores preto e laranja.
Não há uma hierarquia bem definida nem grandes destaques, levando você a não ter uma orientação visual do que é mais importante e se ver obrigado a ler boa parte das chamadas. E se esse era o objetivo, ele cumpre seu papel.
05. Purina
Esta famosa marca de ração para animaizinhos de estimação utilizou em seu site um familiar estilo de layout em painéis sólidos. Hunt diz gostar desse layout pela animação flash simples no cabeçalho que se encaixa perfeitamente ao layout, ajudado pelo zoom e cortes de fotografia, dando uma forte impressão da marca.
O resto do layout é bastante limpo e convencional. Com apenas 2 colunas principais, deixa o visitante mais seguro ao passear os olhos pelo conteúdo e a navegação é de fácil entendimento, mesmo usando menus suspensos. Hunt Lembra que trata-se de um layout simples, adequado para um vasto público-alvo.
06. Whishlitsr
Segundo Hunt, o mais interessante desse site é sua introdução. Em poucas linhas e num pequeno espaço ele diz para quê veio: “”Crie uma lista de desejos. Compartilhe com os amigos e a família.” Pronto. E Hunt complementa: “uma porção de sites se beneficiariam se dissessem tão claramente o que eles fazem, assim como esse site.”
Ben Hunt diz gostar das 3 colunas bem espaçadas e headings simples. Não se gasta mais que 10 segundos nesta página para se ter uma idéia do que ela é.
07. My Musik Downloads
Esse layout, apesar da quantidade de informações, lembra muito o estilo Web 2.0. Isso de dá, segundo Hunt, pelo foco que se dá as informações, mesmo estando rodeado delas, fazendo com que a primeira página tenha uma grande eficácia.
Este layout consegue englobar uma série de informações importantes sem sobrecarregar a página.
08. Burstcast
Mais um exemplo de informação direta, objetiva. Em apenas 6 palavras este site diz o que ele faz: “Snap ot. Send it. Share it” com destaque para o Share It que é o grande barato do site. Logo abaixo, eles pegam um pequeno espaço do site para transmitir como funciona o sistema.
09. Unfortunate
Da mesma forma que os demais, esse site também comunica diretamente o que ele faz. É basicamente um serviço para criar mensagens de sorte, como aqueles biscoitinhos da sorte que ganhamos no China in Box. Só que dessa vez você que cria a sorte e compartilha com os amigos.
Logo de cara diz o que faz, em poucas palavras. Dá exemplos de utilização no próprio sistema e uma caixa destacada diz “Crie sua própria sorte!”. Simples não?
Para o alto e Avante!
Não sabe qual cor escolher para combinar com outra? Bem, existe uma teoria por trás disso mas existem muitas ferramentas que podem facilitar a sua vida. Uma delas é a extensão de Fireworks, o “Harmonia”. Semelhante ao que temos no Corel Draw. Com ele você poderá fazer várias combinações, complementares, tríades e combinações análogas.
Ficou afim? Então pega aqui logo!
Para o alto e Avante!