Bienvenido a este articulo, donde te resumirĆ© cuales son mis herramientas o recursos para el diseƱo web, estos son los que yo mĆ”s utilizo y con los que les doy un toque genial y diferente a mis diseƱo, ĀæQuieres conocerlo?, QuĆ©date aquĆ…Ā šš½šš½šš½
ā ļø Pero antes de empezar, ĀæYa viste el vĆdeo donde enseƱo como usar estas herramientas? AquĆ te lo dejoĀ
ĀæDeseas verlo en Youtube?
Herramienta #1 Many Pixels
Many pixels es un recurso para crear diseƱos web increĆbles debido a que Many pixels, nos ofrece bastantes ilustraciones svg para usar en nuestros proyectos de manera gratuita, ademĆ”s que tiene distintos tipos de ilustraciones, Monochromatic, Isometric, Two Color y Flatline, realmente una excelente alternativa.
Herramienta #2 Undraw
Undraw.co es uno de los recursos mƔs famosos, debido a todas las ilustraciones que este tiene, pero sobre todo se actualiza cada semana y sus ilustraciones son totalmente gratis sin derechos de autor, algo bastante genial.
Herramienta #3 Color codes
HTMLĀ Color Codes, es un asombroso recurso para el diseƱo web, ĀæPor quĆ©? Tenemos bastantes generadores de colores, pero en este generador tu seleccionas el color de tu preferencia, despuĆ©s puedes elegir entre diversas tĆ©cnicas de diseƱo para crear tu paleta de colores perfecta y en armonĆa.Ā
Un momento, antes de seguir dĆ©jame hacerte una pregunta ĀæTe gustarĆa aprender diseƱo web [HTML5 y CSS3] desde cero?
Herramienta #4 Google fonts
Google fonts, es la librerĆa de fuentes mĆ”s famosa, sin duda es la mejor herramienta de diseƱo web en cuestiĆ³n de fuentes, porque nos proporciona cientos de fuentes que podemos usarĀ libremente en nuestro proyecto web, de seguro hay una fuente adecuada para tu proyecto.
Herramienta #5 Get Waves
Getwaves es una herramientas muy genial que nos permitirƔ generar waves svg y despuƩs integrarlas a nuestro proyecto web para tener lo que se denomina un efecto wave, una tƩcnica muy moderna y que nos ayudarƔ bastante.
Herramienta #6 SVG Generator
SVG Generator Wavy, de igual manera que Get waves, nos permite generar waves en formato svg, es una herramienta igual de genial que get waves.
Herramienta #7 Web gradients
Web gradients es una genial herramienta para el diseƱo web, el cual es una biblioteca de gradientes ya establecidos, pero que son verdaderamente geniales, tu puedes seleccionar el que mĆ”s te guste y te darĆ” el cĆ³digo css o podrĆ”s tambiĆ©n descargarlo como png.
Herramienta #8 Ui Gradients
Ui Gradients, al igual que web gradients, es una enorme biblioteca en la cual nos da gradientes, con un filtro para encontrar los gradientes o degradados respectivos al color que hemos seleccionado, al igual que en webgradients, te darĆ” el codigo css del gradiente pero este te lo darĆ” con prefijos.
Herramienta #9 Unsplash
Unsplash es una biblioteca de imagenes gratuita, que nos permitirĆ” descargar imagenes de distintos temas, todas estas imagenes libres de derechos de autor, por lo que podrĆ”s usarlas en tus proyectos web sin ningĆŗn problema.
Herramienta #10 Pexels
Pexels, al igual que unsplash es un banco de imƔgenes en el cual igual podrƔs descargar imƔgenes libres de derechos de autor y utilizarlas en tus proyectos, hay imƔgenes de distintos ramos y temƔticas.
Herramienta #11 Box Icons
Box icons es un banco de iconos el cual nos proporciona cientos de iconos, estos iconos los podemos descargar como svg o png, tambiƩn podemos usarlos como web components y como fuente, verdaderamente genial para incluir iconos en tus proyectos.
Herramienta #12 Figma
Figma es una gran herramienta para el diseƱo web, ademĆ”s de estar creada para diseƱar interfaces, tambiĆ©n nos va a permitir modificar elementos svg como ilustraciones e iconos, de esta manera podemos personalizarlos al mĆ”ximo, ademĆ”s figma es totalmente gratuito para individuos y se ejecuta en el navegador por lo que no tendrĆ”s que preocuparte por la compatibilidad.Ā
Un momento, antes de seguir dĆ©jame hacerte una pregunta ĀæTe gustarĆa aprender diseƱo web [HTML5 y CSS3] desde cero?
Bien, estas son todos los recursos, espero te haya gustado, si te gusto suscribete a mi canal y a la newsletter, nos vemos en el prĆ³ximo articulo, te ha escrito tu amigo Jordan Alexander de AlexCG Design, nos vemos.
[…] Descubre mĆ”s recursos Ir a Boxicons […]
[…] Descubre mĆ”s recursos web Ir a Boxicons […]
[…] Descubre mĆ”s recursos web Ir a CSS Patterns […]