20 sitios útiles para la inspiración del diseño web

En caso de que no lo hayas notado, estamos viviendo una especie de era dorada del diseño web creativo. Atribuiría parte de ello al hecho de que el desarrollo web se ha disparado en popularidad. Pero también el hecho de que las marcas están dispuestas a correr grandes riesgos cuando se trata de crear diseños que llamen la atención.

¿El diseño está impulsado por las ilustraciones? Sabes que eso es una cosa. ¿Secuencias animadas para crear viajes de usuario llamativos en una página? Sí, están creciendo en popularidad. Y luego tienes múltiples subconjuntos de estilos de diseño, como neumorfismo, neobrutalismo y una pizca de enfoques de estilo retro de dibujos animados.

E independientemente de su experiencia en diseño web, siempre es bueno ver lo que hacen los demás. Como tal, para este artículo, voy a enumerar mis sitios web favoritos donde puede encontrar inspiración para el diseño web. Tal vez ya conozca algunos de ellos, y tal vez algunos de estos sean nuevos para usted; no le hará daño tirarlos en su carpeta de marcadores para futuras referencias.

Web, móvil, efectos, maquetas y más

Voy a cubrir mucha variedad en esta publicación.

Incluyendo galerías que se enfocan en diseños móviles, galerías que muestran ejemplos de efectos "especiales" y algunos recursos que se enfocan en maquetas de diseño. En última instancia, estos sitios están destinados a ser navegados cuando busca inspiración, específicamente en el caso de la creación de un sitio web.

1. Lapa Ninja

He tenido a Lapa Ninja en mi barra de marcadores desde que se lanzó por primera vez en Product Hunt, hace 7 años. En estos días, el sitio ha crecido para incluir numerosos recursos para el diseño, pero su objetivo principal de resaltar los mejores diseños de páginas de destino sigue siendo el mismo.

Actualmente, el sitio tiene más de 5.000 páginas de inicio enviadas. Y puede navegar a través de ellos viendo los últimos envíos o filtrando por categoría. También puede filtrar por colores si está buscando diseños que compartan el mismo esquema de color que su diseño próximo/existente.

2. piadoso

Una de las cosas que me encantan de Godly es que realmente se enfoca en diseños de vanguardia. Como dije al principio, una de las tendencias clave en el diseño web en este momento es la animación. Y Godly hace un gran trabajo al resaltar los mejores diseños que implementan estas tendencias.

Tampoco es necesario que visite cada sitio, ya que Godly incorpora videos de 15 a 20 segundos para mostrar el concepto central detrás de cada diseño. Por ejemplo, si algo te llama la atención, puedes visitarlo en ese momento.

3. Sitios web brutalistas

¿Qué es el brutalismo en el diseño? Como dijo tan elocuentemente Kate Moran: “El brutalismo en el diseño digital es un estilo que intencionalmente intenta parecer crudo, desordenado o sin adornos. Se hace eco de los sitios web al estilo de principios de la década de 1990 (piense en Craigslist y Drudge Report). A veces, este aspecto del brutalismo se expresa como un sitio HTML básico, casi desnudo, con enlaces azules y texto Monospace monocromático”.

En cuanto a mí, me encanta un enfoque minimalista del diseño, que también es uno de los elementos que implementan muchos de estos diseños web de estilo brutalista. La única "advertencia" es que todos los diseños se enumeran a la vez en la página de inicio. Siguiendo toda la idea brutalista, supongo.

4. Tarro de interfaz de usuario

UI Jar hace algunas cosas. Primero, es una colección cuidadosamente seleccionada de diseños web inspiradores, que puede filtrar por color, estilo e industria. Pero, además, también puede explorar la sección Branding, que muestra diseños de marca basados ​​en productos. Y, UI Jar también alberga una sección de Colecciones. Las colecciones están dedicadas a mostrar los mejores diseños en una categoría específica, como portafolios, tipografía, etc.

5. HOVERSTATO . ES

hoverstat.es se centra en los tipos de diseño poco ortodoxos, creativos y experimentales. También es un buen recurso para comprobar lo que es posible en el navegador. El sitio ha estado funcionando desde 2012, por lo que hay un catálogo masivo de sitios para explorar. Dicho esto, hoverstat.es publica de vez en cuando , pero esto es en gran parte para limitar su enfoque en diseños verdaderamente únicos y emocionantes.

6. Land-book

Mi característica favorita de Land-book es su extenso sistema de filtrado. Puede restringir sus búsquedas a tipos de sitios web, como cartera o comercio electrónico, y luego puede aplicar filtros como estilos, industria y tipo.

Y la característica que menos me gusta de Land-book es que debes crear una cuenta. No es un factor decisivo, por supuesto, y puede crear uno en segundos con una conexión de Google o Twitter. Registrarse significa que puede ver todos los diseños, pero también guardarlos en un catálogo separado para referencia futura.

