Los diseñadores web necesitan una cantidad asombrosa de herramientas y recursos para operar. Necesita el hardware, el software de diseño, los libros electrónicos más recientes, una suscripción o dos a buenos recursos educativos para mantenerse actualizado, las fuentes premium, íconos, vectores, imágenes de stock, etc.
Es un milagro que alguien se las arregle para ganar un dólar o dos en este negocio.
Afortunadamente para su billetera (y sus resultados), hay una variedad casi infinita de recursos gratuitos en línea que realmente pueden ayudar a la mayoría de los diseñadores, sin que su trabajo se vea afectado por la calidad. Todo lo que tiene que saber es dónde buscar, y ahí es donde entramos nosotros.
En el transcurso de nuestros viajes, hemos compilado una lista completa de algunos de los mejores recursos gratuitos para diseñadores web disponibles en este momento. Empecemos las cosas a la antigua, con un buen libro o dos.
Nada puede vencer a un buen libro cuando se trata de aprender sobre un tema nuevo, y el diseño no es una excepción a esta regla. Es por eso que decidimos comenzar esta lista con algunos de los mejores libros electrónicos gratuitos disponibles en línea para todo tipo de diseñadores. Así que eche un vistazo, elija los que más le gusten, tome una buena taza de café y relájese un rato.
1. Técnicas elegantes de diseño de interfaz de usuario web
Las técnicas elegantes de diseño de interfaz de usuario web son proporcionadas por UXPin , la compañía detrás de algunas de las herramientas de diseño y estructuración de cables más utilizadas en el mercado. Este libro electrónico cubre técnicas para usar colores, diseño plano y consejos prácticos sobre cómo mantenerse actualizado en este campo.
2. Todo lo que hay que saber sobre el diseño de logotipos
Este pequeño libro electrónico cuenta con un título ambicioso, pero ¿su contenido está a la altura? Si bien no cubre todo lo que hay que saber sobre los logotipos en todo el universo, logra cubrir todos los aspectos básicos de su diseño en sus 25 páginas.
3. El puño de hierro del diseño
Este libro electrónico es la herramienta perfecta para convertir algunas de las mejores prácticas de la industria en diseñadores novatos. Alternativamente, también puede optar por leerlo, y dentro encontrará muchos consejos excelentes (y personales) de un diseñador experimentado.
El autor de este libro, Jarrod Drysdale, es el mismo hombre detrás del popular “ Diseño Bootstrapping ”.
4. El manual de precisión de Pixel Perfect
El Manual de precisión de Pixel Perfect es una creación de ustwo , una agencia de diseño digital. Se publicó inicialmente en 2010 y se ha actualizado continuamente desde entonces. Cubre los principios de diseño de píxeles perfectos y profundiza en las técnicas de Photoshop e Illustrator.
5. Los mejores diseños web de 2015–2016
Es posible que ya esté familiarizado con Awwwards como una fuente fantástica de inspiración para el diseño web, pero ¿sabía que también publican un libro electrónico anual con los mejores diseños web de dicho período? Este cubre 168 sitios web diferentes de todos los ámbitos de la vida y repasa exactamente lo que los hace tan increíbles, con muchas capturas de pantalla para ilustrar sus puntos.
Los mejores sitios web educativos
Si bien los libros pueden ser maestros fantásticos, a veces es posible que desee una experiencia más interactiva que lo guíe a través de técnicas de diseño complejas, y ahí es donde los sitios educativos vienen al rescate.
1. Bloque creativo
Creative Bloq es un gran recurso diario de noticias, consejos, inspiración y tutoriales para todo lo relacionado con el diseño. También tienen una sección dedicada únicamente al diseño web, que se actualiza con frecuencia y recientemente ha presentado artículos interesantes como “ Cómo crear animaciones personalizadas con Motion UI ” y “ Las 10 mejores herramientas de creación de prototipos para 2016 ”.
2. Revista aplastante
Si bien es posible que su sección de diseño web no se actualice con la frecuencia que nos gustaría, Smashing Magazine sigue siendo un recurso muy conocido para los profesionales de la web que buscan artículos detallados.
3. EnvatoTuts+
Envato es una empresa conocida en el mundo del desarrollo y diseño web, que ofrece de todo, desde temas de WordPress hasta secuencias de video, complementos, una plataforma de contratación para trabajadores independientes y también una colección de más de 21,000 tutoriales (principalmente centrados en diseño ) .
¿Dónde más buscar?
Hace un rato, hicimos un artículo que cubría no menos de 55 blogs de diseño web para seguir en 2016 , que deberías echarle un vistazo si estás buscando una lista obscenamente larga de fuentes autorizadas de diseño para seguir.
Las mejores herramientas y aplicaciones en línea
La vida del diseñador no tiene que ser todo acerca de Photoshop y Sketch (aunque son muy útiles). No vamos a hablar de alternativas gratuitas aquí, sino de algunas aplicaciones complementarias para completar su conjunto de herramientas.
1. Artesanía por InVision
Craft es un conjunto de complementos lanzado recientemente que funciona junto con su programa de diseño gráfico de elección (aunque puede integrarse directamente con esos dos) para ayudarlo a llevar su juego de diseño de interfaz de usuario al siguiente nivel.
2. Diseñador web de Google
Google Web Designer se lanzó sin demasiada fanfarria en 2013 como una herramienta para ayudar a los diseñadores a crear sus propios sitios y anuncios HTML5 interactivos. Designer también le permite crear archivos JavaScript, CSS y XML, además de ofrecer interfaces visuales y de código.
3. Maravilla
Marvel es una sencilla herramienta multiplataforma que permite a los diseñadores transformar sus bocetos en prototipos interactivos en un tiempo récord. Incluye animaciones personalizadas y es compatible con archivos .psd.
4. InVisión
Por último, pero no menos importante, InVision es una de las principales herramientas de creación de prototipos y colaboración para diseñadores. Incluye un poderoso sistema de comentarios para permitir que los equipos trabajen mejor juntos, así como notificaciones y el Santo Grial de las funciones de desarrollo: control de versiones.
Además, oye, ¡es gratis!
Las mejores bases de datos de fuentes
Si eres diseñador, lo más probable es que no necesitemos decirte lo importante que puede ser la tipografía. Si bien la mayoría de las personas solo se preocupan por qué fuente usar, usted sabe cómo elegir las que tienen la personalidad adecuada, qué tamaños usar, interletraje, seguimiento, alineación, interlineado, etc.
Hay muchas cosas que considerar, pero hoy nuestra única preocupación es brindarle algunos recursos excelentes donde puede encontrar algunas de las mejores fuentes gratuitas para sus proyectos.
1. Fuentes web de Adobe Edge
2. DaFont
3. Fuente Ardilla
4. Fuentes
Los mejores sitios de imágenes de stock
A todos los diseñadores les gustaría llenar sus proyectos web con imágenes únicas y personalizadas tan hermosas que todos los visitantes se quedarían atónitos. Sin embargo, en el mundo real, a veces hay que arreglárselas con imágenes de archivo.
Sin embargo, esto no significa necesariamente que tenga que conformarse con imágenes de baja calidad, especialmente si está bordeando el lado libre de las cosas. De hecho, hay muchos recursos gratuitos para impresionantes imágenes de stock gratuitas con diferentes categorizaciones de atribución disponibles.
1. Unsplash
2. Foto de Skitter
3. Libro de café de viaje
4. Magdalena
5. Pexels
6. República ISO
Los mejores repositorios de iconos
Los íconos únicos pueden agregar un gran toque a un diseño y fácilmente animar listas o llamadas a la acción. Ningún kit de diseñador está completo sin una variedad de íconos gratuitos que se pueden usar para cualquier tipo de proyecto.
1. Iconos secos
2. Iconos malvados
3. Iconos planos
4. Gemicon y Budicon
5. Iconos genéricos
6. Iconos8
7. iconoDulces
Las mejores bibliotecas de pinceles y vectores
Al igual que los íconos, ningún diseñador que se precie debería estar sin un suministro constante de pinceles y vectores de primer nivel. Si encuentra que le falta algo en este departamento, es hora de que lo arreglemos juntos.
1. Amantes de las brochas
2. Cepillo
3. Vecteezy
¿Dónde más buscar?
- Los 20 mejores pinceles de Illustrator
- Una gran compilación de 60 pinceles gratuitos de Illustrator
Las mejores fuentes de inspiración
La inspiración es una amante voluble; viene y va sin previo aviso. Sin embargo, incluso si está en una rutina, hay muchas cosas que puede hacer para que fluya la creatividad. Estos sitios son perfectos para una navegación rápida cuando tu musa se siente solitaria.
1. Gracias
Awwwards ya hizo una especie de aparición en la primera sección de nuestro resumen debido a su libro electrónico, y ahora marca la segunda muesca en su cinturón como una maravillosa fuente de inspiración. La gente detrás de este sitio web muestra regularmente algunos de los diseños más exclusivos e interesantes de la web y también los califica de acuerdo con su usabilidad, creatividad y contenido general.
2. Comportamiento
Behance ha estado sirviendo como un escaparate para los profesionales creativos de todos los campos desde 2006. Brindan un lugar donde los diseñadores pueden publicar su propio trabajo creativo y, dado que han atraído a tantas personas increíblemente talentosas, también se ha convertido en el lugar perfecto para las empresas. para encontrar su próxima contratación.
3. Regatear
Al igual que Behance, Dribbble pretende ser una plataforma para que los diseñadores compartan su trabajo. Sin embargo, a diferencia de él, Dribbble se centra más en fomentar el debate sobre cada pieza y permitir que los creadores expliquen su proceso. Si está reclutando diseñadores para una compañía Fortune 500, este es otro buen lugar para comenzar.
4. Toque de patrón
PatternTap es una gran colección de diseños o ‘patrones’. ¡Marque este como favorito para la próxima vez que necesite un poco de inspiración!
5. Desfile de interfaz de usuario
Para algo un poco más específico, UI Parade es un catálogo de excelentes ejemplos de diseño de UI que cualquier diseñador pronto aprenderá a amar.
Conclusión
Si bien no todos los recursos gratuitos en línea brillan, un diseñador perspicaz puede encontrar fácilmente diamantes en bruto, incluso en los lugares más inesperados.
Piense en los recursos que hemos compilado aquí como solo una introducción. Además del hardware y el software sin los que un diseñador no puede vivir (como Photoshop), puede encontrar alternativas gratuitas para casi cualquier cosa que pueda necesitar. ¡Es sólo cuestión de mirar!
¿Qué tipo de recursos le gustaría que cubramos en futuras publicaciones?
Imagen en miniatura del artículo de LWY Partnership / shutterstock.com