Tem um quadro do René Magritte em que um homem aparece de terno, chapéu e gravata, parado na frente do mar. Até aí, retrato normal. Só que tem uma maçã verde enorme flutuando bem na frente do rosto dele.
Você reconhece tudo que está ali. O homem, a roupa, o céu, a maçã. Nenhuma peça é estranha sozinha. O problema é que alguém colocou uma fruta no lugar em que deveria existir uma cara.
E o cérebro não gosta de deixar isso quieto.
Guarda essa maçã aí que ela volta no fim.
Eu comecei a pensar nisso porque reparei que muito site que se chama de surrealista faz sempre a mesma coisa. Fundo preto, objeto 3D brilhando, uma esfera voando e alguma fonte toda torta. Bonito? Às vezes. Surreal? Aí já é outra conversa.
Porque surrealismo nunca foi só deixar uma coisa esquisita.
O movimento queria entrar num lugar que a razão não alcançava
O surrealismo apareceu primeiro na literatura, no fim da década de 1910 e começo dos anos 1920. A ideia era encontrar um jeito de criar sem deixar a parte racional da cabeça controlar tudo. Sonho, associação livre, acaso, pensamento que aparece antes de alguém arrumar ele pra ficar apresentável.
Eles chamavam uma dessas práticas de automatismo. Era escrever ou desenhar deixando a mão continuar antes da razão decidir se aquilo fazia sentido. Meio como rabiscar durante uma ligação e só depois perceber que nasceu uma forma no papel.
Só que tinha outro caminho também. Artistas como Magritte e Dalí pintavam coisas impossíveis com uma precisão quase fotográfica. A técnica fazia você acreditar na imagem por um segundo. A combinação fazia você desconfiar dela no seguinte.
É essa segunda parte que eu acho mais interessante pro design de uma página.
O surreal não precisa ser uma coisa que você nunca viu. Às vezes ele funciona melhor quando usa duas coisas que você conhece muito bem, só que juntas de um jeito que nunca deveriam estar.
Uma maçã e um rosto. Uma locomotiva saindo de uma lareira. Um céu dentro de um quarto.
Num site, essa lógica começa pela escala.
A primeira regra que dá pra quebrar é o tamanho
Sabe quando um produto aparece tão grande na abertura que quase deixa de ser produto e vira paisagem? Ou quando uma letra ocupa a tela inteira e uma pessoa passa por dentro dela?
Isso é uma coisa normal no tamanho errado. E tamanho errado chama atenção pra caramba.
Uma garrafa fotografada do jeito comum continua sendo uma garrafa. Coloca ela maior que um prédio e a pessoa precisa olhar de novo. Não porque esqueceu o que é uma garrafa, mas porque a relação dela com o resto do mundo mudou.
No site isso pode servir pra mostrar importância, obsessão, desejo, peso. Um relógio gigante não está só exibindo o produto. Está dizendo que o tempo manda naquela história. Uma boca ocupando a tela inteira não é só retrato. Vira entrada, ameaça, convite, depende do que aparece depois.
Só que escala sozinha vira truque rápido. Depois de três objetos gigantes, o cérebro já entendeu a piada.
Aí entra a combinação.
Juntar duas coisas distantes cria uma terceira ideia
Essa é a parte mais gostosa. Você pega uma imagem que fala uma coisa, coloca do lado de outra que fala algo completamente diferente e deixa a pessoa resolver a briga.
Uma nuvem dentro de um escritório. Um peixe nadando no corredor de um banco. Uma cadeira feita de água. Você não precisa escrever liberdade, rigidez ou instabilidade embaixo. A combinação já começa a contar.
E repara que eu falei começa. A imagem abre uma ideia, não termina ela. Se o resto da página não continuar o raciocínio, vira só uma montagem bonita largada no topo.
É o mesmo problema do prato bonito sem tempero no MasterChef. O jurado olha, acha lindo, prova e não tem nada. E aí não adianta explicar o empratamento por quinze minutos, né.
Num bom site, a imagem impossível precisa ter relação com a mensagem. Se a empresa promete tirar peso de um processo, talvez o formulário esteja literalmente flutuando. Se o produto muda a percepção de tempo, talvez a página envelheça conforme você rola. Se a marca fala de ideias que se conectam, dois objetos separados podem virar um só quando se encontram no centro da tela.
O efeito deixa de ser decoração quando termina uma frase que o texto começou.
E se a própria página se comportar como um sonho?
Até aqui eu falei de imagem parada. Só que site tem uma vantagem que Magritte não tinha. A pessoa encosta, move, clica e rola.
Uma porta pode abrir quando o cursor chega perto. Um objeto pode perder gravidade. O chão pode virar parede no meio da rolagem. Uma foto pode começar como retrato e terminar como textura de outra seção.
No sonho, a gente aceita essas mudanças sem pedir manual. Você entra numa casa e, do nada, está na escola onde estudou quinze anos atrás. Ninguém mostra uma tela de carregamento no meio. A lógica é emocional, não física.
Uma página surreal pode fazer a mesma coisa. A transição não precisa imitar o mundo real, mas precisa preservar alguma continuidade. A cor continua. A forma continua. Uma palavra atravessa a mudança. Tem sempre alguma coisa segurando sua mão enquanto o resto troca de lugar.
Sem isso, não vira sonho. Vira aba travada.
E esse é o ponto em que a vontade de impressionar costuma passar um pouco do ponto.
Estranho não pode virar difícil
O visitante ainda precisa entender onde clicar, como voltar, o que está sendo oferecido e o que acontece depois. Dá pra entortar o espaço. O botão de contato não precisa fugir da pessoa.
Na minha visão, o melhor uso do surrealismo no design acontece quando a forma quebra uma regra e a função segura as outras. A imagem pode desafiar gravidade, escala e perspectiva. A navegação continua clara. O texto pode aparecer de um lugar impossível. Continua legível.
Se tudo grita, nada surpreende. Se tudo se move, nenhum movimento importa. E se tudo parece sonho, a pessoa começa a procurar o botão de acordar.
O comum é parte do surreal. Precisa existir um chão antes de alguém conseguir puxar ele debaixo do seu pé.
A maçã nunca foi só uma maçã
Lembra da imagem lá do começo?
O homem de Magritte continua vestido como homem, parado como homem e ocupando um cenário perfeitamente possível. A obra inteira segura a realidade no lugar. Aí uma maçã cobre o rosto.
Uma regra quebrada. O resto intacto.
Talvez seja por isso que a imagem fica na cabeça. Ela não entrega um mundo completamente desconhecido. Entrega o nosso mundo com uma coisa fora do lugar, e deixa a gente tentando descobrir por quê.
Quando surrealismo entra num site, eu acho que a melhor pergunta não é o quanto a página consegue ficar estranha. É qual regra vale a pena quebrar pra dizer uma coisa que o layout normal não conseguiria.
Às vezes a resposta é escala. Às vezes é movimento. Às vezes é colocar uma maçã onde deveria ter um rosto.
O importante é que, depois do susto, ainda exista alguma coisa pra entender.