26 recursos gratuitos para diseño web que harán tu vida más fácil

Aquellos que se dedican al diseño web nunca habían tenido a su alcance tantos recursos gratuitos que facilitasen su trabajo como hasta ahora.

En internet hay un sinfín de herramientas y recursos gratuitos que permiten acelerar el proceso de creación de sitios web. Desde kits de UI hasta iconos, fuentes y libros que permiten ampliar conocimientos sobre cualquier materia.

Kits de UI

1. Vector UI Components

Este kit gratuito contiene una selección de tablas en 3D, gráficos y otros componentes para UI creados por Balraj Chana. Todos ellos están basados en vectores y son totalmente editables.

2. Landing

Landing es un kit gratuito para UI de LStore Graphics. Está repleto de componentes de interfaz de usuario que permiten acelerar la creación de cualquier página web. Está disponible para Sketch y Photoshop.

3. Visage

Visage es un kit de interfaz de usuario gratuito para Adobe Photoshop de Bostan Florin que contiene más de 70 componentes UI para crear páginas web. Los presenta en siete categorías: Blog, E-Commerce, Media, Admin, Forms, Headers y Footers.

4. Chat

Chat es un kit gratuito para UI multiplataforma de la aplicación InVision que ha sido diseñado para ayudar a crear una elegante aplicación de chat. Incluye 60 plantillas, 12 categorías y 80 componentes de interfaz de usuario para web, tableta y dispositivo móvil.

5. Basiliq

Este caso es un poco diferente a lo visto anteriormente: se trata de un kit de interfaz de usuario que contiene más de 300 formas vectoriales hechas a mano para Photoshop que pueden emplearse para crear mockups.

6. Overlap UI

Overlap es un kit de interfaz de usuario moderno y minimalista que tiene como objetivo ayudar a crear una página web limpia y con estilo. Construido sobre un sistema Bootstrap de 12 columnas por Vlad Cristea y Raul Taciu, viene en dos formatos de archivo: PSD y AI.

7. Flat UI Free

Basado en Bootstrap 3, Flat UI Free es un kit para UI gratuito que contiene componentes tales como botones, entradas, grupos de botones, selecciones, casillas de verificación, botones de radio, etiquetas, menús, barras de progreso y controles deslizantes, elementos de navegación y más.

Iconos
8. UXPin icon set

De los creadores de la plataforma de diseño de UX, UXPin presenta un conjunto diverso y atractivo de más de 80 iconos para diseño de interfaz de usuario web y móvil. Además de los archivos PDF y Adobe Illustrators, hay archivos SVG, PSD y PNG.

9. Aganè Icons

Aganè Icons es un set gratuito de 100 iconos que se centran en sistemas de señalización y sistemas gráficos urbanos. Este conjunto fue creado por Danilo de Marco y Giulia Gambino para acompañar a la fuente Aganè.

10. CSS Icon

CSS Icon es un set de iconos gratuito creado con CSS. Hay 152 iconos, todos creados por Wenting Zhang.

11. Collecticons

Collecticons es una colección en constante crecimiento de iconos que se pueden descargar gratis.

12. Mex-icons

Estos iconos temáticos mexicanos brillantes y coloridos están disponibles como archivos .png, .eps y ai, así como en formato de color y contorno. Son obra de Inkbyte Studios, con sede en Texas.

13. 30 Isometric Icon Set

Esta colección gratuita incluye 30 iconos isométricos en varios tamaños PNG. Creados por Iconshock, todos son totalmente editables en Illustrator.

14. Socialoha! Icons

Este conjunto de 756 iconos de redes sociales de estilo múltiple proviene de Iconshock. Están disponibles como archivos editables .ai de Illustrator, archivos .svg listos para web y png transparentes en varios tamaños.

15. Flat Line UX and Ecommerce icons

Smashing Magazine ha reunido dos conjuntos de iconos gratuitos diseñados por el equipo de diseño de Ecommerce Website Design. El set Flat Line User Experience Icon contiene 45 iconos con un toque retro y discreto, mientras que el conjunto E-Commerce Linear Icon presenta 38 iconos lineales que muestran símbolos, tiendas, ropa, códigos de barras y monedas.

16. Animated flat emojis

Este set de iconos gratuitos incluye 28 emojis animados que están completamente basados en vectores y pueden escalarse fácilmente, pero también se pueden usar como animaciones GIF en 3 tamaños: 32×32, 64×64 y 100×100.

17. Bank and money icons

Este set consta de 36 iconos de estilo plano sobre bancos y dinero. Creado por Vecteezy.com, incluye una gama de pictogramas de finanzas, desde tarjetas de crédito hasta huchas.

Fuentes

18. Cornera

Cornera es una fuente que se puede utilizar en piezas de comunicación, logotipos y breves textos. Creada por Gatis Vilaks de Wild One Design, es gratuita para uso personal y comercial.

19. Hamurz

Hamurz es una tipografía retro con textura rugosa y formas redondeadas. Creada por Bagus Budiyanto, también es gratis para uso personal y comercial.

20. Fina

Fina, como su propio nombre indica, es una fuente fina que, como las anteriores, es gratuita para uso comercial y personal. Fue diseñada por Yai Salinas exclusivamente para DesignHooks.

21. Fibon Sans

Fibon Sans es una familia sans-serif. Es un tipo de letra equilibrado, de bajo contraste, geométrico y altamente legible, muy adecuado para cualquier uso en pantalla y texto. Creado por Valerio Dell’Edera, es gratuita para uso personal y comercial.

22. L-7 Stencil

Esta fuente sans-serif, que ha sido creada por Luis Calzadilla, utiliza letras fragmentadas con acabados redondeados.

23. Aaron Grotesque

Actualizado 07/05/2021