Logo Design For Responsive Websites

By Jon Tarr
April 14th, 2016

O logo moderno tem que trabalhar mais do que nunca. No passado, um logotipo de empresa era, talvez,
destinado simplesmente a ser um sinal de loja impresso em anúncios de jornal local. O logotipos de hoje
tem que trabalhar com uma crescente variedade de dispositivos inteligentes com tamanhos de tela e
resoluções diferentes.

Muitas vezes os logos acabam sofrendo dentro do design de sites responsivos. Muitos não foram
projetados com estruturas sensíveis e tamanhos variáveis em mente, e estão apenas redimensionados para
caber no espaço disponível que foi fornecido para eles.

No entanto, existem marcas que ficam bem dentro do espaço Web responsivo. Essas marcas foram
projetadas com cuidado e com a consideração de como eles vão se adaptar dentro da alteração de
formatos. Os melhores logotipos são simples e flexíveis, com vários formatos e opções de layout para
que quando um site é otimizado para um dispositivo, a marca também é otimizada para o espaço
alocado para ela.

Neste artigo, vamos ver porque um design de logotipo simples, flexível e versátil tornou-se tão
importante. Líder do setor, nascido a partir da evolução dos dispositivos, marcas como Twitter,
Facebook, Spotify e Google estão em constante aperfeiçoamento de suas marcas, devido à concepção do
design web responsivo e o impacto crescente do mercado de dispositivos móveis. Podemos considerar
suas soluções quando se pensa em nossas próprias marcas, e em como otimizar nossos logotipos para
prosperarmos dentro do web design responsivo.

Um fato simples

O cérebro humano se lembra de formas simples com muito mais facilidade do que as formas complexas.
Um dos fatores mais comuns que separa um bom logotipo de um logotipo ruim é o elemento da
simplicidade. Qualidade, de memorização fácil, marcas de sucesso são sempre simples.
Este conceito não é nada novo e era conhecido muito antes do web design responsivo começar a
empurrar o invólucro da simplicidade. Olhe para a primeira tentativa da Apple de um logotipo de 1976,
projetado por um engenheiro, Ron Wayne. Tão criativo como era (especialmente para um
engenheiro) era tão complexo e sem surpresa que foi substituído apenas um ano mais tarde.
Steve Jobs encomendou ao designer gráfico profissional Rob Janoff para projetar algo simples, moderno
e de memorização fácil. As cores podem ter variado, mas esta forma básica manteve-se inalterada há
mais de 30 anos e se tornou um dos logotipos mais icônicos e reconhecíveis da história. A simplicidade
deste design permite que ele funcione bem em qualquer tamanho em praticamente qualquer coisa.
Perfeito para web design responsivo, apesar de ter sido feito décadas antes da disponibilidade de tal
tecnologia.

No entanto, o erro da marca original de Apple é uma questão comum e recorrente na maioria das
empresas. Empresas iniciantes de pequeno porte normalmente têm um orçamento limitado. Para evitar
custos, encarregam pessoas não profissionais para o design do logotipo. Pessoas que não são designers
profissionais de logotipos geralmente sentem-se compelidos a adicionar coisas para criar alguma coisa.

Considere o logotipo "Great Lakes Golf" acima à esquerda. Alguém passou muito tempo acrescentando
coisas para que o design. O resultado é bastante complexo e não vai ficar bem definido com as
dimensões reduzidas; Considerando o logotipo "Skype" à direita, é simples, limpo e de fácil
memorização. Será possível trabalhar em qualquer tamanho e é escalável para pequenas áreas em
dispositivos móveis.
Na largura completa você pode identificar os elementos do esporte da bola sobre o logotipo da Great
Lakes Golf. Mas em escala abaixo de 50% é muito pouco legível. À direita, o logotipo Skype escala
muito bem para baixo. E se o espaço fica muito pequeno, a marca Skype é flexível o suficiente para
largar o "wordmark" completamente.

Esta comparação simples mostra como o design simples, limpo e versátil vence arranjos mais complexos.
O logotipo da "Great Lakes Golf" adequado a seu tamanho original fica muito bem. No entanto, no
contexto de um site responsivo, a incapacidade de escala limpa se torna muito aparente.

Responsividade da indústria da tecnologia

Facebook

marcas com experiência em web estão simplificando seus logotipos para atender web design móvel
responsivo.O Facebook removeu a linha azul fraco do fundo do do seu ícone 'f' em 2013. E em Julho
de 2015 simplificou sua "wordmark" removendo a ascendente na minúscula 'a', trocando para uma
versão mais simples, mais arredondada.

