Tag Arquivo > Imagens

Apresentando a nova Página de Perfil do Facebook

Autor:
Data: 06 dezembro 2010
Em: Design, DICA1, Facebook, Midias Sociais, Web Designer

0 Comentário

Depois de rumores, o Facebook começou a liberar neste domingo o novo design da página do perfil pessoal com a proposta de que agora teremos mais maneiras de mostrar e contar nossa história.

Confira as novidades que estão sendo implementadas:

No inicio da nova página foi adicionada uma rápida apresentação do seu Perfil e  algumas fotos suas que foram marcadas recentemente. Ficou fácil e rápido identificar onde trabalha, sua instituição de ensino, onde mora entre outros dados que fazem parte do seu perfil.

Ao passar o mouse por cada uma das fotos que estão abaixo da descrição do perfil, é mostrado um “x” onde você pode estar ocultando as fotos que não deseja que estejam em destaque.

As guias de navegação foram retiradas. Agora você pode navegar clicando nos links abaixo da foto do perfil.

A barra lateral e a página interna onde são listados os amigos também sofreram alterações.

Confira com mais detalhes as novas atualizações no vídeo a seguir:

Compartilhe está novidade com seus amigos.

Para fazer a atualizar seu Perfil para a nova versão acesse o link: http://www.facebook.com/about/profile/.

Alguns sites que estão falando sobre este assunto:

New Facebook Profiles Now Available [SCREENSHOTS]
Facebook profile overhaul revamps personal pages
Introducing the New Profile
Nova página do Facebook já está disponível

Continue lendo...

Tags: , , , ,

I Love Infographics

Autor:
Data: 13 novembro 2010
Em: infografico, Inspiração

0 Comentário

american-average-food-consumption

Continue lendo...

Tags: , , ,

Projeto Meu Pitaco – Cidade Propaganda

Autor:
Data: 12 novembro 2010
Em: DICA1, Inspiração

0 Comentário

Continue lendo...

Tags: , , , ,

Infográficos para Inspiração

Autor:
Data: 06 novembro 2010
Em: Design, infografico, Inspiração

0 Comentário

Sou muito fã dos infográficos, acredito que eles sejam a melhor forma de apresentar uma grande quantidade de dados de forma agradável e compreensível.

Para compartilhar este gosto selecionei algumas galerias no Flickr com centenas de infográficos para inspiração.

Infografia

Information Architects

infos

Infográficos

Faz Caber – Infografia

GOOD Transparencies Archive

Você gostou do post? Não esqueça de Compartilhar com seus amigos. O Dica1 agradece!

Continue lendo...

Tags: , , ,

O quê o Webdesigner pode aprender com o Zorro?

Autor:
Data: 02 novembro 2010
Em: Design, DICA1, Inspiração, Tutorial, Usabilidade, Web Designer

0 Comentário

Zorro, famoso herói do cinema, conhecido por suas aventuras ao defender os fracos e oprimidos utilizando sua habilidade com a espada, inspirou vários filmes e livros da literatura popular, e depois deste post vai inspirar também Webdesigners.

OffTopic: Antes de continuar você pode querer ler 85 caixas de busca para inspiração e 5 Melhores Galerias de sites para Inspiração.

O personagem adota a letra “Z” como sua assinatura (três linhas cruzadas), marcando-a com sua espada em paredes e nas roupas de seus inimigos, como sinal de sua passagem. (fonte: Wikipédia).

Apesar de possuir características bem semelhantes, nós sabemos que o Zorro na sua identidade secreta não era Webdesigner. Mas o que este herói pode nos ensinar?

Existem várias técnicas para elaborar layouts com o máximo de usabilidade e que sejam visualmente agradáveis. Uma destas técnicas tem tudo haver com o personagem em questão.

Este método é conhecido como Z-Layout e carinhosamente apelidado por mim como: a técnica de Zorro (rsrsrs).

O Z-Layout utiliza a letra “Z” como guia para a construção da página, sendo muito simples de ser aplicada, pois constituí em posicionar na parte superior do Z os itens que você deseja que o navegante visualize primeiro ao acessar a página e na parte inferior as chamadas a ação, levando em consideração que o usuário vai seguir de forma natural o caminho do Z da mesma forma que lêem livros (de cima para baixo, da esquerda para direita).

É bom deixar claro que esta não é uma solução definitiva e não é necessariamente aplicável a todos os projetos. Existem mecanismos com maior eficácia e que podem ser utilizados em conjunto com o Z-Layout.

O Z-Layout pode ser utilizado como ponto de partida para construção de um layout por abordar os requisitos fundamentais para qualquer site eficaz: hierarquia, marca, estrutura e apelo à ação.

Veja alguns exemplos de aplicações do Z-Layout:

O “Z” pode ser posicionado de diversas maneiras, buscando sempre a obtenção do melhor resultado.

Para escrever este post utilizei como base o texto em inglês Understanding the Z-Layout in Web Design.

Espero que o Zorro tenha inspirado vocês neste post.

Até a próxima aventura!

Você gostou do post? Não esqueça de Compartilhar com seus amigos. O Dica1 agradece!

Continue lendo...

Tags: , , ,

85 caixas de busca para inspiração

Autor:
Data: 01 novembro 2010
Em: Design, DICA1, Inspiração, Web Designer

2 Comentários

Navegando pela Web sempre deparo com várias caixas de busca bem interessantes.

Selecionei 85 caixas de busca que podem servir de referência para Web Designers que estejam em busca de inspiração.

Antes de continuar você pode querer ler Uma análise da caixa de busca do portal ESPN Brasil5 Melhores Galerias de sites para Inspiração.

Continue lendo...

Tags: , , ,

As melhores imagens de dinheiro (money)

Autor:
Data: 21 janeiro 2009
Em: Design, DICA1

0 Comentário

Vasculhei os bancos de imagens que conheço em busca do dinheiro.  Fiz uma lista com várias imagens de ótima qualidade.

Para facilitar, dividir as imagens por categorias: Dollar, Real e Euro.

Veja como ficou a lista:

dollar

DOLLAR
www.designpacks.com/Image_Gallery/Macro_Money_Photographs/
www.flickr.com/photos/skettalee/26011383/
www.freephotosbank.com/1696.html
www.freephotosbank.com/1714.html
www.flickr.com/photos/12295814@N05/2467960418/
www.sxc.hu/photo/468124/
www.sxc.hu/photo/477142/
www.sxc.hu/photo/969329

Real

REAL
www.sxc.hu/photo/784493
www.flickr.com/photos/pigatto/414259442/
www.flickr.com/photos/mcouto/67060613/
www.sxc.hu/photo/646188
www.flickr.com/photos/jeffbelmonte/8228640/
www.flickr.com/photos/pedrob/236563956/
www.flickr.com/photos/7360535@N05/2177785871/

Notas de Euro

EURO
www.photogen.com/free-photos/free-stock-photo-205.search.html
www.photogen.com/free-photos/free-stock-photo-206.search.html
www.sxc.hu/photo/1129407
www.sxc.hu/photo/1082096
www.sxc.hu/photo/1082516
www.sxc.hu/photo/968880
www.sxc.hu/photo/968135
www.sxc.hu/photo/963464
www.sxc.hu/photo/963459

DOLLAR E EURO
www.sxc.hu/photo/908573

Ajude a aumentar essa lista. Deixe um comentário e indique outras imagens.

Continue lendo...

Tags: , , , ,