• Facebook
  • Twitter
  • Instagram
  • Youtube
  • Pinterest
  • Gplus
  • Behance
Balaiu's Comunicação
  • Início
  • Sobre
  • Serviços
  • Portfólio
  • Clientes
  • Contato
  • Blog Balaiu’s
  • Pesquisa
Blog Balaiu’s
Balaiu's

Processo criativo e manual do GOOGLE revelados!

5 de abril de 2016/0 Comentários/em Branding, Inspiração /por Balaiu's
https://g-design.storage.googleapis.com/production/v5/assets/g-letter.mp4

 


Com vídeos e imagens, The Rivalry finalmente nos revela o processo criativo do novo logo do Google!

A  The Rivalry – uma agência de New York envolvida na criação – revelaram informações do processo criativo!

Confira algumas palavras da agência:

G é de Google

“Fomos convidados para criar a nova identidade do Google, que deveria se adaptar a esse mundo multi-screen em constante evolução, porém sem perder a velocidade e simplicidade que os usuários amam – o que não é fácil em um sistema com mais de 12 bilhões de buscas mensais e 200 produtos associados.

O resultado é um sistema dinâmico de componentes além do logo icônico, no qual trabalhamos diretamente com equipes do Google para identificar seus diversos pontos-chave para criar esse novo sistema.

processo-criativo-e-manual-do-google-revelados-novo-logo-2015-inicial-1

Desafios

Nós começamos distilando a sequência da marca à sua essência – quatro cores num fundo claro – e então a remontamos após centenas de horas de design que deveriam considerar:

  1. Uma marca redimensionável capaz de passar o feeling do logotipo padrão mesmo nos espaços mais comprimidos.

  2. A implementação de movimentos dinâmicos e inteligentes que conversasse com os usuários em todos os estágios de interação.

  3. Uma abordagem sistemática no branding capaz de prover uma consistência nos diversos encontros diários com a marca.

  4. O refinamento do que nos faz “Googlianos”, combinando o melhor do que os usuários amam na marca e mantendo o imenso respeito pelas necessidades desses usuários.

Nós compartilhamentos nossas conclusões com as equipes dentro da empresa: engenharia; pesquisa; produtos; marketing; todos testaram e avalariam cada ideia desse processo.

O resultado da colaboração é um sistema flexível o suficiente para ser usado desde o material de marketing aos produtos, com três elementos básicos que formam um único logo!

Os Elementos

processo-criativo-novo-logo-google-1 processo-criativo-novo-logo-google-2 processo-criativo-novo-logo-google-3

Logotipo do Google

Um logotipo sem serifas que mantém nossa sequência de cores especial.

Dots

Uma distilação dinâmica do nosso logotipo para momentos interativos, assistivos e transicionais.

G de Google

Uma versão compacta do logo, que funciona em pequenos contextos.

O Logotipo

O logo do Google sempre teve um estilo simples e amigável. Nós queríamos manter essas qualidades e combiná-las a pureza matemática das formas geométricas com uma simplicidade de um livro de leter printing infantil*! O novo logotipo é feito de uma fonte sans serif geométrica customizada e mantém a ludicidade multi-colorida, além do “e” rotacionado de sempre (que é um lembrete que a marca sempre será um pouco inconvencional).

O logotipo final foi testado exaustivamente em diversos tamanhos e pesos para o máximo de legibilidade em todas as plataformas!

* Aquelas formas de letras que usávamos nos anos 90.

https://g-design.storage.googleapis.com/production/v5/assets/g-logotype.mp4

A Construção do G

O G do Google vem do próprio logo, mas tem um maior peso visual que o destaca em pequenos espaços e contextos onde a marca precisa compartilhar espaço com outros elementos.

Projetado no mesmo grid que toda a iconografia, a forma circular foi opticamente refinada para impedir distorções visuais no ponto em que a forma circular da letra se encontra com a barra da mesma. As proporções das cores transmite um espectro completo do logotipo e são sequenciados para auxiliar o olhar ao redor da forma da letra.

https://g-design.storage.googleapis.com/production/v5/assets/g-letter.mp4

processo-criativo-e-manual-do-google-revelados-novo-logo-2015-2

Google Dots em Movimento

Os Google dots, ou pontos do Google, representam o estado de movimento dinâmico e perpétuo do logo! Eles representam a inteligência do Google em ação e indicam que a marca está trabalhando por você! Nós os vemos como momentos únicos e mágicos.

Uma longa gama de expressões foram desenvolvidas, incluindo áudio, pensamento, respostas, incompreensão e confirmação. Embora seus movimentos parecem espontâneos, estes são enraízados em timing e caminhos constantes, com os pontos se movimento em padrões geometricamente projetados.

https://g-design.storage.googleapis.com/production/v5/assets/g-dots.mp4

As Cores do Google

O novo logotipo do Google se beneficia do espaço em branco entre as letras, mas quando as cores são adjacentes – como no caso do G –, elas se combinam opticamente e resultam no escurecimento dos valores originais. Por isso ajustamos a vibração do vermelho, verde e amarelo para manter a saturação e brilho original.

https://g-design.storage.googleapis.com/production/v5/assets/g-color.mp4

Tipografia do Google

Em conjunto com o desenvolvimento do logotipo, nós criamos uma typeface geométrica sans-serif que complementa o logo e suas aplicações – nós a chamamos de Product Sans.

Essa fonte adota aspectos do letter-printing escolar, mas também a consistência neutra que esperamos de uma geometria sans serif. Isso nos permitiu manter um nível apropriado de distinção entre o logotipo do Google e o nome do produto.

