¿Cuáles son las mejores herramientas gratuitas para diseñar interfaces de usuario web?

Regalos para diseñadores web y gráficos

Selectores de color

  • Paleta de materiales: ejemplos de diseño de materiales.
  • Interfaz de usuario de material: creador de paleta de colores en estilo Material.
  • ColorFavs: genere paletas de colores a partir de imágenes, URL o aleatoriamente.
  • Flat UI Color Picker: los mejores colores para interfaces planas.
  • Colores de interfaz de usuario planos: colores agradables de estilo plano con la posibilidad de elegir el formato de color.
  • Coolors: generador rápido de esquemas de color para diseñadores.
  • Bootflat: selector de color de interfaz de usuario plana que le brinda los colores perfectos para diseños planos.
  • Skalacolor: un extraordinario selector de color para diseñadores y desarrolladores.
  • Couleurs: una aplicación sencilla para capturar y ajustar los colores que ves en la pantalla.
  • Gradientes coloridos: gradientes creados automáticamente por una computadora.
  • Fondos adaptables: un complemento de jQuery para extraer colores dominantes de las imágenes y aplicarlo a su padre.
  • Colores de marca: códigos de color oficiales para las marcas más grandes del mundo.
  • Paletton: crea un esquema de colores llamativos.
  • 0to255: una herramienta sencilla que ayuda a los diseñadores web a encontrar variaciones de cualquier color.
  • COLOURlovers: una comunidad creativa donde personas de todo el mundo crean y comparten colores, paletas y patrones, discuten las últimas tendencias y exploran artículos coloridos.
  • Adobe Color: combinaciones de colores de la comunidad Kuler.
  • Colorrrs: convertidor de hexadecimal a RGB.
  • Colores de la interfaz de usuario: busque colores que se adapten a su interfaz.
  • Coleure – Selector de color inteligente.
  • Colllor: generador de paleta de colores.
  • Paleta para Chrome: crea una paleta de colores a partir de cualquier imagen.
  • Pltts.me – Selector de color simple y agradable.
  • Coffee Cup – Color Palette Manager (cuesta 9 $ por tiempo limitado).

Íconos

  • Iconos de amor – 100 iconos de amor por Freepik SVG + PNG (zip).
  • Iconcrafts: elija, personalice y cree los iconos perfectos para sus proyectos. Exportarlos en diferentes formatos (PNG, SVG).
  • Webalys: 4000 iconos que siguen las pautas oficiales de Google Material Design. Perfecto para usar con Android, sitios web y aplicaciones de escritorio.
  • Iconos de Google Material Design: 750 glifos del paquete de Google Material Design. Igualmente útil cuando se construye para la web, Android o iOS.
  • Fontello – Generador de fuentes de iconos.
  • Icono plano: la mayor base de datos de iconos vectoriales gratuitos.
  • Iconos planos: un creador de iconos planos gratuito. Elija una forma de icono de más de 2,500 disponibles y personalícela según sus necesidades para descargar el icono plano gratuito como png.
  • Iconos sin fin: iconos planos gratuitos.
  • Iconos redondos – Conjunto de iconos redondos planos gratis – 60 iconos.
  • Fort Awesome: la fuente icónica y el kit de herramientas CSS.
  • Glifo – Búsqueda de glifos en diferentes bases de datos.
  • Crear ícono de aplicación: un redimensionador de íconos que optimiza sus diseños de íconos en todos los formatos necesarios para la aplicación móvil iOS y Android.
  • Icomoon – Pixel perfect icon solutions.
  • The Noun Project: 150 000 iconos para todo.
  • Iconos perfectos: la forma más fácil de crear iconos sociales independientes de resolución.
  • Iconfinder: más de 100 000 iconos en un solo lugar.
  • Iconos redondos: 50 iconos de doodle de mano libre.
  • Iconos redondos – Conjunto de iconos de línea de vector libre – 50 iconos.
  • Yummygum: 60 iconos vectoriales gratuitos de Photoshop perfectamente adecuados para aplicaciones de iPhone y iPad o su nuevo proyecto web.
  • Plantilla de iconos de aplicaciones: un recurso gratuito de Photoshop para crear iconos. Edite un solo objeto y mostrará automáticamente todos los tamaños necesarios en iOS y Android.
  • Iconos inteligentes: miles de hermosos iconos para elegir.
  • Ego Icons: nuevos iconos vectoriales diseñados con un estilo angular radical.
  • To Icon: iconos gratuitos que representan acciones.

Fuentes y tipografía

  • Escriba Genius: encuentre el combo de fuentes perfecto para su próximo proyecto.
  • Type Wolf: un gran recurso disponible para todo lo relacionado con la tipografía en la web.
  • Font Squirrel – Fuentes 100% gratuitas para uso comercial.
  • Fontface Ninja: extensión del navegador para mostrar las fuentes utilizadas por el sitio web.
  • Fuentes de Google: fuentes gratuitas optimizadas para sitios web.
  • Hellohappy.org: una muestra de los mejores tipos de letra del directorio de fuentes web de Google.
  • Dafont: una colección de fuentes gratuitas.
  • 1001 Free Fonts: una de las mayores colecciones de fuentes en línea.
  • Fontpark: un vasto archivo de fuentes gratuitas.
  • Font-To-Width: un guión de Nick Sherman y Chris Lewis que aprovecha las grandes familias de tipos para que quepan perfectamente los fragmentos de texto dentro de sus contenedores.
  • Edge Web Fonts: la forma gratuita y fácil de comenzar con las fuentes web.
  • Typekit: una colección limitada de fuentes para sitios web y aplicaciones.

Logos y Branding

  • Hipster Logo – Generador de logotipos Hipster.
  • Espacio cuadrado: logotipos simplificados.
  • Rieles de diseño: logotipos gratuitos, instantáneos y personalizados que utilizan el aprendizaje automático.
  • Sastre: diseño de logotipo simple. Logotipos instantáneos a medida. Pruébalo gratis
  • Logaster: descargue el logotipo de baja resolución de forma gratuita y el logotipo de alta resolución desde $ 9.99.

UI

  • Figma: la herramienta de diseño de interfaz colaborativa.
  • Freebbble: más de 1000 regalos de diseño creados por usuarios de Dribbble.
  • Dribbble – Dribbble regalos.
  • Hamburguesa gráfica: recursos de diseño sabrosos hechos con cuidado para cada píxel. Gratis para uso personal y comercial.
  • Pixel Buddha: recursos gratuitos y premium para la comunidad profesional.
  • Material UI Kit: una nueva biblioteca de widgets de Axure para dispositivos móviles, tabletas, computadoras de escritorio y dispositivos portátiles Android. Todos los componentes se basan en las nuevas Directrices de diseño de materiales y la Cuadrícula de referencia de Google. Ayuda a crear prototipos interactivos de alta calidad rápidamente.
  • Píxeles Premium: todos los recursos se ofrecen de forma gratuita con muy pocas restricciones.
  • Fribbble: descargas gratuitas de PSD y recursos de Dribbblers comisariada por Gilbert Pellegrom.
  • Freebies Bug – Últimos recursos gratuitos de diseño web.
  • 365 PSD: descarga PSD gratis todos los días.
  • DB Freebies: los mejores regalos de diseño de Dribbble & Behance.
  • Aplicación Marvel: prototipos gratuitos para dispositivos móviles y web para todos. No se requiere codificación.
  • UI Space: trabajos de alta calidad para profesionales.
  • Pixeden: descargue todas nuestras plantillas web y de diseño gráfico gratuitas y obtenga acceso a todos los archivos Premium por solo $ 6 al mes.
  • Teehanlax: una plantilla de Photoshop de elementos GUI que se encuentra en el lanzamiento público de iOS 8.
  • Teehanlax: esta plantilla de Photoshop contiene todos los elementos principales de iOS para ayudarlo a diseñar su aplicación.
  • Freepik – Recursos gráficos para todos. Vectores gratis, PSD, iconos y fotos.
  • Techandall – Obras gratuitas, noticias y otra información.
  • Aplicación Invision: el kit de diseño iOS más hermoso que hayas visto. Ahora disponible para Photoshop y Sketch.
  • Web3Canvas: regalos de PSD, fragmentos de HTML, inspiraciones y tutoriales.
  • Sketch: obtenga recursos de Sketch en su Bandeja de entrada.
  • Freebies Place It: recibe los obsequios directamente en tu Dropbox.
  • Mercado creativo: contenido de diseño hermoso de 11,525 creadores independientes. Gráficos, fuentes, temas, fotos y más, desde solo $ 2.

Fotos

  • Fyuse – Fyuse 3.0 – Una aplicación para crear fotos en 3D. Muy simple. Funciona tanto con Android como con iOS.
  • Stock Up: búsqueda de 10.332 fotos gratuitas en 26 sitios web.
  • Pexels – Las mejores fotos gratis en un solo lugar.
  • Todas las acciones gratuitas: obtenga todas las imágenes, videos, música e íconos gratuitos en una sola ubicación.
  • Unsplash: fotos gratuitas de alta resolución. 10 fotos nuevas cada 10 días.
  • Splash Base: busca y descubre fotos y videos gratuitos de alta resolución.
  • Startup Stock Photos – Fotos gratis para startups, bloggers, editores, sitios web, diseñadores, desarrolladores, creadores y todos los demás.
  • Jay Mantri – Fotos gratis. Haz cualquier cosa (CC0). Hacer magia
  • Pexels 2.0 – Las mejores fotos gratis en un solo lugar.
  • Moveast – Fotos gratis de un viaje de un chico portugués.
  • Travel Coffee Book – Hermosos momentos de viaje. Todas las fotos se enumeran en cc0.
  • Fotos de diseñadores: fotos de alta resolución gratuitas para su uso personal y comercial.
  • Muerte a la foto de archivo – sitio web de fotografía de Stock dirigido por dos fotógrafos pícaros.
  • Foodies Feed – Fotos gratis de comida.
  • Mazwai – Fotos y videos gratis.
  • Jeshoots: elegantes fotos modernas.
  • Videvo: material de archivo HD gratuito y gráficos en movimiento para cualquier proyecto.
  • Súper famoso – Fotos de Folkert Gorter, un diseñador de Holanda.
  • Picografía: fotos gratuitas de alta resolución. Úsalos como quieras.
  • Pixabay: imágenes y videos gratuitos que puedes usar en cualquier lugar.
  • Freepik – Freepik te ayuda a encontrar arte vectorial, ilustraciones, iconos, PSD y fotos gratis para usar en sitios web, pancartas, presentaciones, revistas.
  • Magdeleine: una foto gratuita de alta resolución todos los días.
  • Snapographic: fotos gratuitas para uso personal y comercial.
  • Pequeñas imágenes: regístrese para obtener 7 imágenes de alta resolución comprimidas en su bandeja de entrada. Úsalos como quieras.
  • Splitshire: descargue fotos de archivo gratuitas de alta calidad sin derechos de autor, haga lo que quiera. Actualizaciones todos los días.
  • New Old Stock – Fotos vintage de los archivos públicos.
  • Picjumbo: fotos totalmente gratis para tus trabajos comerciales y personales.
  • Life of Pix: fotos gratuitas de alta resolución, sin restricciones de derechos de autor. Nuevas fotos agregadas semanalmente.
  • Gratisografía: imágenes gratuitas de alta resolución que puede utilizar en sus proyectos personales y comerciales.
  • Getrefe: fotos gratuitas de resúmenes, negocios, alimentos, hogar, estilo de vida, naturaleza, exteriores, transporte y viajes.
  • Imcreator: una colección curada de recursos de diseño web gratuitos, todos para uso comercial.
  • Magdalena: todas las fotos aquí tienen licencia bajo el CC0, lo que significa que puede copiar, modificar, distribuir y realizar el trabajo, incluso con fines comerciales, sin pedir permiso.
  • Public Domain Archive – Nuevas fotos 100% gratuitas. Todas las semanas Todo lo que necesita para sus proyectos creativos, todas las imágenes de dominio público.
  • ISO Republic: fotos gratuitas de alta calidad para creativos.
  • Stokpic: fotos gratuitas para uso comercial.
  • Kaboompics – Gran lugar para obtener impresionantes fotografías gratuitas para proyectos comerciales o personales / Licencia.
  • Función: paquetes gratuitos de fotos.
  • MMT: fotos gratuitas para uso comercial de Jeffrey Betts. Licencia CC0.
  • Pjrvs: fotos gratuitas de alta resolución.
  • Bloquear y fotos gratis – fotos gratis para ti.
  • Raumrot: impresionantes imágenes de estilo de vida para creativos modernos.
  • Bucketlistly Photos: una colección común creativa gratuita de fotos de viajes que cualquiera puede usar.
  • Fotos digitales gratuitas: descargue fotos e ilustraciones gratuitas y premium para sitios web, materiales publicitarios, periódicos, revistas, libros electrónicos, portadas de libros y páginas, obras de arte musical, aplicaciones de software y mucho más.
  • MorgueFile: archivo de fotos gratuito de creativos para creativos.
  • Fotos de dominio público: un montón de imágenes de dominio público.
  • Stock Vault: el sitio web al que le encanta compartir fotos.
  • Imagen libre: obtenga una imagen gratis.
  • Dreams Time – Portafolio de imágenes gratuitas.
  • Imágenes gratis – 387 857 fotos e ilustraciones gratis.
  • Stock de rango libre – Buenas fotos. Totalmente libre.
  • Free Photos Bank – Banco de fotos gratis.
  • Stock Snap – Cientos de imágenes de alta resolución agregadas semanalmente.
  • Free Nature Stock – Fotos de archivo libres de derechos en la naturaleza. Actualizado a diario.

Otro

  • Bonsai – Explore las tarifas independientes.
  • Unames: una herramienta sencilla para generar nombres para su uso en diseños y maquetas.
  • Uifaces: encuentre avatares de muestra para maquetas de UI.
  • Window Resizer: vea su sitio web en las pantallas con diferentes resoluciones.
  • Sonics: Sonics es una biblioteca de 175 sonidos de UI y efectos de sonido.
  • Design Pickle: ayuda ilimitada en diseño gráfico. Solicitudes y revisiones ilimitadas. Un precio cada mes.
  • Lea más aquí: más de 480 herramientas y recursos de desarrollo web gratuitos que le encantará tener a mano

¿Has probado la aplicación Invision? Es una herramienta que descubrimos recientemente que le permite crear diseños, pero luego crear viajes de usuario. En lugar de diseños estáticos, le permite vincular diferentes diseños de páginas web, ventanas emergentes, formularios de registro, etc. para que pueda completar el recorrido completo del usuario antes de cerrar sesión.

Algunas otras herramientas de diseño que pueden ayudar aquí: https://screen.cloud/inspiration

En mi opinión, lo mejor que existe hoy en día, esta es la aplicación Sketch de Bohemian Coding. Sí, es un software pago, pero puedes probar la versión beta, y ya ves.

Mejores cosas.

Bosquejo – Beta

Gimp, pero no me gusta la interfaz de usuario. Me encontré haciendo muchos diseños de navegadores últimamente, solo usando CSS. Pero si puedes, pon tus manos en http://pencil.evolus.vn/Features

Incscape es una alternativa ilustradora sólida.

Axure?