25 ejemplos de elementos de interfaz de usuario

Lista de 25 sitios web que saben resolver los elementos de interfaz de usuario para generar una experiencia agradable a sus visitantes. Todos sus elementos, menús desplegables, cajas de búsqueda, formularios, etc., están bien diseñados, posicionados y planificados en el contexto de cada uno de los sitios.

En casi todos ellos destaca la sencillez y limpieza de sus diseños, la efectividad en los encabezados, pies de página y botones de acción.

Cualquiera de ellos nos puede servir para encontrar la inspiración en el diseño de una página web creativa.

Todo un año con Talento

Buen ejemplo de una página sencilla pero efectiva, que permite navegar a los visitantes con solamente algunos clicks del ratón.

25 ejemplos de elementos de interfaz de usuario: 01

Mark Hobbs

Diseño limpio y atractivo que permite a los usuarios acceder a cada sección del sitio con un solo click. Focalizada en los colores y en la tipografía.

25 ejemplos de elementos de interfaz de usuario: 02

Makr Carry Goods

Diseño web limpio y minimalista basado en imágenes y elementos deslizantes.

25 ejemplos de elementos de interfaz de usuario: 03

Helms Workshop

Otro diseño limpio y minimalista, focalizado en los colores y en los menús verticales desplegables.

25 ejemplos de elementos de interfaz de usuario: 04

Girl Scouts

Diseño web resuelto en base a la tipografía, los esquemas de color y fotografías de gran tamaño. Menús muy orientados a la usabilidad y a la facilidad de manejo por los visitantes al sitio web.

25 ejemplos de elementos de interfaz de usuario: 05

Rottefella

Este diseño web intenta focalizar la atención del visitante en el contenido mediante el uso de los esquemas de color.

25 ejemplos de elementos de interfaz de usuario: 06

Jewell & Ginnie

Ejemplo de un menú realmente sencillo y agradable en la cabecera de la página. Destaca el botón de suscripción a las newletters en el pié de página (no se ve en la ilustración) que difícilmente pasa desapercibido para el usuario que quiera registrarse.

25 ejemplos de elementos de interfaz de usuario: 07

iconSweets2

Este diseño busca mostrar la colección de iconos que ofrece a sus visitantes y permitir su descarga de forma sencilla. Por esta razón focaliza la atención del usuario en el cuadro de visualización de las imágenes y en el gran botón que permite su download.

25 ejemplos de elementos de interfaz de usuario: 08

Tokyo Digital

Destacan los menús de navegación y los efectos aplicados sobre ellos.

25 ejemplos de elementos de interfaz de usuario: 09

Quotezuki

Encabezado de página con todos los elementos necesarios para la navegación, la búsqueda de información en el sitio y los enlaces a los elementos importantes del mismo. Muy orientado al usuario.

25 ejemplos de elementos de interfaz de usuario: 10

We Love Creativity

Diseño muy limpio, con énfasis en la navegación y en la funcionalidad de suscripción a las newsletter.

25 ejemplos de elementos de interfaz de usuario: 11

Boob Baby

Encabezado sencillo con un menú fácil de utilizar mediante botones.

25 ejemplos de elementos de interfaz de usuario: 12

Creativepayne

Efectos muy conseguidos en el encabezado y los botones para facilitar una navegación sencilla.

25 ejemplos de elementos de interfaz de usuario: 13

Shelly Cooper Design

Diseño limpio, orientado a la navegación horizontal y con efectos muy agradables.

25 ejemplos de elementos de interfaz de usuario: 14

InfinVision

Encabezado limpio y minimalista con agradables efectos en un menú elegante. El formulario en el pie de página (no visible en la ilustración) busca la mayor eficacia mediante el imágenes y un color agresivo.

25 ejemplos de elementos de interfaz de usuario: 15

efingo

Diseño focalizado en la tipografía, la simplicidad y los efectos en el menú de navegación.

25 ejemplos de elementos de interfaz de usuario: 16

Dark Sky Magazine

Layout basado en un grid con imágenes y botones de acción bien distribuidos.

25 ejemplos de elementos de interfaz de usuario: 17

OrangeYouGlad

Diseño limpio donde destaca el menú de navegación con efectos muy llamativos. El slider donde se muestra el portfolio focaliza la atención del usuario.

25 ejemplos de elementos de interfaz de usuario: 18

Cicero

Esquema de color muy elegante. Encabezado y un menú de navegación brillantemente resuelto. Como en ejemplos anteriores, en el pie de página incluyen un llamativo formulario de contacto.

25 ejemplos de elementos de interfaz de usuario: 19

Little Black Dress Society

Agradable menú desplegable compuesto con botones grandes para facilitar su uso que muestran información relevante al pasar el ratón sobre ellos. El pie de página está bien logrado, con un menú y los enlaces a redes sociales.

25 ejemplos de elementos de interfaz de usuario: 20

Virb

Encabezado y pie de página bien resueltos mediante efectos muy sutiles. Destacable el detalle de los iconos semi-ocultos en la zona de la imagen principal.

25 ejemplos de elementos de interfaz de usuario: 21

Alexandru Cosmin

Diseño basado en el esquema de color, en los menús de navegación desplegables y en las imágenes centrales.

25 ejemplos de elementos de interfaz de usuario: 22

AIGA

Diseño en grid basado en imágenes y elementos tipográficos. Destacable el menú horizontal en el encabezado, que también incluye la caja para realizar búsquedas en el sitio.

25 ejemplos de elementos de interfaz de usuario: 23

Sanctuary T Shop

Ejemplo de un buen diseño de encabezado, menú de navegación, esquema de color y caja de búsqueda.

25 ejemplos de elementos de interfaz de usuario: 24

Girl Scouts

Encabezado de página bien resuelto, con efectos aplicados al menú y a los elementos mostrados en el bloque de productos mediante etiquetas. Los botones de acción están diseñados con un color que difícilmente permite pasarlos por alto.

25 ejemplos de elementos de interfaz de usuario: 25

Fuente: 25 Fresh Examples of Beautiful UI Elements – Codrops.

CC BY-NC-ND 4.0
25 ejemplos de elementos de interfaz de usuario by AlmacenPlantillasWeb is licensed under a Licencia Creative Commons Atribución-NoComercial-SinDerivar 4.0 Internacional.

Trackbacks

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Lista de 25 sitios web creativos que saben resolver los elementos de interfaz de usuario para generar una experiencia agradable a sus visitantes. Todos sus elementos, menús desplegables, cajas de búsqueda, formularios, etc…….