Ejemplos de paginas web que hacen buen uso de los botones fantasma

0

Los botones fantasma son una tendencia reciente, que se ha popularizado gracias al éxito del minimalismo. Se podría decir que el 2014 fue el año de los botones fantasma y es probable que los hayas visto en diversos sitios web. En el 2015 se espera que esta tendencia cobre más fuerza y tal vez hasta evolucione de manera inesperada. En este artículo hemos seleccionado algunos ejemplos de paginas web que presentan un buen uso de los botones fantasma. Esperamos que te sirva como material de referencia para tus próximos proyectos.

Bilder

Ejemplos de paginas web que hacen uso de botones fantasma: Bilder

Este sitio coloca el botón en el centro. Usa muchos espacios en blanco y el botón es mucho más grande de lo usual.

Harbr

Ejemplos de paginas web que hacen uso de botones fantasma: Harbr

Este sitio presenta 3 botones fantasma, uno por cada sección. El botón más grande es el de la página de inicio. Se han redondeado los bordes del botón.

Art of the Cap

Ejemplos de paginas web que hacen uso de botones fantasma: Art of the cap

Este sitio web tiene una alineación bastante peculiar de su botón. Ha dividido la pantalla en recuadros, cada uno de ellos tiene una fotografía distinta, pero el primer recuadro presenta un relleno negro de fondo, tanto el botón como la tipografía son blancos.

The Distance

Ejemplos de paginas web que hacen uso de botones fantasma: The Distance

Este sitio web presenta 3 botones fantasma colocado en una línea. Los botones son de igual tamaño, aunque se diferencian por color. A pesar de esto se pueden leer a la perfección.

Union Room

Ejemplos de paginas web que hacen uso de botones fantasma: Union Room

Este sitio presenta dos botones en su página de inicio. Ambos son del mismo tamaño y color. Adicionalmente presenta varios otros botones fantasma en todo el sitio, todos posee el mismo estilo de bordes redondeados.

Visage

Ejemplos de paginas web que hacen uso de botones fantasma: Visage

Este sitio presenta dos botones en su página de inicio. Uno de ellos presenta un relleno de color y es más largo que el que se encuentra a su lado, que es un botón fantasma. Se establece bien la jerarquía entre los botones debido a la importancia que se le da al botón principal.

Parallax

Ejemplos de paginas web que hacen uso de botones fantasma: Parallax

Este sitio presenta como fondo una imagen del equipo trabajando. Presenta diversos colores superpuestos en transparencias. El botón se encuentra alineado en el centro, bajo la frase que sirve para captar la atención de la audiencia.

Sputnik

Ejemplos de paginas web que hacen uso de botones fantasma: Sputnik

Este sitio web combina los colores principales del sitio (negro y amarillo) para crear su botón fantasma. Las líneas que delimitan el rectángulo son amarillas y se ha elegido una tipografía de bastones gruesos para el texto del botón.

Transitions

Ejemplos de paginas web que hacen uso de botones fantasma: Transitions

Este sitio presenta un video como fondo. En la parte superior, en el centro se ubica el logo y bajo éste un texto. Aunque el texto es un poco largo para una página de inicio se emplean los espacios en blanco para no abrumar al usuario. Tras el texto vemos el botón fantasma que hace uso de la misma tipografía y el mismo color de ésta.

Paul Von Excite

Ejemplos de paginas web que hacen uso de botones fantasma: Paul von Excite

Este sitio minimalista y sencillo nos presenta en la página de inicio una muestra de algunos trabajos del tipógrafo. Bajo este pequeña muestra vemos el botón fantasma que emplea una tipografía sencilla. El botón es mucho más largo de lo usual, teniendo en consideración el puntaje de la tipografía.

Grid Style Sheets

Ejemplos de paginas web que hacen uso de botones fantasma: Grid Style Sheets

Este sitio emplea en su página de inicio los colores complementarios amarillo y púrpura. Como fondo emplea un amarillo pastel y para la tipografía y demás elementos decorativos el púrpura. Tiene dos botones fantasma en la pantalla de inicio, los dos tienen el mismo peso visual. Adicionalmente, presenta otro botón en la parte lateral izquierda.

Weather Jams

Ejemplos de paginas web que hacen uso de botones fantasma: Weather Jams

Este sencillo sitio nos saluda con una imagen que se encuentra en la parte lateral izquierda. En la parte derecha vemos dos botones fantasmas. Los dos son más grandes de lo usual y presentan los bordes bastante redondeados, tan redondeados que han dejado de ser un rectángulo para convertirse en una cápsula.

Unsung

Ejemplos de paginas web que hacen uso de botones fantasma: Unsung

Este sencillo sitio presenta dos botones fantasma al final de su página de inicio. Es una composición sencilla, vemos que gran parte de la pantalla lo ocupa el logo y bajo este se encuentran los botones fantasma. Ambos botones tienen el mismo peso.

The Web is…

Ejemplos de paginas web que hacen uso de botones fantasma: The Web is...

Este sitio presenta un solo botón fantasma, después de un breve texto introductorio. Los bordes que delimitan el botón son redondeados y la tipografía es de bastones gruesos, en contraste con la otra tipografía que vemos en el título y en el texto de apoyo.

Stand In

Ejemplos de paginas web que hacen uso de botones fantasma: Stand In

Este sitio presenta dos botones, se destaca uno de ellos mediante el color. Se usa una tipografía serif cursiva de bastones delgados. Los bordes del botón son redondeados.

Hike

Ejemplos de paginas web que hacen uso de botones fantasma: Hike

Este sitio presenta dos botones fantasma, ambos poseen el mismo mensaje. Primero se ha colocado el botón la parte superior derecha. Destaca de los otros elementos del menú justamente porque se ha colocado un recuadro a su alrededor que da a entender que es un botón. El otro botón se ha colocado en el menú adicional que se encuentra tras el slider de imágenes.

Show my app

Ejemplos de paginas web que hacen uso de botones fantasma: Show my app

Este sitio presenta como fondo una colorida e inusual gradiente de verde a morado. Se usa una tipografía serif. Los botones poseen bordes redondeados y se ha empleado una tipografía de bastones ligeramente más gruesos que la usada en el texto de apoyo.

Iuvo

Ejemplos de paginas web que hacen uso de botones fantasma: Iuvo

Este sitio hace uso de tres botones fantasma, todos del mismo tamaño. Este estilo se ve reforzado en el uso de los iconos que acompañan cada botón y no poseen relleno alguno.

Guillaume Marq

Ejemplos de paginas web que hacen uso de botones fantasma: Guillaume Marq

Este sitio presenta un video como fondo, lo que en ocasione dificulta la lectura del texto, en particular el título que se encuentra en una tipografía de bastones delgados. El botón fantasma es pequeño y la tipografía usada es de bastones delgados.

Comparte este post.
Artículos Recomendados Para Tí:

Escribe tu comentario