Descubra o novo layout do Google Discovery
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.
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:


O visual do blog ficou simples e ao mesmo tempo ficou mais sofisticado. Curti muito!
- spam
- offensive
- disagree
- off topic
LikeInteressante. Bonito, simples e agradável de ler.
- spam
- offensive
- disagree
- off topic
LikeEu gostei, ficou muito bacana!
- spam
- offensive
- disagree
- off topic
LikeMuito bacana o novo layout!
Eu, frequentadora assídua do blog, adorei as novidades!
- spam
- offensive
- disagree
- off topic
Likeué, 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? =/
- spam
- offensive
- disagree
- off topic
LikeFicou mais clean, + Google!
Very good!!!
- spam
- offensive
- disagree
- off topic
LikeExcelente 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
- spam
- offensive
- disagree
- off topic
LikeParabéns galera do Google Discovery, ficou excelente!!!
- spam
- offensive
- disagree
- off topic
LikeEssa barra do UOL estraga, mas de restante ta muito bom :)
- spam
- offensive
- disagree
- off topic
LikeTambé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!
- spam
- offensive
- disagree
- off topic
LikeO 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. ;)
- spam
- offensive
- disagree
- off topic
LikeTanto 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...
- spam
- offensive
- disagree
- off topic
LikeOlá 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.
- spam
- offensive
- disagree
- off topic
Likekkkkkkk... 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
- spam
- offensive
- disagree
- off topic
LikeInfelizmente 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.
- spam
- offensive
- disagree
- off topic
LikeTransformaçõ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
- spam
- offensive
- disagree
- off topic
LikeEsse 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". :)
- spam
- offensive
- disagree
- off topic
LikeMuito bonito, gostei mesmo.
Mas qual é nome dessa fonte dos títulos? Porque ela é diferente aqui, e eu queria poder usar :P
- spam
- offensive
- disagree
- off topic
LikeA fonte usada nos títulos é a Droid Sans. Nos posts é a Droid Serif. :)
- spam
- offensive
- disagree
- off topic
LikeO "você perdeu?" é sacanagem ali... #thegame
- spam
- offensive
- disagree
- off topic
LikeFicou bem legal... A proposito, o novo visual do Gmail tá matador...
- spam
- offensive
- disagree
- off topic
LikeSó precisa aumentar o line-height em 1 ou 2 pixels. Talvez mudar a cor pra #333 ao invés de #000 e pronto.
- spam
- offensive
- disagree
- off topic
LikeFicou muito bom! Como fez a caixa de posts em destaque?
- spam
- offensive
- disagree
- off topic
LikeÉ impressão minha ou só tem animações nos últimos posts?
- spam
- offensive
- disagree
- off topic
Liketema banco, amigordinho? isso que dá escrever posts de madrugada...
- spam
- offensive
- disagree
- off topic
LikeFicou 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.
- spam
- offensive
- disagree
- off topic
LikeO novo layout, ficou perfeito!
Visito o GoogleDiscovery há mais de um ano e sempre gostei da filosofia de vocês.
Parabéns!
- spam
- offensive
- disagree
- off topic
LikeMuito bom. Parabéns!
- spam
- offensive
- disagree
- off topic
LikeGostei 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!
- spam
- offensive
- disagree
- off topic
LikeFicou muito bom , parabéns
- spam
- offensive
- disagree
- off topic
LikeFicou bem bonito e funcional. Parece que template branco minimalista é o novo pretinho basico.
- spam
- offensive
- disagree
- off topic
LikeIncrivel como este cara usa este recurso http://www.youtube.com/watch?v=95mwPxxDcx4
Fiquei de boca aberta!
- spam
- offensive
- disagree
- off topic
LikeFicou 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!
- spam
- offensive
- disagree
- off topic
LikeFicou legal, parabéns Willian pelo serviço, pense que ia ficar no artesanato heheehe mas, o GD ficou muito bom
- spam
- offensive
- disagree
- off topic
LikeFicou ótimo o novo layout :)
CSS 3 é o que há!
- spam
- offensive
- disagree
- off topic
LikeFICOU MUTO BOM
ABRAÇOS
- spam
- offensive
- disagree
- off topic
LikeIsso é 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
- spam
- offensive
- disagree
- off topic
LikeFicou muito bom. Adorei :)
- spam
- offensive
- disagree
- off topic
LikeSimplesmente ficou excelente! Vou comentar se eu achar algo estranho! ;)
- spam
- offensive
- disagree
- off topic
Likeou eu tô com bastante sono ou essa fonte ficou muito ruim de ler..
- spam
- offensive
- disagree
- off topic
LikeCaro 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.
- spam
- offensive
- disagree
- off topic
LikeVocê tem razão, Lucas. Alterei. :)
Obrigado.
- spam
- offensive
- disagree
- off topic
LikeQue 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
- spam
- offensive
- disagree
- off topic
LikeBest theme evar! O Willian Max merece parabéns pelo excelente trabalho feito em tão pouco tempo. O tema ficou muito bacana.
- spam
- offensive
- disagree
- off topic
LikeParabé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 :)
- spam
- offensive
- disagree
- off topic
LikeBem simples, legal.
- spam
- offensive
- disagree
- off topic
LikeFicou muito bom! :D
- spam
- offensive
- disagree
- off topic
LikeCaro 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.
- spam
- offensive
- disagree
- off topic
Like