Logo Cidade Internet

Web design

segunda 30 abril 2012

Jogo do Google inspirado no Google Maps

publicado por Andressa in: Web design Video game

Eu não consegui jogar, provavelmente porque minha banda larga não é tão rápida, mas para quem gosta de games e tem uma banda larga mais respeitável, vale conhecer o joguinho do Google Maps, neste link.

A ideia é simples. É uma versão digital do protótipo “de verdade” que você confere no vídeo acima. um grande cubo com os lados mostrando uma superfície do Maps, e uma bolinha azul que faz todo o roteiro até um Boliche.

O mesmo roteiro você precisa fazer na versão digital do jogo, usando o cursor.

Vi aqui.

quinta 26 abril 2012

Nomes de cães para donos que gostam de design

publicado por Andressa in: Designer Young designer Web design

Nomes de caes de designers Cães são uma fofura e quem ama estes animais sabe como escolher o nome certo para o seu cão faz parte da diversão de ter um filhote em casa. O designer de Nova York Martin Refsal está com vontade de ter um cãozinho e além de pesquisar por filhotes em criadores e assisitr a filmes do YouTube com filhotes, resolveu criar uma lista de nomes para seu cão com uma inspiração no design. Ele publicou o resultado no seu blog, que também tem um nome superlegal: CMYBacon.

Vetor, Pixel, Garamond e Pantone são alguns nomes bem “design” para um cãozinho. Bem melhor do que Rex.

O post Dog Names for Graphic Designers agradou muita gente, e os leitores deixaram seus comentários. Muitos deles têm ou já tiveram um cãozinho ou gato chamado “Pixel” ou “Garamond”, ou outros nomes inspirados na tipografia, cores ou elementos do web design.

Gostei do comentário de uma leitora que disse ter filhotes de cães chamados Flickr, Wiki, Twitter, e Blackberry (o único preto).

Via DesignerBlog

terça 24 abril 2012

"Menor loja do mundo" traz 2,8 mil produtos dentro de um único banner

publicado por Andressa in: Concept store Web design Advertising Flash

The smallest IKEA store in the World from IKEA on Vimeo.

Uma grande ideia da empresa sueca de móveis Ikea: um banner de pequenas dimensões que traz 2,8 mil produtos da loja, disponíveis para compra, assim, bastando para isso clicar no banner.

O pequeníssimo espaço publicitário é dividido em cinco seções: uma dedicada a móveis para a sala de estar, outra para móveis do quarto, outra para móveis infantis, mais uma para luminárias e a última para accessórios em geral.

À primeira vista, o banner parece um mosaico formando um sofá, uma cama, um teddy bear, um abajour e uma almofada. Ao passar o mouse por cima, miniaturas dos produtos aparecem. Clicando em cima de uma miniatura, você ja vai para a página de compra.

Achei um tantinho desconfortável para fazer pesquisas, ainda assim, uma ideia criativa que vale a pena explorar e conhecer para futuras explorações.

Conheça aqui.

quarta 18 abril 2012

Facebook supera Google (por pouco) em número de visitas no Brasil no último final de semana

publicado por Andressa in: Tendências Comunicação Web design Redes Sociais

Facebook supera Google em numero de acessos no Brasil no ultimo final de semana
O Facebook avança na preferência dos brasileiros. Uma pesquisa anunciou que a rede social criada por Marc Zuckerberg foi o site com maior participação em visitas de toda a internet no Brasil no último final de semana, com 10,86% das visitas no sábado, 14 de abril, e 10,98% no domingo, 15. O Google Brasil ficou em segundo lugar neste mesmo período, com 10,85% e 10,55%, respectivamente. A diferença é pouca, mas o fato é marcante.

Nos últimos seis meses, o Facebook registrou um crescimento de 5,30 pontos percentuais e um aumento relativo de 86,73%. Durante o período, ele também ultrapassou o Orkut, fato registrado pela primeira vez no dia 19 de dezembro de 2011, mas que apenas se consolidou a partir de 9 de janeiro de 2012.

Ao todo, agora são cinco dias em que a rede social ocupou a primeira posição no ranking de sites mais visitados no País.

Via Proxxima

domingo 08 abril 2012

Facebook dos anos 90 ... uma volta no tempo

publicado por Andressa in: Tecnologia Web design Motion graphics Video

Foi no início dos anos 90 que eu entrei em contato pela primeira vez com um computador, ainda criança, mas me lembro bem do visual daquela época, bem quadradão, com muitas telas pretas e imagens pixeladas, com cores básicas e letras enoooooores.

Por isso adorei assistir a este vídeo humorístico, uma espécie de tutorial que mostra como seria o Facebook se ele tivesse sido criado na década de 90. Super legal. Preste atenção também nos efeitos sonoros, que são a cara desta década.

A empresa que criou o vídeo, a Squirrel-Monkey, criou vídeos também mostrando como seria o Twitter na década de 80 e o Google na década de 80, que você pode conferir após o jump.

Continuar lendo: Facebook dos anos 90 ... uma volta no tempo