7. Amor de una página

Rob Hope lanzó One Page Love en 2008 y, en todo caso, el sitio es un tesoro absoluto tanto para las tendencias de diseño actuales como para ver cómo eran los diseños hace una década.

Todos los listados tienen una captura de pantalla de tamaño completo, que será útil para diseños más antiguos, ya que es probable que algunos sitios se hayan rediseñado por completo o se hayan dado por muertos. Dicho esto, One Page love tiene una excelente interfaz de categorización. También puede suscribirse para recibir actualizaciones con RSS o suscribirse al boletín informativo, que lo mantendrá actualizado con los 10 diseños de una página más recientes.

8. Admira la Web

Admire The Web alberga más de 130 páginas de diseños web inspiradores, con presentaciones que se remontan a hace 11 años. Puede obtener una vista previa de los listados haciendo clic en su nombre (en lugar de en la imagen), pero por lo que puedo decir, las capturas de pantalla solo muestran la primera ventana del sitio.

Hay un montón de etiquetas para revisar, especialmente si está buscando inspiración sobre un tema específico, como pies de página grandes o efectos de paralaje y demás.

9. Comunidad Figma

Todos los diseños comienzan en Figma, ¿verdad? Bueno... en una aplicación de diseño de su elección, de todos modos.

Es solo que Figma realmente ha adoptado el aspecto comunitario de reunir a diseñadores de todo el mundo en una plataforma unificada. Y está funcionando.

Si no fuera por los recursos de la comunidad, Figma también es conocida por su extensa colección de complementos, que mejora enormemente el flujo de trabajo para los diseñadores gráficos. Puede obtener cualquier recurso (archivo, plantilla o complemento) de su página haciendo clic en el botón Obtener una copia , ¡y listo!

10. Galería mínima

El minimalismo en el diseño web se trata de dejar que los espacios en blanco y la tipografía hagan el trabajo pesado. Y esta galería muestra los mejores diseños web minimalistas que puedes explorar y examinar.

El sitio está curado por Piet Terheyden, y no hay "límites" para los diseños presentados en esta galería. Puede encontrar de todo, desde rediseños de marca hasta portafolios personales creativos. En otras palabras, siempre que un diseño se mantenga fiel al minimalismo, existe la posibilidad de que pueda aparecer en este sitio.

11. Mobbín

Es mucho más fácil seleccionar diseños web que para dispositivos móviles. Y por esa razón, un sitio como Mobbin es una bendición si está buscando inspiración para el diseño móvil. Lo más probable es que, si está trabajando en el diseño/rediseño de un sitio web, eventualmente tendrá que realizar mejoras específicas para dispositivos móviles.

En tal caso, Mobbin proporciona probablemente la mejor visión general de lo que las personas y las grandes marcas están haciendo con sus opciones de diseño móvil. E incluso si la mayoría de estos son diseños de aplicaciones móviles, hay muchos elementos pequeños de UI/UX para explorar y aprender.

Todas las listas de Mobbin (más de 500 de ellas) vienen con cientos de capturas de pantalla en la aplicación, tanto para iOS como para Android. Y también guardan un historial, por lo que si una aplicación ha sido rediseñada, puede retroceder en el tiempo y ver cómo era entonces. Suena demasiado bueno para ser verdad, ¿verdad?

Bueno, como usuario gratuito, tiene algunas limitaciones, como la cantidad de colecciones que puede hacer (3 para el nivel gratuito), y no puede aprovechar las funciones de búsqueda/filtros premium.

12. AHORRA

SAVEE es una plataforma de curación de diseño, y diría que es bastante especial en ese sentido. Cubre varios diseños, y si está interesado específicamente en el diseño web, tendrá que buscarlo.

La razón principal para usar esta plataforma es si está buscando inspiración de diseño fuera de lo común. Las plataformas como SAVEE tienden a atraer a un público más específico (en este caso, diseñadores), por lo que la inspiración del diseño puede variar desde proyectos web reales hasta imágenes y fotografías.

Al final del día, incluso las fotografías juegan un papel importante en el diseño, por lo que ver lo que otros están haciendo puede ser un gran punto de partida para nuevas ideas.

13. Driblar

Dribbble sigue siendo fuerte después de todos estos años. Y podría decirse que es la mejor plataforma del mundo para todo lo relacionado con el diseño gráfico. No es raro que los usuarios de Dribbble publiquen ejemplos de diseño que acaban convirtiéndose en tendencia. Y debido a que la plataforma también está fuertemente asociada con la contratación de diseñadores, usted sabe muy bien que los usuarios se esforzarán al máximo para que su diseño se destaque.

14. Comportamiento

