50 excelentes herramientas de diseño web que deberían estar en su caja de herramientas

Cuando eres diseñador, hay todo un mundo de posibilidades para ti. Internet puede proporcionarnos todo lo que necesitamos, solo necesitamos saber dónde y cómo encontrarlo. Este artículo pretende ser una ayuda para usted en su trabajo diario.

Estas son herramientas sin las que no debería tener que vivir

En esta colección hemos reunido una gran lista de recursos para usted. Esto es lo que necesita tanto para la inspiración como para la ejecución de sus grandes ideas de diseño. Encontrará sitios web sugeridos para acciones, galerías inspiradoras, herramientas de color, una gran cantidad de recursos relacionados con la codificación y mucho más.

Obtenga inspiración y muestre su propio trabajo

Aquí hay algunas galerías y comunidades geniales para ver nuevas ideas y también para ponerse en contacto con otros profesionales. Estas fuentes albergan cientos de horas de galerías inspiradoras. Aquí también puede cargar su propio arte para compartirlo con miles de personas en todo el mundo. ¡Solo sumérgete y sal como un mejor diseñador!

comportamiento
Behance Network es una excelente plataforma de cartera en línea que conecta creativos de todo el mundo. Se incluyen múltiples industrias, desde fotografía hasta moda y diseño web. Este es un gran lugar para comenzar cuando se busca creatividad e inspiración. Aquí puede crear su propia cartera, buscar trabajos y concursos, intercambiar consejos con otros o simplemente navegar.

DeviantART
deviantArt (dA) existe desde hace más de una década. Es una comunidad en línea excelente y muy activa que tiene mucha inspiración disponible. Aquí encontrará millones de obras de arte enviadas por los usuarios, desde fotografía hasta arte digital e incluso flash, textos y mucho más. También puede encontrar bastantes buenos scripts para varios programas (como acciones de Photoshop), pinceles y más para ayudarlo en su trabajo. En general, es un gran lugar para la aportación creativa.

Ascua
Ember es una excelente manera para que las personas encuentren nueva inspiración y la compartan con los demás. Las categorías representadas son bastantes; diseño gráfico, diseño web, diseño de interfaz de usuario, fotografía y diseño de interiores.

creativa
¡Como una gran galería y lugar para inspirarse, Creattica definitivamente debería estar en tu lista! Explore el trabajo de otros y vote si lo desea. Por supuesto, también puede cargar sus propios diseños y, si tiene suerte, aparecerá en la galería que tiene miles de espectadores diarios. Hay muchas categorías disponibles, también otras más específicas como gráficos en movimiento, portadas de libros y diseño de íconos.

Galerías de diseño web

Aquí hay algunas galerías que son específicas para el diseño web. Hay muchos por ahí, estos son solo algunos. Se actualizan con frecuencia y tienen muchos buenos diseños para que explores, independientemente del estilo que estés buscando.

CSS Manía

Mejor galería web

Élite CSS

Recursos de fotos de archivo

Los diseñadores ocasionalmente necesitan fotos de archivo para sus diseños. Estos son algunos ejemplos de dónde puede encontrar fotos e ilustraciones de archivo. La lista de lugares para buscar es larga, por lo que solo hemos incluido algunos lugares esta vez.

Stock.xchng
Este sitio web tiene montones, montones de imágenes de uso gratuito de todo tipo, desde ilustraciones hasta texturas. La calidad es un poco variable, pero si pasas unos minutos buscando, es muy probable que encuentres algo aquí. ¡Definitivamente hay muchas gemas aquí!

Flickr – Creative Commons
Navega a través de millones de imágenes archivadas bajo los diferentes tipos de licencias creative commons.

Istockphoto
Si desea acceder a algunas de las mejores fotos disponibles y puede pagarlas (realmente no es tan caro), iStockphoto es el lugar indicado. Aquí no solo hay fotos, sino también ilustraciones, videos y sonido.

fuentes