No geral, as outras letras também foram moldadas e refinadas. As alterações podem parecer
insignificantes, mas o raciocínio não é. O Facebook está mudando a sua marca como uma resposta
direta a visualização em dispositivos móveis.

Spotify

Já em 2006 o logotipo original Spotify foi uma mistura do tipo lúdico com pequena onda de elementos
que se perderam quando foi reduzido. Foi redesenhado e simplificado em 2013 para o tipo preto e o
ícone verde com o qual estamos todos familiarizados. Foi agora refinado ainda mais para uma única cor
verde e lisa. Houve alguma confusão expressa sobre a mudança, com alguns a perguntar por que a
palavra Spotify fixo não foi quebrada. No entanto, a mudança é parte de uma atualização maior da
marca Spotify e é bastante óbvio que o fator determinante é a busca de uma maior flexibilidade dentro
do espaço de dispositivos móveis da web.
Google

Outro exemplo é o Google. Enquanto eu estava escrevendo este artigo, o Google apresentou a sua
atualização de logotipo mais recente, sua marca está mais simples ainda. O logotipo do Google evoluiu
para novos níveis de simplicidade, uma vez que enfeitou primeiro nossos navegadores na década de 90.

Nos últimos anos, a marca Google foi gradativamente sendo moldada para o tipo de serifa fina. No
entanto não escalava muito bem dentro do web design responsivo. Então, como outras marcas de
tecnologia, ele foi simplificado para um tipo de letra "sans serif" com um design plano e um amigável e
distintivo ícone 'G'.

Sem palavras

Quando o príncipe mudou seu nome para um símbolo, em 1993, a maioria de nós pensamos que ele
era louco. Mas talvez ele estivesse à frente de seu tempo.
Um número crescente de empresas estão refinando a simplicidade de seus logotipos, que se deslocam no
sentido de um projeto de símbolo liso, simples, sem "wordmark" em tudo.

Lembra-se o tipo de bolha e ilustração de pássaro que é utilizado para compor o logotipo do Twitter?
Com o tempo, o Twitter refinou o logotipo com a remoção de detalhes desnecessários; agora é apenas
uma versão do pássaro muito simplificado. No ícone, 't' minúsculo sem a "wordmark" Twitter, apenas o
logotipo do pássaro.

Naturalmente, estas são todos de marcas bem conhecidas que podem fazer a redução da seus logotipos
para apenas uma simples ícone. Nem todo mundo pode ou deve fazer isso. No entanto, este é um outro
exemplo do efeito do web design responsivo sobre as marcas. Certamente, usando um gráfico como
parte de uma identidade aumenta a flexibilidade da marca para usar em dispositivos móveis.
Movendo-se para frente

Será que isso significa que todos os logotipos vão acabar como simples ícones lisos ou caracteres
tipográficos com sans serif planas? Acho que não. No entanto, há pouca negação da influência do web
design responsivo sobre a marca, e vai ser interessante ver o quão longe isso vai.

O ponto de vista historicamente sagrado que o logotipo de uma empresa é uma forma rígida, que não
deve nunca ser mudado está dando lugar a um novo tipo de liberdade de marca, onde os logos podem
responder e variar. A partir de formatos horizontais para pilhas verticais, de logomarcas para ícones
simples, mesmo mudando cores para atender os escuros e claros dos fundos de tela.

Alguém poderia argumentar que o caminho da marca da indústria de tecnologia não é relevantes para,
digamos, um escritório de advocacia ou um restaurante. No entanto, todas as indústrias vão
eventualmente, acabar dentro do web design responsivo de uma forma ou de outra e se tornar afetados
pela ascensão de dispositivos móveis. Algumas empresas podem se perguntar por que isso
parece não funcionar tão bem para sua marca como faz para Twitter ou Pinterest.

Aqueles que entendem o princípio da construção de simplicidade e abraçam esta abordagem flexível
para a sua marca, irá responder melhor dentro deste novo meio. Pelo menos, como uma marca aparece
quando reduzida em um dispositivo móvel, se tornará um teste básico para qualquer designer de
logotipo ou projeto de branding.

Os designers de logotipos devem ajudar a educar os clientes para abraçar esta nova abordagem flexível,
onde podem ser otimizados dentro de web designs responsivos mantendo a marca consistente. Caso
contrário, vamos testemunhar mais construtores web tomá-los para si mesmos alterando um logotipo
problemático para se adequar ao seu projeto individual. Não é uma solução ideal para qualquer um.
Mantenha-se atento para o nosso próximo prático guia de como fazer em design de logotipo responsivo.