O set de letras dessa tipografia é completo, dos numerais às franções, sendo extendida ao suporte do latim, grego e cirílico.

Veja mais clicando aqui.

https://g-design.storage.googleapis.com/production/v5/assets/g-typography.mp4

Produto

Muitos produtos serão atualizados, mas para a maioria das pessoas, a grande experiência com a nova marca é a busca.

O time de Search UX e engenheiros trabalharam pesado para desenvolver a primeira personificação de texto e voz em buscas, demonstrando o longo alcance das expressões desta identidade.

https://g-design.storage.googleapis.com/production/v5/assets/g-voice-flow.mp4

processo-criativo-e-manual-do-google-revelados-novo-logo-2015-3

Maior distribuição

Nosso time de engenharia desenvolveu algo único: um sistema de pixel-perfect SVGs, que automaticamente gera milhares devariantes vetoriais que se adequam a cada usuário. Isso nos permitiu distribuir nossa marca perfeitamente para todas as velocidades de conexão e latências, se adequando a cada usuário!

O logotipo antigo, com suas serifas intricadas e um arquivo maior, requeria que disponibilizássemos uma aproximação textual do logo para conexões lentas; já o novo logo vem em tamanho reduzido e sua consistência tem um tremendo impacto quando consideramos o objetivo do Google de se tornar mais acessível e útil para todos os usuários do mundo!

https://g-design.storage.googleapis.com/production/v5/assets/g-low-bandwidth.mp4

 

Por: The Rivalry e Temporal Cerebral Design

 

Tags: Criatividade, Design, Empresas, Google, identidade visual, Logo, Logotipo, marca, Processo Criativo
Compartilhar este post
  • Compartilhar no Facebook
  • Compartilhar no Twitter
  • Compartilhar no Google+
  • Compartilhar no Pinterest
  • Compartilhar no Linkedin
  • Compartilhar no Tumblr
  • Compartilhar no Vk
  • Compartilhar no Reddit
  • Compartilhar po Email
Talvez você goste dos artigos
Qual cliente é você? Tipos de Cliente
video_na_publicidade (1) 5 motivos para investir no Vídeo Marketing
Agência_de_propaganda_cariri Termos usados no Design e na Publicidade.
instagram-novo-logo Nova identidade visual do Instagram
Untitled-1 Impresso ou digital: em qual material devo investir ?
POSTAGEM_PADRAO-01 Processo Criativo
logotipo O que é um Logotipo?
Agência_de_propaganda_cariri Pequenas e médias empresas precisam investir em marketing digital.

Tópicos recentes

  • Crato 253 Anos – Logo Promocional
  • Publicidade X Propaganda, qual a diferença?
  • Instagram lança perfil para empresas
  • A evolução das marcas mais famosas do mundo
  • Mock-up de Jornal

Comentários

    Arquivos

    • junho 2017
    • junho 2016
    • maio 2016
    • abril 2016
    • março 2016
    • fevereiro 2016
    • janeiro 2016
    • novembro 2015
    • outubro 2015
    • setembro 2015
    • agosto 2014

    Categorias

    • Agência de Publicidade
    • Branding
    • Clientes
    • Design
    • Digital
    • Downloads
    • Facebook
    • Inspiração
    • Instagram
    • Logotipos
    • Marketing Digital
    • Mock-Up
    • Propaganda
    • Publicidade
    • Social Media
    • Tipografia
    • Vídeo marketing
    • Vídeos
    • whatsApp

    Menus

    • Início
    • Sobre
    • Serviços
    • Portfólio
    • Clientes
    • Contato
    • Blog Balaiu’s
    Popular
    • Crato 253 anosCrato 253 Anos – Logo Promocional17 de junho de 2017 - 17:28
    • Agência_de_propaganda_caririPequenas e médias empresas precisam investir em marketing...21 de setembro de 2015 - 15:07
    • Agência_de_propaganda_caririMas afinal o que é marketing digital ?21 de setembro de 2015 - 19:37
    • Agência_de_propaganda_caririTermos usados no Design e na Publicidade.24 de setembro de 2015 - 03:27
    Recente
    • Crato 253 anosCrato 253 Anos – Logo Promocional17 de junho de 2017 - 17:28
    • publicidade_e_propaganda_balaiusPublicidade X Propaganda, qual a diferença?13 de junho de 2016 - 12:03
    • -instagram__3Instagram lança perfil para empresas31 de maio de 2016 - 22:26
    • A evolução das marcas mais famosas do mundo30 de maio de 2016 - 12:02
    Comentários
    Tags
    Agencia de Propaganda agencia de publicidade Agência Balaio balaiu's Balaiu's Comunicação Branding Cartão de visita Cartões de Visitas Criativos Clientes convida Criatividade Design Designer Diagramação Download emojis emoticons Empresas Facebook Folder Google identidade identidade visual Inspiração Logo Logotipo marca Marcas marketing Marketing Digital Mock-up OK Locações Processo Criativo publicidade Publicidade no Cariri reactions Revista Revista Charm Revista O Povo Sites social media Tipografia Vídeos WhatsApp
    Siga a pasta Anúncios de Balaiu's no Pinterest.
    © Copyright 2018| Balaiu's Comunicação
    • Facebook
    • Twitter
    • Instagram
    • Youtube
    • Pinterest
    • Gplus
    • Behance
    O que é um Logotipo? logotipo Qual cliente é você? Tipos de Cliente
    Scroll to top