A veces, las fuentes que ya están instaladas en su sistema no son suficientes, o tal vez quiera saber qué fuente se usa en un diseño/maqueta específico. Con tantas fuentes disponibles, puede ser complicado saber a dónde ir. Aquí hay algunos sitios web que lo ayudarán a comenzar.

Dafont
Este sitio web tiene más de 11,000 fuentes disponibles y también tiene excelentes enlaces a herramientas relacionadas con fuentes que puede necesitar.

Fuentes urbanas
Más de 8000 fuentes bien divididas en categorías.

¿Qué fuente?
Cargue una imagen de una fuente, analícela y haga coincidir rápidamente. Use su teléfono celular para tomar una foto de un diseño que vea e inspírese, o cargue una captura de pantalla de algo para analizarlo.

Iconos

Hay muchos conjuntos de íconos excelentes que se lanzan en diferentes sitios web relacionados con el diseño todo el tiempo, por lo que si está buscando eso, es un buen consejo que simplemente vaya a Google. Si desea navegar por un par de sitios web específicos para encontrar algo para usar o inspirarse para crear los suyos propios, aquí hay algunos.

IconoArchivo
Aquí se pueden encontrar más de 32,000 íconos en diferentes categorías.

Buscador de iconos
Este sitio web existe desde 2007 y fue el primer motor de búsqueda centrado en iconos.

Buscar iconos
Find Icons es un motor de búsqueda de íconos que lo ayuda a encontrar íconos gratuitos con un sofisticado sistema de filtrado de búsqueda y coincidencia de resultados.

Herramientas de color

Encontrar y usar las combinaciones de colores correctas puede ser muy importante para sus diseños. Ya existen muchas buenas paletas, junto con excelentes herramientas relacionadas con los colores.

Küler
Debo decir que creo que esta es una de las herramientas más subestimadas proporcionadas por Adobe. Explore, cree y comparta temas de color de una manera fácil. Utilice la versión web, descargue la aplicación de escritorio o acceda a ella desde su programa Creative Suite favorito.

Amantes del color
Un excelente sitio web de comunidad creativa donde puede crear y compartir colores, patrones y paletas. También le permite discutir las tendencias actuales con otras personas e incluso comprar en la tienda.

Cazador de colores
Un sitio web dedicado a crear y compartir paletas de colores a partir de imágenes.

Herramientas relacionadas con la codificación y más

Si codifica, estos son excelentes recursos para ayudarlo en esa parte.

bicho de fuego
Esta herramienta se integra con Firefox. Le permite editar, depurar y monitorear CSS, Html y JavaScript en vivo. Una de las herramientas más populares de su tipo por ahí.

Servicio de validación de marcado W3C
Le ayuda a verificar la validez del marcado de sus documentos web.

Servicio de Validación CSS W3C
Igual que el anterior, pero solo para html que contiene CSS y CSS.

mecanógrafo
Comparación en línea de fuentes para la pantalla.

Tipo de letra.js
Incruste fuentes personalizadas en sus páginas web.

reflexión.js
Agregue fácilmente reflejos a sus imágenes.

Generador de iconos favoritos
Cree fácilmente favicons para sus sitios web.

pForm
Manera fácil y rápida de crear un formulario HTML simple.

CSS limpio
Formatee y optimice su CSS.

Net2ftp
Un cliente FTP basado en web.

Extensión para desarrolladores web
Agrega un menú y una barra de herramientas a su navegador con varias herramientas útiles para desarrolladores web.

Editor HTML en línea
Editor WYSIWYG con tiempo de respuesta rápido y la capacidad de cargar archivos y guardar.

Editor HTML en tiempo real
Bastante único, simple y fácil. No se necesitan complementos.

proyecto de lápiz
Bocetos y prototipos. Excelente para crear todo tipo de estructuras alámbricas e interfaces de usuario. Muchas plantillas integradas, excelentes opciones de exportación y mucho más. Extensión de Firefox, también disponible como independiente con Windows/GNU Linux. Esto es imprescindible en tu caja de herramientas.

