Inspiración de diseño UI/UX para 2020

Escrito por Cris Busquets. Publicado en Recursos

Inspiración en diseño UI/UX

En la Comunidad de Slack de uiFromMars (únete a ella aquí) recopilamos hace unos días los mejores sitios para buscar inspiración en diseño UI/UX.

Y no se me ocurre mejor cierre de año que hacerlas todas públicas en un artículo que pueda ir creciendo poco a poco.

  • Patterns de diseño en iOS y Android
  • Landing Pages
  • Portfolios
  • Inspiración de diseño UI general
  • Diseño de e-mails

Patterns de diseño en iOS y Android

Si lo que buscas es “cómo podrías diseñar” un onboarding, pantalla de login, un listado de artículos, mapas, configuración… necesitas estos recursos que siguen.

Mobbin

Encontrarás patrones solo de iOS. Están muy bien categorizados, ya que puedes filtrar por categoría, patrones (patterns) y elementos concretos.

Mobbin - Inspiración en diseño iOS

https://mobbin.design/patterns

Pttrns

Como indica el propio nombre, aquí tienes… patterns. Esta vez, para iOS y Android. El filtro no es tan bueno como Mobbin, pero aun así hay muchos recursos que puedes utilizar como inspiración para diseñar tu UI.

Pttrns - Patrones de diseño iOS y Android

https://pttrns.com/

Nicely Done

Los patrones no están categorizados entre iOS y Android, pero encontrarás información de ambos 😉

Nicely Done - Inspiración diseño UI

https://nicelydone.club/patterns/

UI Sources

Personalmente soy muy fan de este recurso en particular. En UI Sources encontrarás micro-interacciones, capturas y descripciones de las aplicaciones que más se usan, flows, apps similares a lo que estás buscando, etc.

UI Sources - Flows, micro-interacciones e inspiración diseño UI

https://www.uisources.com/

Landing Pages

Si tienes que diseñar una sola página para un producto o servicio, aquí encontrarás los enlaces que más te inspirarán.

Lapa Ninja

El nombre es curioso, pero dejando esto de lado, es uno de los mejores recursos que encontrarás para diseñar landing pages. Actualmente hay más de 2.400 capturas, así que seguro que encuentras algo que te sirva 🙂

Lapa Ninja - Inspiración de Landing Pages

https://www.lapa.ninja/

Landing Folio

Parecida al recurso anterior, pero tiene mejores filtros para encontrar el tipo de landing page que necesitas.

Landing Folio - Inspiración de Landing Pages por categorías

https://www.landingfolio.com/

Portfolios

Si estás en proceso de rehacer tu portfolio, más allá de leerte este artículo que escribí, también es importante que consultes estas fuentes de inspiración.

Bestfolios

El nombre es bastante descriptivo por sí solo… Aquí podrás filtrar por portfolios de diseño gráfico, motion, UI/UX, etc.

Best Folios - Inspiración para hacer tu portfolio

https://www.bestfolios.com/portfolios

Gifolio

Esta web es bastante particular, porque presenta todos los portfolios (de diseño UI/UX, pero también impreso, editorial, etc.) en gifs animados. Vale la pena que lo mires 😉

Gifolio - Inspiración de portfolios... en gifs

https://gifolio.design/

Creative Portfolios

Sí, lo sé. Otro nombre que no requiere demasiada explicación. Todavía no hay muchos portfolios, pero los que hay, molan.

Creative Portfolios - Portfolios creativos (inspiración)

https://www.creative-portfolios.com/

Inspiración de diseño UI general

Si no buscas nada específico y solo necesitas inspiración para diseñar, échale un ojo a todos estos enlaces. Quizás algunos ya los conoces, pero me apuesto lo que quieras que alguno habrá que no hayas visitado nunca 😉

UI Jar

Prometen solo diseños “escogidos a mano”, con lo cual no encontrarás nada que parezca sacado de Dribbble y no esté implementado. Y mola mucho 🙂

UIJar - Inspiración en diseño UI y UX

https://uijar.com/

Siiimple

La mayoría de proyectos son “minimalistas”, pero aun así hay algunos que son muy interesantes. Échales un vistazo.

Siiimple - Inspiración diseño UI minimalista

https://siiimple.com/

Trend List

No conocía este recurso y la verdad es que me ha encantado. Quizás es por lo brutalista que es la web, pero el contenido me ha enganchado. En Trend List encontrarás “cosas”. Así, en general. No te defraudará.

Trend List - Inspiración UI contemporánea

https://trendlist.org/

Site Inspire

Un clásico de la vida… pero de donde puedes sacar muchísima inspiración, sea lo que sea lo que estás buscando.

Site Inspire - Inspiración de diseño web UI

https://www.siteinspire.com/

Brutalist Websites

Como indica el nombre, en esta página se recopilan webs hechas con estilo brutalista. Es ideal si quieres ir más allá y no consumir tanto contenido flat (que a veces es muy soso).

Brutalist Websites - Inspiración diseño brutalista

https://brutalistwebsites.com/

hhtpster

Al estilo de Site Inspire, pero con proyectos más creativos o “diferentes”. Usa la lista de etiquetas que hay oculta a la derecha para filtrar por tipo y estilo 😉

httpster - Inspiración UI "hipster"

https://httpster.net/

Collect UI

Más de 14.000 diseños entre los que husmear. Algunos muy buenos, otros más sencillos, pero de todos podrás sacar algo para ti 🙂

Collect UI - Inspiración de elementos UI y diseños

http://collectui.com/designs

Diseño de e-mails

Pese a que pareció que con las redes sociales se dejarían de enviar tantos e-mails… siguen siendo muy vigentes. Si tienes que diseñar un mail, esto es lo que necesitas.

Really Good Emails

Aquí hay cerca de 5.000 diseños de e-mails recopilados. Están categorizados dependiendo de si son promocionales, puntuales, correos de bienvenida, etc.

Really Good Emails - Inspiración para el diseño de e-mails

https://reallygoodemails.com/

¿Falta alguna?

Si usas alguna otra página de recursos, compártela en los comentarios 🙂


Más artículos que te interesarán:

Las mejores 12 herramientas para diseño UI

Podcasts de diseño UI, UX y producto digital

Dónde aprender diseño UI/UX

Deja tu comentario

Tu email no será publicado. Los campos con asterisco son obligatorios.

Únete a 2.548 diseñador@s y recibe los mejores contenidos para crecer.


No te enviaré spam. Recibirás un correo semanal y descuentos promocionales. Podrás darte de baja cuando quieras.