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.

uielements01 25 ejemplos de elementos de interfaz de usuario

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.

uielements02 25 ejemplos de elementos de interfaz de usuario

Makr Carry Goods

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

uielements03 25 ejemplos de elementos de interfaz de usuario

Helms Workshop

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

uielements04 25 ejemplos de elementos de interfaz de usuario

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.

uielements05 25 ejemplos de elementos de interfaz de usuario

Rottefella

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

uielements06 25 ejemplos de elementos de interfaz de usuario

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.

uielements07 25 ejemplos de elementos de interfaz de usuario

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.

uielements08 25 ejemplos de elementos de interfaz de usuario

Tokyo Digital

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

uielements09 25 ejemplos de elementos de interfaz de usuario

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.

uielements10 25 ejemplos de elementos de interfaz de usuario

We Love Creativity

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

uielements11 25 ejemplos de elementos de interfaz de usuario

Boob Baby

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

uielements12 25 ejemplos de elementos de interfaz de usuario

Creativepayne

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

uielements13 25 ejemplos de elementos de interfaz de usuario

Shelly Cooper Design

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

uielements14 25 ejemplos de elementos de interfaz de usuario

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.

uielements15 25 ejemplos de elementos de interfaz de usuario

efingo

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

uielements16 25 ejemplos de elementos de interfaz de usuario

Dark Sky Magazine

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

uielements17 25 ejemplos de elementos de interfaz de usuario

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.

uielements18 25 ejemplos de elementos de interfaz de usuario

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.

uielements19 25 ejemplos de elementos de interfaz de usuario

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.

uielements20 25 ejemplos de elementos de interfaz de usuario

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.

uielements21 25 ejemplos de elementos de interfaz de usuario

Alexandru Cosmin

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

uielements22 25 ejemplos de elementos de interfaz de usuario

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.

uielements23 25 ejemplos de elementos de interfaz de usuario

Sanctuary T Shop

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

uielements24 25 ejemplos de elementos de interfaz de usuario

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.

uielements25 25 ejemplos de elementos de interfaz de usuario

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

Licencia Creative Commons
25 ejemplos de elementos de interfaz de usuario por AlmacenPlantillasWeb, a excepción del contenido de terceros y de que se indique lo contrario, se encuentra bajo una Licencia Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain Licencia.

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…….