cacao
Herramienta de dibujo en línea muy fácil de usar. Excelente para todas sus necesidades de diagramas, desde estructuras alámbricas hasta cualquier gráfico que necesite hacer. Buenas opciones para colaboraciones y compartir.

sinsonte
Ideal para maquetas de sitios web y aplicaciones. Interfaz limpia, funciones de arrastrar y soltar y muchos elementos de interfaz disponibles. Un favorito para muchos diseñadores.

Caja de herramientas de diseñadores
Un gran sitio web para visitar si desea especificaciones de tamaño estándar para cualquier cosa, desde sobres hasta banners web.

Capturas del navegador
Gran herramienta para comprobar cómo se verá su sitio web en diferentes navegadores.

Cuchara Navegador Sandbox
Ejecute diferentes navegadores sin ninguna instalación adicional.

¿Están activos mis sitios?
Supervise sus sitios web fácilmente y reciba notificaciones si están caídos, y descubra por qué.

Navegador
Vea su diseño web en cualquier navegador y sistema operativo. Revisa guiones y más.

Contador W3
Solución gratuita de análisis de sitios web alojados. ¿Quién es tu audiencia?

Las mejores plantillas gratuitas
Algunas de las mejores plantillas CSS disponibles para descarga gratuita.

Archivos, Notas

Y finalmente, aquí hay algunas otras herramientas que debe considerar para su caja de herramientas.

buzón
Una de mis propias herramientas favoritas. Con Dropbox, obtiene copias de seguridad en línea y puede sincronizar fácilmente entre diferentes computadoras. Compartir carpetas con otros usuarios también es una gran característica, junto con la posibilidad de acceder a sus archivos en línea desde cualquier lugar.

Evernote
Gran herramienta para texto, capturas de sitios web y más. Sincroniza fácilmente entre diferentes dispositivos y más. Fácil pero poderoso.

Documentos de Google
Crear y compartir en línea. Documentos de texto, hojas de cálculo, presentaciones, dibujos y formularios. Subestimado por muchos, ¡pero definitivamente es una herramienta poderosa que deberías echar un vistazo!

Hojas de trucos

Tener estos a mano puede significar ahorrar horas de trabajo y ayudarlo a mejorar tanto con su programación como con el software.

Codificar rápidamente
Enorme colección de hojas de trucos.

DevCheatSheet
Otro gran sitio con muchas hojas.

Mega colección de Cheatsheets para diseñadores y desarrolladores
Después de hacer esta colección de más de 100 hojas de trucos para Spyre Studios, recibí muchos comentarios positivos. ¡Un artículo muy popular que espero pueda ayudarte! También se agregan accesos directos de software y más.

Editores de imágenes en línea

A veces, usar un editor en línea para tareas sencillas puede ser una ventaja. Aquí hay un par de los más populares.

Photoshop.com
Recortar, cambiar el tamaño y otras funciones útiles se pueden encontrar aquí. También puede almacenar un puñado de sus imágenes aquí.

pixlr
Otro buen con muchas herramientas útiles disponibles para ti.

Esas fueron nuestras 50 selecciones para lo que creemos que debería estar en su caja de herramientas de diseñador. Como verá, se puede hacer mucho trabajo sin estar necesariamente en su propia computadora en todo momento y sin tener que gastar un montón de dinero.

¿Cuáles son tus favoritos?

Como de costumbre, nos encantaría escuchar sus comentarios y sus adiciones. Existen cientos de excelentes herramientas, por lo que somos conscientes de que diferentes diseñadores prefieren diferentes formas de hacer las cosas. Aún así, esperamos que esta colección te sea útil.

¿Por qué no nos dejas un comentario diciéndonos cuál es tu favorito y mencionas qué herramientas en línea estás usando que no están en nuestra lista?

0 Shares:
Te Recomendamos