Archive for the 'Interface' Category

29
ago
08

Tela azul virou ícone

Mexendo no novo iMac aqui do escritório, tropeço numa possível brincadeira dos designers de ícones do Leopard. Cada máquina ligada na rede possui seu ícone, caracterizando as plataformas Windows e Mac. E num é que a simbologia escolhida para o PC foi a clássica tela azul do Windows ? Simplesmente ri sozinho disso. E com um velho CRT bege !

18
jun
08

Firefox 3.0


Saiu ontem o muito esperado Firefox 3.0, a nova versão do browser em maior ascensão da web. 

Além das mudanças na interface, há novidades na funcionalidade também, que me fizeram finalmente migrar 100%.

Destaque mesmo é pra barra de endereços inteligente e pros favoritos fáceis de adicionar. A interface também eu achei bem melhor, mas mesmo assim já peguei uma skin pra ficar igual ao Safari 😀 Melhor ainda !

Bom, as novidades todas tão no site, assim como as dicas de usabilidade. Baixe o novo Firefox AQUI.

30
maio
08

Tag Galaxy

Tag Galaxy

Eu achava que o PicLens já era lindo.. Até conhecer essa nova idéia de navegação para busca de fotos, capaz de manter até o Carl Sagan distraído por horas.

No Tag Galaxy, o seu critério de busca se transforma em planetas. Uma vez buscada uma palavra-chave, ela aparece como um sol na galáxia, e os termos relacionados, os planetas em órbita. Pra refinar a busca, basta clicar em um dos planetas, que ele assume a posição do sol e abre um novo sistema solar. Uma vez satisfeito com seus termos de busca, você clica no sol e as fotos são carregadas do Flickr e dispostas sobre a esfera. Tudo isso acontece em um ambiente 3D que você pode girar livremente arrastando o mouse.

Bom, melhor do que tentar ficar explicando é experimentar ! 

Via

Continue lendo ‘Tag Galaxy’

17
maio
08

Maldita inclusão digital!

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.

09
maio
08

Multi-touch caseiro

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 !

E viva la experimentación !

14
abr
08

Design de ícones

É 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.

  • 10 Mistakes in icon design

  • Apple Human Interface Guidelines

  • Windows Vista User Experience Guidelines

  • 7 principles of effective icon design

  • InterfaceLift

  • Mini ícones “Silk”

  • “Echo” icons guidelines

  •  




    Menu

    Posts de outrora

    Calendário

    junho 2017
    D S T Q Q S S
    « set    
     123
    45678910
    11121314151617
    18192021222324
    252627282930