Behance es también uno de esos veteranos que se mantienen fuertes. Al igual que Dribbble, esta es una plataforma impulsada por la comunidad para todo tipo de diseñadores. Personalmente, lo que me encanta de Behance es lo refinada que es su función de búsqueda. Puede realizar algunas búsquedas concisas usando nada más que las funciones integradas, que son útiles cuando busca inspiración para un estilo/esquema específico.

15. Awwwwards

Awwwards es una plataforma de diseño/desarrollo que promueve diseños web innovadores y listos para usar, que luego son evaluados por una selección de especialistas. Estos especialistas, el jurado, se eligen cada año de forma independiente y cualquiera puede postularse para formar parte de ese panel.

El sitio ha estado en funcionamiento desde 2014, ¡así que hay mucha historia para explorar! Para todos los listados, los votos emitidos por el jurado son públicos, al igual que los emitidos por los usuarios. El jurado también puede optar por dejar notas, pero esto solo se basa en números, por lo que no hay opiniones reales.

Aún así, Awwwards es muy conocido en la comunidad, y la gente se enorgullece de tener uno de los carteles de Awwwards en su sitio web. Además, debido a lo grande que ha crecido la plataforma a lo largo de los años, ¡también es un buen lugar para atraer a posibles empleadores al mostrar tus propias habilidades!

16. Sitio inspirador

Siteinspire ha procesado más de 7700 presentaciones activas hasta la fecha. Es, como era de esperar, una galería de páginas de inicio que utilizan prácticas de diseño web modernas e interesantes. Pero definitivamente hay algunas características que hacen que esta galería sea única. Una de ellas es la capacidad de filtrar los resultados por diseñador/agencia, a la que se puede acceder desde la sección Directorio.

Otra característica es la capacidad de ordenar los resultados por estilos, tipos y temas. Y si crea una cuenta, también puede crear sus propias colecciones personalizadas.

17. Muzlí

Aprendí sobre Muzli este año después de publicar un artículo sobre varios trucos de CSS para desarrolladores front-end.

Unos días después, vi un número significativo de visitantes de Muzli: revisé el proyecto y, efectivamente, ¡es una cosa! Tanto es así que la extensión Muzli Chrome tiene más de 300.000 usuarios.

En sus propias palabras,

Muzli ofrece instantáneamente proyectos de diseño de vanguardia y noticias cada vez que se abre una nueva pestaña en su navegador. Descubra la mejor inspiración de diseño web, los mejores sitios web, los mejores logotipos, las tendencias web, los mejores sitios y aplicaciones móviles, sitios web minimalistas, sitios web brutalistas, ilustraciones innovadoras, características de diseño, sitios web únicos, proyectos de fotografía y arte visual, así como opiniones y artículos. de expertos en diseño de la Web y de todo el mundo.

Muzli hace algunas de las curaciones automáticamente (desde sitios como Dribbble y algunos otros en esta lista), y luego los usuarios también pueden proporcionar sus propios comentarios. Es un poco como un lector de RSS para diseñadores/desarrolladores con esteroides, básicamente.

18. La FWA

Aquí tenemos The FWA , otro sitio estilo galería que se centra en los premios. A diferencia de Awwwards, la FWA tiene un jurado de más de 500 diseñadores y desarrolladores de todo el mundo. Al igual que Siteinspire, la FWA también tiene un directorio de las mejores agencias e individuos.

19. E/S 3000

Bien, entonces, escúchame en esto. Es un hecho bien conocido que el enfoque del diseño varía de una región a otra, y esto es particularmente cierto en países como Japón. Me ha inundado una fuerte curiosidad durante los últimos meses explorando el enfoque japonés del diseño web.

En particular, cómo los diseñadores japoneses, o en este caso, los blogueros, diseñan sus páginas de blog y crean experiencias únicas para los lectores. Por lo que he visto, los diseñadores japoneses están mucho más interesados ​​en crear experiencias de usuario comunicativas . Esto se traduce en elementos de diseño que guían al usuario hacia una solución específica o elementos específicos que resaltan una característica importante.

La galería I/O 3000 se centra tanto en diseños japoneses como occidentales. Si alguna vez te sientes con ganas, te recomiendo que compruebes lo que está haciendo la gente en el extranjero. Y sí, eso es un juego de palabras.

20. Tipo lobo

Hemos estado buscando en muchos sitios/galerías que muestran específicamente sitios completos, y Typewolf también lo hace de alguna manera. Pero más que diseño gráfico, Typewolf se centra en las últimas tendencias en tipografía. Typewolf usa un sistema de "Sitio del día", pero también encontrará muchos artículos y recursos para obtener más información sobre cómo el tipo afecta el diseño general que está creando.

Si alguna vez buscó combinaciones de fuentes, es probable que Typewolf haya sido uno de los sitios en los que aterrizó.