jump to navigation

Gmail Labels com cores: agora sim! December 6, 2007

Posted by Saddi in : Design, Google, Usabilidade , 4comments

Labels coloridas no Gmail

O Gmail implementou essa semana uma nova funcionalidade em que permite que o usuário escolha cores para suas labels. Sim, a Apple já faz isso há muito tempo no Mac OSX e não é exatamente uma grande novodade. Ainda assim, é interessante ver como um pequeno ajuste fez com que as labels se tornassem bem mais funcionais.

Agora está bem mais fácil identificar mensagens apenas passando o olho pela tela, sem nem mesmo precisar ler o texto da label. Gostei da novidade, principalmente quando associada à filtros que aplicam as labels automaticamente aos emails que chegam.

Vale lembrar que assim como outras novas funcionalidades recentes do Gmail, esta também só está disponível na nova versão do aplicativo, que funciona apenas em IE7 e Firefox 2.

Globo.com estréia nova home August 30, 2007

Posted by Saddi in : Design, Globo.com , 10comments

Entrou no ar há exatos 3 minutos uma nova versão da home da Globo.com. Simples e clean, com fontes grandes, espaçamentos generosos, conteúdos mais organizados e otimizada para resolução de 1024.

Ela marca o início de um grande processo reformulação e padronização de grid, interface, layout e interações, ou seja, da experiência do usuário dentro do portal como um todo. Dentro do mesmo pacote estão as páginas de todos os sites, política de privacidade e erro 404.

Outra coisa que vale mencionar é a nova busca geral do portal, que agora também pode ser feita a partir da barra da globo.com e que já era utilizada em algumas áreas específicas, como no globoesporte.com, G1, Globo Vídeos, Ego e Séries Etc.

Muita coisa ainda está por vir e ajustes nesse novo “jeito-globo.com-de-ser” serão constantes, visando uma experiência cada vez mais integrada e única entre os sites do portal. Aguardem as novidades e comentem o que estão achando!

Quer saber um pouco mais? veja esta matéria no G1 e assista ao vídeo!

Globo.com Agosto2007

Cores: bem mais fácil com a Web 2.0 July 20, 2007

Posted by Saddi in : Design , 4comments

O propósito deste post é reunir alguns sites e softwares interessantes que ajudam bastante na hora de escolher uma paleta de cores para um layout. Se você usa algum outro que não foi listado, fique à vontade para deixar o link nos comentários que eu acrescentarei na lista.

1. COLOURlovers

ColourLovers

Este é um dos que eu mais gosto. Dentro do conceito de web 2.0, os usuários se registram e criam paletas que ficam disponíveis para os outros usuários. As mesmas têm rating, tags, comentários e posição no ranking. Você pode ver as paletas por ordem no ranking, pelas mais recentes e ainda randomicamente, além de a qualquer momento poder adiconá-las às suas favoritas. O download pode ser feito, entre outros, no formato do photoshop, illustrator e css. O site tem um blog e recentemente fez uma compilação de mais de 40 esquemas cromáticos inspirados no verão. Alguns bem legais, alguns nem tanto e outros que não tem nada a ver com verão. Mas vale a pena conferir.

2. Kuler

Kuler

Site desenvolvido pelo Adobe Labs. O conceito é bem parecido com o do COLOURlovers, sendo que o site também serve de apoio ao software Creative Suite versões 2 e 3 da própria Adobe. Feito todo em flash e actionscript 3.0. Conheça mais sobre o projeto no página do Kuler no Adobe Labs.

3. Color Hunter e Color Palette Generator

Color Hunter

Os dois sites têm a mesma mecânica. Você entra com a URL de uma imagem e recebe como resposta uma paleta de cores baseada nas cores da imagem. Bem interessante. Esta funcionalidade também pode ser encontrada no software Color Schemer.

4. ColorBlender

ColorBlender

