Projeto Meu Pitaco – Cidade Propaganda
Tag Arquivo > Design
Infográficos para Inspiração
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.
Você gostou do post? Não esqueça de Compartilhar com seus amigos. O Dica1 agradece!
O quê o Webdesigner pode aprender com o Zorro?
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!
85 caixas de busca para inspiração
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 Brasil e 5 Melhores Galerias de sites para Inspiração.
Grande Botão de Chamada a ação
Ultimamente tenho pesquisado, lido e estudado bastante sobre usabilidade, uma área abrangente que têm me fascinado todos os dias.
Dentre vários artigos relacionados a usabilidade também conhecida como UX (User Experience), os que falam dos chamados Call to Action Buttons (Botões de chama a ação) têm uma atenção especial.
Minha intenção neste texto não é falar especificamente sobre os Botões, quem tiver curiosidade ou interesse sobre o assunto segue os links de meia dúzia de artigos bem interessantes.
Call to Action Buttons: Examples and Best Practices Good Call-To-Action Buttons 25 Examples of Convincing Call-to-Action Buttons Web Design Trends: Call To Action Buttons 35 Creative call to action buttons for inspiration “Call To Action” Buttons: Guidelines, Best Practices And ExamplesComo disse e sugere o titulo, minha intenção não é falar sobre os Botões, mas sim falar sobre o botão. Estava a visitar os links que meus seletivos followings twittam, quando deparei com este, que apelidei de (Call to Action Button Big) Grande botão de chamada a ação, não resisti e resolvi escrever este rápido post.
Já tinha visto vários botões grandes, mas este superou todos eles. Tive que reduzir bastante a imagem para caber no post.
Para visualizar no tamanho original basta clicar na imagem ou ir até o site http://www.logolicia.com.br/
Uma coisa curiosa é que o Botão é tão grande que acaba tirando a atenção do usuário que está a utilizar o formulário, que deve ser preenchido antes de clicar no Big Button.
Faça sua analise sobre o Grande botão e deixe seu comentário.
Qual a Semelhança do Web Designer com o Gênio da Lâmpada?
O Web Designer é o Gênio da Lâmpada!
Você pode está me achando maluco, mas vou provar está afirmação para você.
Um Web Designer possui todas as características para ser o Gênio da Lâmpada.
Quando o cliente fecha o contrato com um Web Designer é como se ele encontrasse a lâmpada mágica onde o gênio é o Web Designer, que terá a função de realizar todos os seus desejos, muitas vezes em prazos mágicos.
Se você for um Web designer, facilmente vai identificar-se com essas palavras abaixo:
“Os seus desejos vou realizar é só pegar a lâmpada e esfregar
Faça seu pedido e eu anoto no caderno
Pode dizer o que vai querer
Então não fique de boque-aberto,
estou aqui só para te atender,
sou um grande gênio diplomado, o que quiser é só dizer
Estou ansioso para usar o meu poder
é para isso que aqui estou
me dê essa lista quilométrica esfregue e verá quem sou.”
Esse texto foi tirado da música que o Gênio canta para Aladim, quando ele encontra a Lâmpada Mágica.
Veja o vídeo com a cena citada:
O Gênio tem a função de Cuidar e Realizar os desejos do seu Amo.
O Web Designer tem que cuidar bem dos seus clientes e “Realizar” seus pedidos.
Como disse Ricardo Jordão Magalhães: “Se você não cuidar dos seus clientes, alguém o fará para você”.
Sem falar que os Web Designers fazem mágica com Photoshop, HTML e CSS.
Obvio que têm coisas que não iremos fazer em um passo de mágica, mas se você assistiu o vídeo até o final, viu que o Gênio cita algumas restrições quando Aladim pergunta se ele vai realizar os desejos.
E ai, você está convencido que o Web Designer é o Gênio da Lâmpada?
Gostou deste texto? Comente, Compartilhe com seus Amigos.
Personalizando a Paginação no Rails
O jeito mais simples que encontrei para fazer paginação no Ruby on Rails, foi utilizando a gem Mislav-will_paginate.
por Rafael Lopes
No post Trabalhando com paginação – Mislav-will_paginate noruby on rails do blog de Diego Alvarez Nogueira ensina como instalar e utilizar a gem.
O problema é que o resultado, em relação ao aspecto visual não é agradável. Melhor, é bem simples. 
Então lembrei de algo que tinha utilizado quando coloquei a paginação aqui no Dica1.
No Blog Mis Algoritmos têm um post Some styles for your pagination com vários Estilos CSS para paginação. Só precisei adicionar o arquivo CSS do Estilo escolhido ao projeto. Agora o aspecto ficou bem mais amigavél.
Caso queira modificar alguma coisa é só modificar o CSS.