Los mejores recursos de diseño web
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.
Fontface Ninja
https://fontface.ninja
Le permite identificar la fuente en la página que está navegando.
Fuentes de Google
https://fonts.google.com
Encuentre y use fuentes de alta calidad para su sitio web.
Typekit
https://typekit.com
Obtenga acceso a un gran paquete de fuentes premium.
Fontstruct
https://fontstruct.com
Crea tus propias fuentes desde cero, píxel por píxel.
Encasillar
https://typecast.com
Cree diseños visuales y semánticos que pongan el tipo primero.
Ardilla de fuente
http://www.fontsquirrel.com
Aproveche la mejor base de datos de fuentes gratuitas.
Fuentes 1001
http://www.1001fonts.com
Escanee una gran biblioteca de fuentes para uso personal o comercial.
Qué fuente es
http://www.whatfontis.com
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
http://fontflame.com
Yesca para fuentes. Desliza para encontrar la mejor combinación.
Pexels
https://www.pexels.com
Obtenga acceso a las mejores fotos de archivo gratis.
Unsplash
https://undraw.co/illustrations
https://unsplash.com
Obtenga 10 nuevas imágenes increíblemente hermosas todos los días (CC0).
Rechoncho
https://www.stocksy.com
Descargue hermosas y distintivas fotos libres de derechos.
Pixabay
https://pixabay.com
Explore y descargue imágenes de alta calidad bajo licencia CC0.
Gratisografía
http://www.gratisography.com
Ryan McGuire toma miles de fotos exquisitas. Consíguelos todos de forma gratuita.
Adobe Stock
https://stock.adobe.com
Encuentre el activo perfecto para su proyecto creativo.
Zoommy
http://zoommyapp.com
Fotos gratuitas de diferentes fuentes reunidas en una aplicación de escritorio.
Nuevas acciones de edad
http://nos.twnsnd.co
Descargue imágenes antiguas de archivos públicos.
SplitShire
http://www.splitshire.com
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.
Vecteezy
https://www.vecteezy.com
El mejor lugar para encontrar imágenes vectoriales.
El proyecto sustantivo
https://thenounproject.com/
Encuentra iconos y glifos simples en blanco y negro.
Flaticones
http://www.flaticon.com
Una gran base de datos de iconos hecha por diseñadores. Requiere dar crédito.
RoundIcons
https://roundicons.com
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
http://www.theispot.com
Compra bonitas ilustraciones de grandes artistas.
Webalys
http://www.webalys.com
Vincent le Moign ha creado una de las bibliotecas de iconos más maravillosas en línea.
Iconfinder
https://www.iconfinder.com
Un potente motor de búsqueda de iconos gratis. Requiere dar crédito.
Brusheezy
https://brusheezy.com
Obtenga pinceles de Photoshop y PSD gratuitos.
Iconjar
http://geticonjar.com
Una aplicación para almacenar todos tus íconos en un solo lugar. Solo para Mac.
Canva
https://www.canva.com
Software gráfico de diseño increíblemente simple para crear cualquier contenido que necesite.
Easel.ly
https://www.easel.ly
Seleccione entre cientos de plantillas y cree sus propias infografías.
Infograma
https://infogr.am
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)
Vizualize.me
http://vizualize.me
¿Tu currículum es aburrido? Conviértalo en una infografía original.
Venganza
https://venngage.com
Realice cientos de infografías, publicaciones en medios e informes con esta sencilla herramienta.
Draw.io
https://www.draw.io
Un completo generador de diagramas de flujo adecuado para proyectos internos y externos.
Piktochart
https://piktochart.com
Creador de infografías fácil de usar, incluso si no eres diseñador.
Visme
http://www.visme.co
Transforme sus ideas en contenido atractivo a través de su poderosa herramienta.
Descuidado
https://www.gliffy.com
Excelente herramienta de diagramación en línea que le permite colaborar con su equipo.
Invision
https://www.invisionapp.com
Una herramienta simple de creación de prototipos y colaboración para equipos de diseño.
Ir visualmente
http://www.govisually.com
Una de las mejores maneras de recopilar comentarios de los clientes para sus proyectos.
Boligrafo rojo
https://redpen.io
La herramienta de retroalimentación más rápida. Arrastra y suelta tu diseño e invita a tus amigos.
Mockplus iDoc
https://idoc.mockplus.com/
Diseñe prototipos, comente, pruebe, comparta y transfiera con marcas automáticas, activos y especificaciones en línea.
Despertar
https://wake.com
Comparta, revise y discuta los diseños entre su equipo. ¡Airbnb lo usa!
Carpa
http://marqueed.com
Marque y discuta imágenes en línea. Bastante útil para Photoshop.
Zeplin
https://zepln.io
La herramienta de colaboración definitiva entre diseñadores y desarrolladores.
Rebotar
http://www.bounceapp.com
Una manera divertida y fácil de compartir ideas en cualquier sitio web.
Proofhub
https://www.proofhub.com
Gestiona tus proyectos de manera eficiente. Asegúrese de que su equipo colabore y cumpla.
Jerga
https://lingoapp.com
Cree y comparta bibliotecas de activos visuales con todo su equipo. Solo para Mac
Caza del color
http://colorhunt.co
Explore miles de combinaciones de cuatro colores hasta encontrar la correcta.
Adobe Color CC
https://color.adobe.com
Pruebe, genere y guarde varios esquemas de color.
Coolors
https://coolors.co
Desplácese por la página y guarde sus paletas favoritas.
TinEye
http://labs.tineye.com
Determine sus colores y busque imágenes con la combinación de colores perfecta.
ColorZilla
http://www.colorzilla.com
Extensión súper conveniente para elegir colores de una página web.
Colicioso
http://colicious.ga
Presione la barra espaciadora y genere un nuevo color. Divertido y útil.
PaletteGenerator
http://palettegenerator.com
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
http://unclrd.com
Extensión del navegador que convierte cada sitio web en blanco y negro.
Regatear
https://dribbble.com
El lugar donde los diseñadores comparten sus activos más deslumbrantes.
Muzli
https://muz.li
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
http://designyoutrust.com
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
http://www.awwwards.com
Reconoce el talento y el esfuerzo de los mejores diseñadores, desarrolladores y agencias.
One Page Love
https://onepagelove.com
Exhibición original de elegantes sitios web de una página.
Sitio Ver
https://sitesee.co
Galería curada de sitios web hermosos y modernos de todo el mundo.
Designpiration
http://designspiration.net
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.
Ilustrator
http://www.adobe.com
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.
SquareSpace
http://logo.squarespace.com
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
http://www.logogenie.net
Logo Genie hace que el diseño de logotipos sea fácil y divertido.
Logo Makr
https://logomakr.com
Crea un logotipo simple con materiales de flaticones.
Tipo de logotipo Makr
https://logotypemaker.com
Generación aleatoria de logotipos para su empresa.
Logo Garden
https://www.logogarden.com
Seleccione la industria en la que está trabajando y elija uno de los logotipos generados.
Logoshi
https://www.logoshi.com
Dibuja un boceto desordenado y obtén un logotipo limpio y moderno.
Logaster
https://www.logaster.com
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.
Bosquejo
https://www.sketchapp.com
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
https://proto.io
Crea prototipos de aplicaciones ultra realistas. No se requiere codificación.
Soldar
https://www.weld.io
Dibuja tu sitio web en línea, como quieras.
Balsamiq
https://balsamiq.com
Herramienta Quick Wireframing que te permite hacer maquetas claras.
App Cooker
http://www.appcooker.com
Maneja maquetas y prototipos desde tu iPad.
Atómico
http://atomic.io
Diseñe prototipos realistas que pueda compartir con su equipo.
HTML5 arriba
https://html5up.net
Cree plantillas HTML5 con clase, personalizables y receptivas.
Axure
http://www.axure.com
Diseña rápidamente prototipos desde tu computadora y compártelos.
Espero que hayas disfrutado de esta lista de recursos para diseñadores web.
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
https://fontface.ninja
Le permite identificar la fuente en la página que está navegando.
Fuentes de Google
https://fonts.google.com
Encuentre y use fuentes de alta calidad para su sitio web.
Typekit
https://typekit.com
Obtenga acceso a un gran paquete de fuentes premium.
Fontstruct
https://fontstruct.com
Crea tus propias fuentes desde cero, píxel por píxel.
Encasillar
https://typecast.com
Cree diseños visuales y semánticos que pongan el tipo primero.
Ardilla de fuente
http://www.fontsquirrel.com
Aproveche la mejor base de datos de fuentes gratuitas.
Fuentes 1001
http://www.1001fonts.com
Escanee una gran biblioteca de fuentes para uso personal o comercial.
Qué fuente es
http://www.whatfontis.com
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
http://fontflame.com
Yesca para fuentes. Desliza para encontrar la mejor combinación.
ALMACÉN DE FOTOGRAFÍAS
Pexels
https://www.pexels.com
Obtenga acceso a las mejores fotos de archivo gratis.
Unsplash
https://undraw.co/illustrations
https://unsplash.com
Obtenga 10 nuevas imágenes increíblemente hermosas todos los días (CC0).
Rechoncho
https://www.stocksy.com
Descargue hermosas y distintivas fotos libres de derechos.
Pixabay
https://pixabay.com
Explore y descargue imágenes de alta calidad bajo licencia CC0.
Gratisografía
http://www.gratisography.com
Ryan McGuire toma miles de fotos exquisitas. Consíguelos todos de forma gratuita.
Adobe Stock
https://stock.adobe.com
Encuentre el activo perfecto para su proyecto creativo.
Zoommy
http://zoommyapp.com
Fotos gratuitas de diferentes fuentes reunidas en una aplicación de escritorio.
Nuevas acciones de edad
http://nos.twnsnd.co
Descargue imágenes antiguas de archivos públicos.
SplitShire
http://www.splitshire.com
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
https://www.vecteezy.com
El mejor lugar para encontrar imágenes vectoriales.
El proyecto sustantivo
https://thenounproject.com/
Encuentra iconos y glifos simples en blanco y negro.
Flaticones
http://www.flaticon.com
Una gran base de datos de iconos hecha por diseñadores. Requiere dar crédito.
RoundIcons
https://roundicons.com
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
http://www.theispot.com
Compra bonitas ilustraciones de grandes artistas.
Webalys
http://www.webalys.com
Vincent le Moign ha creado una de las bibliotecas de iconos más maravillosas en línea.
Iconfinder
https://www.iconfinder.com
Un potente motor de búsqueda de iconos gratis. Requiere dar crédito.
Brusheezy
https://brusheezy.com
Obtenga pinceles de Photoshop y PSD gratuitos.
Iconjar
http://geticonjar.com
Una aplicación para almacenar todos tus íconos en un solo lugar. Solo para Mac.
INFOGRAFIA
Canva
https://www.canva.com
Software gráfico de diseño increíblemente simple para crear cualquier contenido que necesite.
Easel.ly
https://www.easel.ly
Seleccione entre cientos de plantillas y cree sus propias infografías.
Infograma
https://infogr.am
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)
Vizualize.me
http://vizualize.me
¿Tu currículum es aburrido? Conviértalo en una infografía original.
Venganza
https://venngage.com
Realice cientos de infografías, publicaciones en medios e informes con esta sencilla herramienta.
Draw.io
https://www.draw.io
Un completo generador de diagramas de flujo adecuado para proyectos internos y externos.
Piktochart
https://piktochart.com
Creador de infografías fácil de usar, incluso si no eres diseñador.
Visme
http://www.visme.co
Transforme sus ideas en contenido atractivo a través de su poderosa herramienta.
Descuidado
https://www.gliffy.com
Excelente herramienta de diagramación en línea que le permite colaborar con su equipo.
COLABORACIÓN
Invision
https://www.invisionapp.com
Una herramienta simple de creación de prototipos y colaboración para equipos de diseño.
Ir visualmente
http://www.govisually.com
Una de las mejores maneras de recopilar comentarios de los clientes para sus proyectos.
Boligrafo rojo
https://redpen.io
La herramienta de retroalimentación más rápida. Arrastra y suelta tu diseño e invita a tus amigos.
Mockplus iDoc
https://idoc.mockplus.com/
Diseñe prototipos, comente, pruebe, comparta y transfiera con marcas automáticas, activos y especificaciones en línea.
Despertar
https://wake.com
Comparta, revise y discuta los diseños entre su equipo. ¡Airbnb lo usa!
Carpa
http://marqueed.com
Marque y discuta imágenes en línea. Bastante útil para Photoshop.
Zeplin
https://zepln.io
La herramienta de colaboración definitiva entre diseñadores y desarrolladores.
Rebotar
http://www.bounceapp.com
Una manera divertida y fácil de compartir ideas en cualquier sitio web.
Proofhub
https://www.proofhub.com
Gestiona tus proyectos de manera eficiente. Asegúrese de que su equipo colabore y cumpla.
Jerga
https://lingoapp.com
Cree y comparta bibliotecas de activos visuales con todo su equipo. Solo para Mac
COLORES
Caza del color
http://colorhunt.co
Explore miles de combinaciones de cuatro colores hasta encontrar la correcta.
Adobe Color CC
https://color.adobe.com
Pruebe, genere y guarde varios esquemas de color.
Coolors
https://coolors.co
Desplácese por la página y guarde sus paletas favoritas.
TinEye
http://labs.tineye.com
Determine sus colores y busque imágenes con la combinación de colores perfecta.
ColorZilla
http://www.colorzilla.com
Extensión súper conveniente para elegir colores de una página web.
Colicioso
http://colicious.ga
Presione la barra espaciadora y genere un nuevo color. Divertido y útil.
PaletteGenerator
http://palettegenerator.com
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
http://unclrd.com
Extensión del navegador que convierte cada sitio web en blanco y negro.
INSPIRACIÓN
Regatear
https://dribbble.com
El lugar donde los diseñadores comparten sus activos más deslumbrantes.
Muzli
https://muz.li
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
http://designyoutrust.com
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
http://www.awwwards.com
Reconoce el talento y el esfuerzo de los mejores diseñadores, desarrolladores y agencias.
One Page Love
https://onepagelove.com
Exhibición original de elegantes sitios web de una página.
Sitio Ver
https://sitesee.co
Galería curada de sitios web hermosos y modernos de todo el mundo.
Designpiration
http://designspiration.net
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
http://www.adobe.com
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
http://logo.squarespace.com
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
http://www.logogenie.net
Logo Genie hace que el diseño de logotipos sea fácil y divertido.
Logo Makr
https://logomakr.com
Crea un logotipo simple con materiales de flaticones.
Tipo de logotipo Makr
https://logotypemaker.com
Generación aleatoria de logotipos para su empresa.
Logo Garden
https://www.logogarden.com
Seleccione la industria en la que está trabajando y elija uno de los logotipos generados.
Logoshi
https://www.logoshi.com
Dibuja un boceto desordenado y obtén un logotipo limpio y moderno.
Logaster
https://www.logaster.com
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
https://www.sketchapp.com
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
https://proto.io
Crea prototipos de aplicaciones ultra realistas. No se requiere codificación.
Soldar
https://www.weld.io
Dibuja tu sitio web en línea, como quieras.
Balsamiq
https://balsamiq.com
Herramienta Quick Wireframing que te permite hacer maquetas claras.
App Cooker
http://www.appcooker.com
Maneja maquetas y prototipos desde tu iPad.
Atómico
http://atomic.io
Diseñe prototipos realistas que pueda compartir con su equipo.
HTML5 arriba
https://html5up.net
Cree plantillas HTML5 con clase, personalizables y receptivas.
Axure
http://www.axure.com
Diseña rápidamente prototipos desde tu computadora y compártelos.
Espero que hayas disfrutado de esta lista de recursos para diseñadores web.
