Botão Fantasma

Botão fantasma ou ghost button, são botões retangulares com o interior vazio e transparente, com um linha delimitadora super fina nas bordas e geralmente com um texto no meio utilizando uma fonte light, sem serifa.

Esse é um elemento que pode ser implementado facilmente em diversos websites pela sua simplicidade e por ter um design minimalista e moderno, que se encaixa perfeitamente com o background e não tira a atenção do usuário do conteúdo. O seu uso não é apropriado para todo tipo de site, eles são mais adequados para websites e aplicativos que tem uma interface minimalista e flat, ou que utilizam uma grande foto/imagem se destacando no fundo.

A popularidade vem crescendo devido a preferência que as pessoas estão tendo por um design mais simples, clean e minimalista, que podemos observar também com a ascensão do flat design e material design.

HUD com elementos similares ao Ghost Button

Esse estilo pode ser encontrado também em algumas interfaces futuristas em filmes de ficção científica, como por exemplo o filme Star Trek lançado em 2009, Ender’s Game e Homem de Ferro.

O botão fantasma possui uma aparência elegante e se integra facilmente com muitos outros elementos e estilos básicos que você possa usar no seu site, mas é preciso tomar muito cuidado na hora de utiliza-lo, dependendo da maneira que é colocado pode apresentar problemas de legibilidade. A escolha equivocada de uma imagem de fundo ou a combinação de cores erradas podem resultar em algo péssimo.

Atualmente pode-se encontrar esse tipo de botão em várias páginas da web, (inclusive pode ser encontrado dentro do próprio Medium) e com certeza ainda veremos muito esse padrão visual daqui pra frente.

Tendências Digitais

Leandro Patitucci Pierin

Written by

Tendências Digitais

Observatório de Tendências Digitais da PUCPR foi mantido entre os anos de 2016 e 2018 pelos estudantes da disciplina Laboratório de Tendências de Design Digital e pelo Prof. Dr. Frederick van Amstel (@usabilidoido).

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade