Como diseñador web, necesita abastecerse constantemente de fuentes, logotipos, fotografías, gráficos, etc., y debe confiar en las herramientas para realizar su trabajo de diseño web de manera eficiente y exitosa.
Aquí hay una lista de recursos de diseño web para ayudarlo como diseñador web a mantenerse al tanto de su juego de diseño. Descubra algunos de los mejores recursos de diseño web, incluidas herramientas, fuentes, iconos, complementos, bibliotecas, obsequios, kits de interfaz de usuario y muchos más.
Esta lista contienen los mejores recursos y herramientas de diseño web
Abarca desde las mejores paletas de colores, logotipos y la búsqueda de los activos visuales adecuados hasta la elección de la tipografía perfecta.
TIPOGRAFÍA
Fontface Ninja
Le permite identificar la fuente en la página que está navegando.
Fuentes de Google
Encuentre y use fuentes de alta calidad para su sitio web.
Typekit
Obtenga acceso a un gran paquete de fuentes premium.
Fontstruct
Crea tus propias fuentes desde cero, píxel por píxel.
Encasillar
Cree diseños visuales y semánticos que pongan el tipo primero.
Ardilla de fuente
Aproveche la mejor base de datos de fuentes gratuitas.
Fuentes 1001
Escanee una gran biblioteca de fuentes para uso personal o comercial.
Qué fuente es
Sube tu imagen y determina fácilmente su fuente.
Typelight
http://www.cr8software.net/typelight.html
Edite y convierta cada fuente de tipo abierto.
Fontflame
Yesca para fuentes. Desliza para encontrar la mejor combinación.
ALMACÉN DE FOTOGRAFÍAS
Pexels
Obtenga acceso a las mejores fotos de archivo gratis.
Unsplash
https://undraw.co/illustrations
Obtenga 10 nuevas imágenes increíblemente hermosas todos los días (CC0).
Rechoncho
Descargue hermosas y distintivas fotos libres de derechos.
Pixabay
Explore y descargue imágenes de alta calidad bajo licencia CC0.
Ryan McGuire toma miles de fotos exquisitas. Consíguelos todos de forma gratuita.
Adobe Stock
Encuentre el activo perfecto para su proyecto creativo.
Zoommy
Fotos gratuitas de diferentes fuentes reunidas en una aplicación de escritorio.
Nuevas acciones de edad
Descargue imágenes antiguas de archivos públicos.
SplitShire
El diseñador web Daniel Nanescu comparte cientos de magníficas licencias CC0.
Muerte a la Foto de archivo
http://deathtothestockphoto.com
Recibe fotos originales en tu correo electrónico todos los meses.
GRAFICOS
Vecteezy
El mejor lugar para encontrar imágenes vectoriales.
El proyecto sustantivo
Encuentra iconos y glifos simples en blanco y negro.
Flaticones
Una gran base de datos de iconos hecha por diseñadores. Requiere dar crédito.
RoundIcons
Descargue conjuntos geniales de iconos redondos hechos por el talentoso diseñador Ramy Wafaa.
Font Awesome
https://fontawesome.com/
Conjunto de herramientas de fuentes e iconos populares basado en CSS y MENOS
El ispot
Compra bonitas ilustraciones de grandes artistas.
Webalys
Vincent le Moign ha creado una de las bibliotecas de iconos más maravillosas en línea.
Iconfinder
Un potente motor de búsqueda de iconos gratis. Requiere dar crédito.
Brusheezy
Obtenga pinceles de Photoshop y PSD gratuitos.
Iconjar
Una aplicación para almacenar todos tus íconos en un solo lugar. Solo para Mac.
INFOGRAFIA
Canva
Software gráfico de diseño increíblemente simple para crear cualquier contenido que necesite.
Easel.ly
Seleccione entre cientos de plantillas y cree sus propias infografías.
Infograma
Permite generar gráficos cualitativos. Ya utilizado por el Huff Post.
Matriz de movimiento
https://motionarray.com/video-effects/animated-explainer-video-templates/
15 plantillas animadas de video de Epic Explainer (más infografía)
novoresume.com
¿Tu currículum es aburrido? Conviértalo en una infografía original.
Venganza
Realice cientos de infografías, publicaciones en medios e informes con esta sencilla herramienta.
Draw.io
Un completo generador de diagramas de flujo adecuado para proyectos internos y externos.
Piktochart
Creador de infografías fácil de usar, incluso si no eres diseñador.
Visme
Transforme sus ideas en contenido atractivo a través de su poderosa herramienta.
Descuidado
Excelente herramienta de diagramación en línea que le permite colaborar con su equipo.
COLABORACIÓN
Invision
Una herramienta simple de creación de prototipos y colaboración para equipos de diseño.
Ir visualmente
Una de las mejores maneras de recopilar comentarios de los clientes para sus proyectos.
Boligrafo rojo
La herramienta de retroalimentación más rápida. Arrastra y suelta tu diseño e invita a tus amigos.
Mockplus iDoc
Diseñe prototipos, comente, pruebe, comparta y transfiera con marcas automáticas, activos y especificaciones en línea.
Despertar
Comparta, revise y discuta los diseños entre su equipo. ¡Airbnb lo usa!
Carpa
Marque y discuta imágenes en línea. Bastante útil para Photoshop.
Zeplin
La herramienta de colaboración definitiva entre diseñadores y desarrolladores.
Rebotar
Una manera divertida y fácil de compartir ideas en cualquier sitio web.
Proofhub
Gestiona tus proyectos de manera eficiente. Asegúrese de que su equipo colabore y cumpla.
Jerga
Cree y comparta bibliotecas de activos visuales con todo su equipo. Solo para Mac
COLORES
Caza del color
Explore miles de combinaciones de cuatro colores hasta encontrar la correcta.
Adobe Color CC
Pruebe, genere y guarde varios esquemas de color.
Coolors
Desplácese por la página y guarde sus paletas favoritas.
TinEye
Determine sus colores y busque imágenes con la combinación de colores perfecta.
ColorZilla
Extensión súper conveniente para elegir colores de una página web.
Colicioso
Presione la barra espaciadora y genere un nuevo color. Divertido y útil.
PaletteGenerator
Genera una paleta de colores para cualquier imagen que encuentre en la web.
Pictaculous
http://www.pictaculous.com
Sube tu imagen y obtén una paleta de colores compatible.
La aplicación de color
https://itunes.apple.com/us/app/the-color-app/id883952273
Encontrar colores se vuelve mucho más fácil con esta gran cuadrícula.
Unclrd
Extensión del navegador que convierte cada sitio web en blanco y negro.
INSPIRACIÓN
Regatear
El lugar donde los diseñadores comparten sus activos más deslumbrantes.
Muzli
Toda la inspiración de diseño que necesita directamente en cada pestaña nueva (extensión del navegador).
Diseño en el que confías
Blog colectivo lleno de carteras de diseño e inspiraciones arquitectónicas.
Muy buenos correos electrónicos
http://reallygoodemails.com
Catálogo de correos electrónicos bien diseñados para inspirarte a la hora de crear tu boletín.
Awwwards
Reconoce el talento y el esfuerzo de los mejores diseñadores, desarrolladores y agencias.
One Page Love
Exhibición original de elegantes sitios web de una página.
Sitio Ver
Galería curada de sitios web hermosos y modernos de todo el mundo.
Designpiration
Tablero estilo Pinterest de inspiración de diseño de alto nivel para compartir.
CreativePublic
http://www.creativepublic.com/graphic-designer-blog/
Recursos gratuitos para diseñadores gráficos y diseñadores web independientes.
Patrones móviles
http://www.mobile-patterns.com
Aprenda cómo superar los flujos UX para su aplicación móvil.
EDITORES GRÁFICOS / DE IMAGEN
Ilustrator
Crea increíbles artes vectoriales con esta herramienta imprescindible.
Photoshop
http://www.adobe.com/photoshop.html
Crea y mejora tus fotografías, diseños web e incluso tus obras de arte en 3D.
Daz Studio
http://www.daz3d.com
Haz humanos o animales increíblemente realistas en 3D.
DrawPlus
http://www.serif.com
Dibuja bellas artes vectoriales a un precio razonable.
Pixlr
https://pixlr.com
Obtenga acceso a 600 efectos para retocar sus imágenes, de forma gratuita.
Inkscape
https://inkscape.org/en
La mejor alternativa de código abierto para Illustrator.
Pajarera
https://www.aviary.com
Edite sus fotos desde una aplicación móvil o desde una aplicación web.
Licuadora
https://www.blender.org
Software de creación 3D de código abierto y totalmente gratuito.
Cañutillo
https://www.gimp.org
Editor gratuito y de código abierto para editar y retocar imágenes.
Foto de afinidad
https://affinity.serif.com
Software profesional de edición de fotos. Solo para Mac.
DISEÑO DE LOGO
SquareSpace
Esta herramienta combina la experiencia en el espacio cuadrado y los iconos de proyectos nominales para que pueda crear un logotipo genial.
Designmantic
https://www.designmantic.com
Ingrese el nombre de su empresa, seleccione su industria y genere un logotipo editable.
Resortes gráficos
https://www.graphicsprings.com
Elija una plantilla de logotipo, edítela y descargue su logotipo.
Logo Genie
Logo Genie hace que el diseño de logotipos sea fácil y divertido.
Logo Makr
Crea un logotipo simple con materiales de flaticones.
Tipo de logotipo Makr
Generación aleatoria de logotipos para su empresa.
Logo Garden
Seleccione la industria en la que está trabajando y elija uno de los logotipos generados.
Logoshi
Dibuja un boceto desordenado y obtén un logotipo limpio y moderno.
Logaster
Haga un logotipo decente sin ninguna habilidad de diseño.
Logo Maker
https://www.logomaker.com
Genere cientos de logotipos potenciales y modifíquelos en línea.
PROTOTIPOS
Bosquejo
Una herramienta de diseño vectorial conveniente para UI y UX. Solo compatible con mac.
Servilleta
http://www.designwithnapkin.com
Diseña maquetas rápidas en tu dispositivo ios.
Flinto
https://www.flinto.com
Dibuje prototipos interactivos a partir de imágenes estáticas.
ProtoIO
Crea prototipos de aplicaciones ultra realistas. No se requiere codificación.
Soldar
Dibuja tu sitio web en línea, como quieras.
Balsamiq
Herramienta Quick Wireframing que te permite hacer maquetas claras.
App Cooker
Maneja maquetas y prototipos desde tu iPad.
Atómico
http://atomic.io
Diseñe prototipos realistas que pueda compartir con su equipo.
HTML5 arriba
Cree plantillas HTML5 con clase, personalizables y receptivas.
Axure
Diseña rápidamente prototipos desde tu computadora y compártelos.
Espero que hayas disfrutado de esta lista de recursos para diseñadores web.