Descubra o novo layout do Google Discovery

Por em 2 de julho de 2011 – 1:50

Desde 2008, o Google Discovery vinha utilizando sempre aquele clássico tema branco. Super clean e seguindo a ideia de minimalismo do Google, o nosso blog sempre almejou a simplicidade, deixando o foco para a qualidade do nosso conteúdo. Não que não tivéssemos a preocupação de dar, a todos vocês, um belo blog, este apenas não era o nosso foco.

Neste semana, com a reformulação de praticamente todos os serviços do Google, influenciada diretamente pelo Google+, pensamos: por que não aproveitarmos a oportunidade para darmos, ao GD, uma nova cara? E foi isso que fizemos.

Em pouco mais de 24 horas, o nosso editor Willian Max desenvolveu, do zero, o tema que acabamos de implementar. Utilizando CSS3, conseguimos dar um pouco mais de vida ao blog, introduzindo efeitos de movimento em algumas opções do menu lateral, bem como no nosso querido Droidinho skatista.

Por questões técnicas, algumas das alterações somente serão percebidas pelos usuários do Google Chrome e Safari, mas acreditamos que, com o avanço da tecnologia, outros navegadores passarão a suportar as animações utilizadas por nós.

Reformulamos, também, todo o topo do site, dando um maior destaque à caixa de pesquisa e, também, adicionamos um local fixo que será utilizado para chamar a atenção às notícias mais importantes, exclusivas ou de destaque do dia. Além disso, no final de cada post, vocês poderão encontrar o link já encurtado pelo gdis.co, o nosso encurtador de URLs.

novo gd 640 Descubra o novo layout do Google Discovery

Esperamos que tenham gostado das mudanças feitas por nós. Aproveitamos para convidar a todos para deixarem os seus comentários sobre a nossa nova interface. Caso encontre algum bug, sintam-se à vontade para reportá-lo.

E não esqueçam: o nosso foco continua na elaboração de conteúdo diário e de qualidade, com o único intuito de levar até vocês, nossos leitores, todas as novidades do mundo Google! :)




Artigos relacionados:



Post comment as twitter logo facebook logo
Sort: Newest | Oldest

O visual do blog ficou simples e ao mesmo tempo ficou mais sofisticado. Curti muito!

Interessante. Bonito, simples e agradável de ler.

Eu gostei, ficou muito bacana!

Muito bacana o novo layout!
Eu, frequentadora assídua do blog, adorei as novidades!

ué, mas eu uso Google Chrome, mas não notei nenhuma "animação" ou qualquer coisa diferente... aliais o droidzinho de skate tá ali parado... era pra tá acontecendo o que? porque aqui não funfa? =/

Ficou mais clean, + Google!
Very good!!!

Excelente novo layout. Só um comentário: não que a logomarca atual não seja boa (na verdade, é muito boa) só faltou ela mudar também para se adequar ao novo layout. =D

Parabéns galera do Google Discovery, ficou excelente!!!

Essa barra do UOL estraga, mas de restante ta muito bom :)

Também estou achando essa fonte muito ruim de ler.
A aparência está boa, mas a fonte do texto parece que as letras estão muito separadas, sei lá... Vocês podiam colocar a fonte do texto como estava antes, sério, ta ruim de mais pra ler... coloca a mesma dos comentários...
Tirando isso, aparência ta de mais!

O Willian Max e toda a equipe do Google Discovery está de parabéns! O layout está de muito bom gosto. O blog realmente reflete o universo Google, tanto no conteúdo, na qualidade e na estética. ;)

Tanto o Firefox 5, quanto no Chrome 12 o site está absolutamente da mesma forma.
Portanto em matéria de modernidade o Firefox não está devendo nada ao Chrome...

Olá pessoal,

Pra quem costuma visitar a página praticamente todos os dias, é bom ver algumas novidades de vez em quando, além do excelente conteúdo.
Parabéns ao Willian Max pelo layout. Realmente, ficou muito bom.

Abraços a todos.

kkkkkkk... cara, que mancada a de vocês, quando estava enviando o comentário anterior, me deparei com a seguinte situação. Não posso logar no google para enviar comentários com assinatura.
Como o discovery, que testa os produtos google, pode está deixando de lado um recurso como esse?
Se não for pedir muito, poderiam colocar a opção de logar na conta google para envio de comentário?!
Obrigado

Infelizmente o Intense Debate, nosso sistema de comentários, não fornece suporte ao Google. Explicação: o Google tem o Friend Connect mas o serviço parou no tempo, agora com o Google+ poderemos ver uma mudança nesta questão.

Transformações bonitas e marcantes em pouco tempo...
Só acho que o formato das letras do "discovery" deveria ser mudado, fica um aspecto antigo para um visual tão moderno, letras mais arredondadas cairia melhor!
Já as letras do slogan "Descubra as novidades do universo google" está perfeito

Esse layout é muito bonito mesmo! Só tenho uma sugestão: usar a fonte Droid Sans no conteúdo dos posts também, o texto fica mais "level". :)

Muito bonito, gostei mesmo.
Mas qual é nome dessa fonte dos títulos? Porque ela é diferente aqui, e eu queria poder usar :P

A fonte usada nos títulos é a Droid Sans. Nos posts é a Droid Serif. :)

O "você perdeu?" é sacanagem ali... #thegame

