Web 2.0 é para os fracos. Esse cara tá lançando um novo conceito de site. O estilo “Peguei-todos-os-ícones-da-Web2.0-e-fiz-merda”.
Dá até uma certa labirintite ficar olhando pra isso por muito tempo. Muito tempo, leia-se mais de um segundo.
E outra. Texto? Pra quê texto? Junte tudo que puder num arquivo de Photoshop, aperte Ctrl+Shift+E e coloque no seu site como um imenso, lindo e colorido link.
Aqui vocês podem apreciar melhor esta obra prima do Design.
*Quem conseguir contar quantos ícones foram utilizados, ganha uma bala Soft amarela.
Interfaces multi-touch são a coisa da moda agora. Pra quem não conhece, multi-touch é a tecnologia patenteada pela Apple, presente hoje no iPhone e iPod Touch e nos novos MacBooks. Depois da sua introdução, a interface controlada por mais de um indicador se popularizou e começaram a surgir diversos clones e tentativas experimentais, a fim de expandir a idéia. Um deles eu já postei aqui, de um rapaz que desenvolveu um tipo de multi-touch usando o controle remoto do Wii. A versão microsoftiana desse tipo de interface pode ser encontrada no Surface.
Passeando pelo Instructables, esbarrei nesse manual de como fazer uma mesa multi-touch caseira. A diferença dessa pra outras, é que essa você só precisa mesmo é de uma webcam. O resto é configuração e ajuste na sua iluminação ambiente com ajuda do software. Software esse que é desenvolvido pelo pessoal do NUI Group, uma equipe de mídia interativa que pesquisa e projeta interfaces em open-source. TouchLib é o nome do projeto em questão, que detecta realces no histograma da imagem da webcam e os transforma em pontos de cursores a serem usados em diversos aplicativos.
Eis o vídeo mostrando o processo:
Sim, depois de ver isso eu fui fazer a minha própria. Tava com uma webcam sobrando aqui, então montei uma versão mini dessa caixa com o que consegui achar. Não ficou a coisa mais bonita do mundo, mas aí configurei o programa e funcionou tranquilo !
É visível como essa geração de ícones faz com que nossa percepção de um ícone ser um desenho pequenininho, feito no Microangelo, pixel por pixel, mudou completamente. Considerando que o novo sistema Leopard apresenta ícones com 512 x 512 pixels, podemos enquadrar os novos ícones aqua e web 2.0 como sendo ilustrações funcionais.
Lendo um ótimo post do TurboMilk, de Denis Kortunov, ele explica os 10 maiores erros cometidos ao desenhar um ícone. Alguns são:
Excesso de elementos em um ícone: Quanto mais simples, melhor. Mas parece que alguns designers da Microsoft se empolgam com o novo visual “uau” do Vista, e gostam de encher os novos super-ícones com mais e mais elementos, causando mais e mais confusão quando sofrem qualquer redução.
Elementos desnecessários: Um ícone é uma síntese gráfica de algo maior, então quanto menos elementos, melhor. Então deve se prestar atenção ao contexto, ao projetar um conjunto de ícones.
Um exemplo é esse conjunto para um aplicativo de banco de dados:
Como todos os ícones do aplicativo representam algo de dentro do universo do banco de dados, então o elemento que representa o significado “banco de dados” é totalmente dispensável:
Falta de unidade e harmonia em um conjunto de ícones: A harmonia visual entre ícones é o que os faz parte de um conjunto. Características como cores, proporções, estilo são o que unem os ícones e os torna elementos de um sistema gráfico único. Isso geralmente não acontece quando existem vários designers trabalhando em um conjunto de ícones. Quem se lembra da janela de seleção pra trocar um ícone de algum programa no Windows ?
Quem nunca reparou a diferença de qualidade entre os ícones do Windows e os do Mac OS X ? A diferença é gritante, inclusive dos programas de terceiros projetados para cada sistema. É aí que vemos a preocupação da Apple em relação à sua interface, sabendo que eles não são os donos de todos os ícones do seu computador. E pensando nisso eles criaram uma espécie de manual de identidade do Aqua, contendo linhas-guia de como criar ícones (e outros elementos de interface) que se integram com a estética do OS X. Coisa que na Microsoft só foi aparecer agora, com o Vista. Eles cobrem assuntos como iluminação, materiais e até mesmo o ângulo de representação do ícone. Quem quiser dar uma olhada, tá tudo em um PDF aqui.
OMAGAD
Bruno Bezerra
Lucyano Palheta
miunes
Nuno Boggiss
Uno de Oliveira
gustavoyyz