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
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.
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.
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.
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
Aron Grotesque es una geométrica sans que ha sido optimizada como fuente web. Su uso es gratis en caso de que se comparta en las redes sociales.
24. Shkoder 1989
Shkoder 1989 es una fuente deportiva inspirada en la década de 1990. Combinando dos pesos, fue diseñada por Julian Hoxhaj y Ana Hoxha y es gratuita tanto para uso personal como comercial.
25. Norwester
Esta sans serif se caracteriza por las mayúsculas de sus letras, que la convierten en una gran opción para los diseños de encabezado. Fue creada por Jaime Wilson.
26. Aganè
Diseñada por Danilo De Marco, Aganè es una fuente gratuita, ideal para usar en la producción de interfaces de usuario.