A la hora de crear un sitio web es necesario saber de algunas herramientas de diseño que faciliten la construcción de nuestro sitio y que a la vez nos permita diseñar en menos tiempo. Hoy te mostraré 9 herramientas que te facilitarán en el diseño de tu pagina web.
Adobe Color CC
Hay que saber elegir cuidadosamente bien los colores de nuestra página, ya que el color es uno de los elementos más importantes que te ayudará a mostrar la personalidad de tu negocio. Adobe Color CC es generador de paletas de colores online que te ayudará a darle vida a tu negocio.
Adobe Color pone a tu disposición numerosos temas de colores, que podrás filtrar entre las más populares, más utilizados, al al zar, temas que has publicado o temas que te han gustado en el pasado.
Colorzilla
Me llego a pasar que al visitar un sitio web me llamaba la atención los colores que manejaba dándole un toque único a la pagina web pero se me dificultaba saber el código de color que manejaban, quizá les haya pasado en algún momento.
Colorzilla es una extensión de Google Chrome que te facilita el color exacto que llame tu atención, incluye un selector de color, cuentagotas, generador de gradiente y muchas herramientas de color avanzadas adicionales. También puede obtener una lectura de color desde cualquier punto de su navegador, ajustar rápidamente este color y pegarlo en otro programa.
WhatFont
Alguna vez te ha pasado que te encuentras visitando un sitio web y te llama la atención el tipo de letra que usa en su sitio y en el contenido de sus post, para darle solución a este problema está a nuestra disposición WhatFont que es una extensión de Google Chrome que te permite seleccionar el texto para saber qué tipo de tipografía está usando el sitio.
Google Fonts
Hoy en día existen diferentes tipos de fuentes que te serán muy útil para darle un toque único a tu página. La tipografía viene formando un elemento fundamental en el diseño de tu sitio web facilitando al lector a que tus contenidos sean amigables para leer.
Afortunadamente se cuenta con Google Fonts que es una herramienta que podrás integrar nuevas tipografías a tu sitio. Actualmente Google Font cuenta con 854 familias de fuentes diferentes, que te ayudarán a darle una buena presentación a tu sitio web.
Pexels
Las imágenes son un elemento fundamental en nuestro sitio web, así como el contenido de sus publicaciones, pero en ocasiones nos es difícil encontrar las imágenes de buena cálidas y de acceso gratuito. Pexels es un excelente banco de imágenes gratuito, que cuenta con una lista infinita de imágenes de todos los estilos. Todas sus imágenes son con Licencia de dominio público Creative Common 0 (CC0).
Canva
Si lo que buscas es darle originalidad a tus publicaciones Canva es una herramienta fácil de usar.
Con Canva puedes diseñar y crear contenido web de todo tipo. También podemos crear carteles, posters, infografías, documentos, tarjetas de visita,cuenta con múltiples plantillas, filtros, iconos, formas, tipografías, cabecera o gráfico para los artículos de tu blog, banners, cabecera de cuenta de Facebook y Twitter, Ebooks y blog de forma muy sencilla.
Puedes acceder de manera gratuita de forma limitada y cuenta con varios tutoriales para iniciarse en ella y conocer mejor todas sus posibilidades. También está disponible en la versión Premium.
MockFlow
Te ha pasado que cuando vamos a empezar un proyecto y a la hora de pensar cómo se vería tomamos lápiz y papel para plasmar nuestro diseño que tenemos en mente. MockFlow es una herramienta que te ayudará a plasmar esas ideas, permite crear prototipos de la estructura que conformará nuestro sitio de una manera muy rápida y sencillas, esta disponible en la versión gratuita y de paga.
Stylebot
Es una extensión para Google Chrome que te ayuda a modificar el código CSS de cualquier sitio web que estemos visitando. Stylebot nos ayudará en los momentos en el que estamos pensando en hacer algunos arreglos a nuestra página web, si no queremos modificar de forma definitiva el código CSS antes de encontrar lo adecuado para nuestro sitio web.
Sublime Text
Es un editor de código para desarrolladores web para programar sin distracciones es muy fácil de usar.
Sublime Text es un editor de pago, te permite descargar una versión de prueba, plenamente funcional y sin limitación de tiempo. Las licencias adquiridas para Sublime Text 3 no caducan, sin embargo, se requerirá una tarifa de actualización para Sublime Text 4. La aplicación está disponible para OS X, Linux y Windows.
¿Qué tal te ha parecido esta lista? ¿Conoces alguna otra herramienta que te gustaría compartir?
Déjame tus dudas, sugerencias y opiniones en los comentarios y con gusto te estaré respondiendo.