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.

Los mejores recursos de diseño web
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

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.

Entradas populares de este blog

Seminarios educativos y de crecimiento personal