Probablemente cada diseñador tiene su propio conjunto de sitios web útiles que usa para trabajar. Hemos decidido mostrarte algunos de los sitios que usamos y compartir nuestra propia selección de recursos interesantes para diseñadores web, desde sitios de stock hasta canales de noticias y redes neuronales. Será útil tanto para principiantes como para diseñadores experimentados: a los primeros les resultará un poco más fácil navegar por el océano de servicios existentes, mientras que los últimos descubrirán algo nuevo.
No hemos incluido Pinterest, Behance y Shutterstock en la lista – si sabes algo sobre diseño, probablemente ya los conoces :)
Servicios útiles
Sitios web con herramientas útiles para diseñadores web: sitios con iconos y fuentes de stock, generadores de paletas e ilustraciones, y más.
Fuentes
FontSpace
FontSpace es un sitio web con más de 100,000 fuentes gratuitas de stock de todas las formas y tamaños, creadas y subidas a la plataforma por unos 3,200 diseñadores de todo el mundo. La plataforma te permite introducir un texto y ver cómo se ve en diferentes fuentes, encontrar selecciones personalizadas, dejar comentarios y hablar con otros usuarios. También ofrece algunas características interesantes, como un generador de Lenny Face y una herramienta de análisis de texto que muestra todos los símbolos unicode y revela puntos de código invisibles o caracteres mal representados.
SnapFonts
Una práctica extensión del navegador que te permite ver cómo se vería un sitio web si cambiaras sus fuentes. No necesitas registrarte ni descargar nada: solo instala la extensión, ve a cualquier sitio web y elige una o varias fuentes de las 900 disponibles. Todas las fuentes cambiarán automáticamente según los parámetros de tamaño y estilo establecidos, permitiéndote ver cómo se vería el sitio web con estos cambios. Para subir una fuente personalizada, necesitarás comprar una suscripción Pro.
La extensión es compatible con Chrome, Firefox, Edge y Brave.
Colores
Material Palette
Un sitio web imprescindible para cualquier diseñador que permite generar una paleta de colores. El concepto es bastante sencillo: eliges dos colores cualquiera, y el servicio generará una paleta de ocho tonos con códigos.
Khroma
Khroma es otro servicio de selección de colores, pero este está basado en IA. Para empezar, necesitas seleccionar 50 tonos que te gusten, y la red neuronal los usará para generar pares que se ajusten a tu gusto. Puedes crear combinaciones infinitas, y en cada caso el sistema te dará los códigos, valores RGB, código CSS y clasificación de accesibilidad WCAG.
Contrast.ratio
Una herramienta que te ayuda a verificar el contraste entre dos colores – muy útil al elegir el tono de fuente de un sitio web. Para usar el servicio, ingresa los nombres o los códigos de dos colores: el sitio web los mostrará juntos y calculará la relación de contraste. Cuanto mayor sea la relación, mejor.
Iconos, ilustraciones, patrones
Iconfinder
El sitio web de iconos de stock más grande. Aquí puedes encontrar más de 7 millones de iconos, stickers e ilustraciones 2D/3D disponibles para descargar en PNG, SVG y AI. El sitio tiene una herramienta de búsqueda que te permite filtrar por estilo y tipo de licencia (gratuita/de pago).
Beautiful Dingbats' Pattern Generator
Una herramienta gratuita para crear patrones y texturas únicos que pueden usarse, por ejemplo, para diseñar fuentes. El servicio en sí se parece a un constructor, donde puedes combinar diferentes colores, patrones, estilos y objetos. Las plantillas se pueden exportar en formatos SVG, CSS, JPEG, PNG y CSS.
Canales de Telegram
Aquí están algunos de los canales que seguimos personalmente para noticias del mercado, tendencias, trucos y casos. Además, a veces anuncian eventos y cursos de formación con descuento para seguidores.
UI/UX Designer - un canal dirigido por Design Glory, una comunidad de diseñadores que comparten sus experiencias, publican noticias de la industria y contenido interesante – desde el logo de Jony Ive para la coronación de Carlos III hasta guías de cuadrícula de Figma.
UX from Hell - ejemplos de diseño UX terrible. Aquí puedes encontrar no solo diseño web, sino también UX del mundo real – por ejemplo, una imagen de un banco construido alrededor de un lecho de cactus. Puede hacerte reír y ayuda a ponerte en el lugar del usuario al mismo tiempo.
UX Notes - un canal de noticias que selecciona los artículos más frescos e interesantes publicados por gurús del diseño en varias plataformas, los resume y proporciona un enlace a su versión completa.
Product Design Digest - un canal dirigido por Yuri Vetrov, Director de Diseño en Mail.ru y profesor en la British Higher School of Art & Design, donde publica extensas selecciones de artículos interesantes sobre UI/UX y diseño de productos. Entre sus publicaciones más recientes e interesantes está una lista de reseñas sobre las tendencias de 2023.
Redes neuronales
Recientemente, ha habido noticias sobre una nueva red neuronal, Galileo AI, que puede generar interfaces a partir de consultas de texto. Por ejemplo, puedes simplemente escribir "una pantalla de incorporación para una aplicación de paseo de perros", y la magia de la IA hará el resto. Lo interesante es que los resultados son completamente editables en Figma. Galileo AI aún no se ha lanzado, pero puedes registrarte para acceso anticipado.
Sin embargo, los diseñadores web no tienen razón para preocuparse todavía, ya que es poco probable que las redes neuronales los reemplacen durante otros 5-10 años – y aquí está el porqué. Mientras tanto, la inteligencia artificial sigue siendo una herramienta de diseño útil. Por ejemplo, puede ayudar a dibujar fondos o ilustraciones como reemplazo de imágenes de stock. Así que redes neuronales como DALL-E, Midjourney o GauGAN definitivamente pertenecen a nuestra selección de recursos para diseñadores web.