Aqui você define uma cor principal e o site gera uma paleta de 6 cores baseadas nela. O download da paleta gerada está disponível em formatos para Photoshop e Illustrator. Você pode salvar seu “blend” e navegar pelos que foram gerados por outros usuários.

5. Color Schemer

Color Schemer

Este software, com versão para Mac e para PC, permite que você crie paletas utilizando uma color wheel, escolhendo o tipo de harmonia entre as cores, gradientes e até analizando o contraste e leitura. O programa tem integração online com a galeria de esquemas cromáticos que o site disponibiliza (também geradas por usuários). Existe um widget para o dashboard que é gratuito e que também se conecta com essa galeria.

História dos logos March 28, 2007

Posted by Saddi in : Design , 1 comment so far

A LogoOrange disponibiliza uma listagem de A a Z de várias marcas famosas com sua história e evolução desde que foram criadas, como a da Ford abaixo.

Ford Logo

Redesign da Time Magazine March 16, 2007

Posted by Saddi in : Design , add a comment

A edição de hoje da Time marca uma nova fase da revista, com um novo layout e estrutura.

O redesign foi desenvolvido por Luke Hayman, da Pentagram, em conjunto com a equipe interna da Time. Conheça mais sobre o projeto neste post no site da Pentagram.

Nova Time Magazine

Readymechs: faça você mesmo January 24, 2007

Posted by Saddi in : Design , 3comments

Readymechs são incríveis bonequinhos no estilo faça você mesmo disponibilizados gratuitamente pela firma de design gráfico americana Fwis.

Você faz o download do PDF, imprime, recorta, cola e, claro, parte pro próximo pra completar a coleção. :)

Readymechs

Package design do Windows Vista e Office 2007 October 31, 2006

Posted by Saddi in : Design, Microsoft , 1 comment so far

A Microsoft apresentou hoje o novo design das embalagens do Vista e Office 2007.

Designed to be user-friendly, the new packaging is a small, hard, plastic container that’s designed to protect the software inside for life-long use. It provides a convenient and attractive place for you to permanently store both discs and documentation. The new design will provide the strength, dimensional stability and impact resistance required when packaging software today. Our plan is to extend this packaging style to other Microsoft products after the launch of Windows Vista and 2007 Office system.

Vista e Office 2007

Frametastic: criando interfaces no browser October 2, 2006

Posted by Saddi in : Design, Web 2.0 , add a comment

Christian Romney está desenvolvendo o Frametastic, um aplicativo online bem interessante que permite que você crie interfaces na web.

Testei o online demo e achei bem legal, apesar de ainda ter muito trabalho a ser feito. A propósito, se você é bom de programação, o código fonte está disponível para download caso queira contribuir.

Por enquanto só está funcionando no Firefox.

Frametastic

Elementos do estilo tipográfico para web August 31, 2006

Posted by Saddi in : Design, Livro, Tipografia , add a comment

Boa dica do Bruno Pinheiro aqui da Globo:

Não sei se todos os designers conhecem o livro “Elementos do Estilo Tipográfico” do Robert Bringhurst (Quem não conhece, compre sem medo. Vale a pena).

Agora tem um site que parece bem interessante, “The elements of Typographic Style applied to the Web“.

“In order to allay some of the myths surrounding typography on the web, I have structured this website to step through Bringhurst’s working principles, explaining how to accomplish each using techniques available in HTML and CSS. The future is considered with coverage of CSS3, and practicality is ever present with workarounds, alternatives and compromises for less able browser.”

O site está no começo e deve demorar pra ficar pronto (o livro á uma bíblia). Da pra assinar um RSS.

As 100 marcas mais valiosas July 28, 2006

Posted by Saddi in : Design, Tecnologia , add a comment

A BusinessWeek fez uma pesquisa que mostra as 100 marcas mais valiosas do mundo. Como não poderia deixar de ser, a Coca-Cola emplaca o topo da lista. Destaque também para as empresas de tecnologia, com 4 colocadas entre as 6 primeiras.

Dica do Nando.