quinta 16 fevereiro 2012

App para crianças Toca Boca: encantadores

publicado por Andressa in: Web design Video game

App para criancas Toca Boca
Os aplicativos para crianças da empresa Toca Boca são tão legais que entretem até os pais. A empresa sediada em Estocolmo, fundada por Björn Jeffery e sócios, cria incríveis jogos para crianças pequenas específicos para funcionar em aparelhos móveis, como iPhones e iPads.

Joguinhos como “Toca Hair Salon”, “Toca Kitchen” e “Toca Store” são feitos com linhas simples, atividades convidativas e cores vibrantes, que combinadas a efeitos de som bem-cuidados resulta em diversão garantida.

O próximo jogo a ser lançado pela empresa ainda no final deste mês de fevereiro é o “Toca House”, que promete fazer os pequenos ficarem obcecados com a limpeza da casa. Será que funciona?

Confira um vídeo sobre os jogos da Toca Boca após o jump.

Via Swiss Miss

Continuar lendo: App para crianças Toca Boca: encantadores

segunda 13 fevereiro 2012

Aplicativo geometric™ gera padrões geométricos e wallpapers

publicado por Andressa in: Gadget Web design Ilustração Papéis de parede

App Geometric
Lindos padrões geométricos no aplicativo para iPad e para iPhone geometric™, by Kapitza. Basta escolher qual a forma geométrica com as cores que você quiser e um novo padrão é gerado automaticamente, além de ter a opção de criar um wallpaper.

Os padrões podem então ser salvos no iPhoto, usados como papel de parede dos seus gadgets ou compartilhado por email para amigos. Disponível na App Store, o aplicativo abre um mundo de possibilidades, já que as formas geométricas podem ser modificadas e construídas de mil maneiras diferentes.

Dá para notar a qualidade dos motivos que o aplicativo disponibiliza, e há muitas outras fotos no site oficial da empresa, que você confere aqui.

Via MoCo Loco

geometric™
geometric™geometric™geometric™geometric™

Continuar lendo: Aplicativo geometric™ gera padrões geométricos e wallpapers

segunda 30 janeiro 2012

O colorido mundo de Paul Frank

publicado por Andressa in: Web design ìcones

Colorido mundo de Paul Frank
As crianças vão adorar visitar o site especial da marca de roupas e acessórios infantis Paul Frank, que traz uma série de atividades divertidas para fazer.

Voltado para pequenos entre 5 e 11 anos, o site é todo construído em metáfora, recriando o mundo do macaquinho Julius, a principal carinha da marca, que tem também vários outros personagens divertidos.

A empresa faz sucesso no universo infantil e também agrada aos pais mais “cult”, que gostam de vestir seus filhotes com estilo e exclusividade. Vale a pena passear pelo site para ver como ele é bem construído nos mínimos detalhes. Na galeria acima, por exemplo, ficam os macaquinhos estilizados que as próprias crianças criam, escolhendo acessórios, cabelo e cor de fundo e depois publicando sua imagem no mural.

A dica é uma boa fonte de referência para quem está trabalhando com projetos de sites voltados a crianças.

sexta 20 janeiro 2012

Post lista os estregáveis da Arquitetura de Informação

publicado por Andressa in: Tendências Web design Profissões

Arquitetura da Informacao Quem trabalha com Arquitetura da Informação vai adorar esta matéria do Webinsider, que fala sobre wireframes, sitemaps, road maps e fluxogramas, entre outros itens que fazem parte de um projeto para criação de um website.

Por isso, pegue seu caderninho e caneta e se prepare para uma aula! Eu ainda estou no meio do texto :)

A Arquitetura da Informação é uma área relativamente nova mas que ganha espaço a grande velocidade, graças à evolução da internet.

Os profissionais desta área trabalham organizando a informação de várias maneiras, um pouco como os bibliotecários fazem nas bibliotecas “reais”, cheias de livros que precisam ser organizados para que o usuário possa encontrar o que deseja.

“Arquitetura de Informação é tornar o complexo claro”. (fonte)

Via Blog de AI
Imagem: zerojunior

quarta 18 janeiro 2012

Utilizando o endereço URL como conteúdo do site

publicado por Andressa in: Comunicação Web design

Jessica Hische
Jessica Hische é uma letrista, ilustradora e designer que trabalha no Brooklyn, Nova York. Seu site tem um detalhe bem original, e que achei bem bolado: o endereço URL de seu site já passa uma mensagem: http://jessicahische.is/awesome/, “Jessica Hische is awesome”, que quer dizer “Jessica Hische é incrível”. Este é o tipo de coisa que só pode ser feita na internet, pois só em browsers (Firefox, Internet Explorer, Safari, Chrome…) podermos criar endereços URL.

A home do site é apenas uma foto, com um texto muito curto, em que a autora incluiu um menu embutido, ou seja, os links para cada seção do site são links nas próprias palavras do texto. Uma maneira de fugir da “tradição” de criar menus em sites e também uma forma minimalista de organizar o conteúdo de uma página.

Thumbs up!