Ficou bem legal... A proposito, o novo visual do Gmail tá matador...

Só precisa aumentar o line-height em 1 ou 2 pixels. Talvez mudar a cor pra #333 ao invés de #000 e pronto.

Ficou muito bom! Como fez a caixa de posts em destaque?

É impressão minha ou só tem animações nos últimos posts?

tema banco, amigordinho? isso que dá escrever posts de madrugada...

Ficou muito bem feito mesmo. O anterior já era bonito mas esse novo além de bonito ficou bem mais moderno. O novo jogo de fontes também tornou mais agradável a leitura.

O novo layout, ficou perfeito!

Visito o GoogleDiscovery há mais de um ano e sempre gostei da filosofia de vocês.

Parabéns!

Muito bom. Parabéns!

Gostei muito do modelo. Ao meu ver ainda continua tão bom quanto era e claro, com um ar mais grandioso (acho que toda mudança da uma nova graça). Parabéns!

Ficou muito bom , parabéns

Ficou bem bonito e funcional. Parece que template branco minimalista é o novo pretinho basico.

Incrivel como este cara usa este recurso http://www.youtube.com/watch?v=95mwPxxDcx4
Fiquei de boca aberta!

Ficou muito bom, eu achava o layout antigo um pouco confuso e poluído!
Minhas 2 observações: o menu lateral, além do movimento quando passar o mouse em cima, poderia ter também o reverso quando tirar o mouse. Não sou excelente em CSS, mas acho que alterar o arquivo style.css, a partir da linha 311, para o que está abaixo, resolva. Tirei o efeito de transição do "hover" e deixei na lista, pois será aplicado somente quando houver movimento (de entrada e saída). Ah, coloquei os códigos para funcionar no Firefox e Opera, também!

#sidebar div.ultimos-artigos ul.lista li {
margin-bottom: 15px;
list-style: none;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}

#sidebar div.ultimos-artigos ul.lista li:hover {
padding-left: 10px;
}

A segunda observação é que, quando clicasse no link do "compartilhe", o texto deveria ser, pelo menos, selecionado. Um botão para copiar para a área de transferência também seria bem vindo!

Ficou legal, parabéns Willian pelo serviço, pense que ia ficar no artesanato heheehe mas, o GD ficou muito bom

Ficou ótimo o novo layout :)
CSS 3 é o que há!

FICOU MUTO BOM
ABRAÇOS

Isso é fantástico!! Mandaram mtooo bem.. Parabens Ai Renê, William, Ricardo...
Special Thanks ao William que ralou ai na frente das linhas de códigos tão rápido quanto a evolução da tecnologia.. rsrsrsrs

Ficou muito bom. Adorei :)

Simplesmente ficou excelente! Vou comentar se eu achar algo estranho! ;)

ou eu tô com bastante sono ou essa fonte ficou muito ruim de ler..

Caro Willian Max, parabéns! Ótimo trabalho. Só uma observação sobre a página de erro 404 que tu acabou de postar no twitter:
Ela comete um erro ao redirecionar o usuário para a página inicial automaticamente. É simples: o usuário vai ficar confuso porque estava lendo a mensagem de erro, quando de repente, é redirecionado para a página inicial. Retire esse redirecionamento, pois ele deixa o usuário muito confuso. Uma abordagem legal seria tu fornecer um link para a página inicial bem destacado com CSS. Um link para um formulário de contato também seria interessante, pois o usuário poderia ajudar reportando o link que ele tentou acessar e não encontrou nada.

Você tem razão, Lucas. Alterei. :)
Obrigado.

Que isso. Posso dar mais uma dica? Vamos lá:

Percebi que quando estou na página inicial e clico no link de algum artigo, recebo a página do artigo. Até aí, tudo certo. Porém, o usuário se distrai muito com o cabeçalho e a seção de destaque. O artigo propriamente dito, não aparece destacadamente, pois parte da visão do usuário é ocupada pela barra da uol, pelo cabeçalho, campo de pesquisa, etc. Vi que o artigo fica localizado dentro de um elemento div com id=conteudo. Resolver isso é simples: é só acrescentar "#conteudo" no link que leva até o artigo que o mesmo aparecerá logo na parte de cima e o usuária terá uma visão bem maior e não ficará distraído com o que há nas seções cabeçalho e destaque. Veja: atualmente http://twitpic.com/5jwky5 , o ideal: http://twitpic.com/5jwltr

Best theme evar! O Willian Max merece parabéns pelo excelente trabalho feito em tão pouco tempo. O tema ficou muito bacana.

Parabéns pro William Max, essa foi rápida! :D
Mas vocês não acham que tá cedo demais pra basear o layout no Google+? Podiam ter esperado pelo menos uma semana, né?, pra deixar essa nova fase amadurecer na mente das pessoas, e também pra poupar o Will de tanto trabalho. ;D
By the way, será que tem um convite pro Google+ dando sopa aí? Haha thx :)

Bem simples, legal.

Ficou muito bom! :D

Caro Willian Max, parabéns! Ótimo trabalho. Só uma observação sobre a página de erro 404 que tu acabou de postar no twitter:
Ela comete um erro ao redirecionar o usuário para a página inicial automaticamente. É simples: o usuário vai ficar confuso porque estava lendo a mensagem de erro, quando de repente, é redirecionado para a página inicial. Retire esse redirecionamento, pois ele deixa o usuário muito confuso.