La optimización de imágenes es crucial para el rendimiento de una página web, y herramientas como Tinypng son esenciales para reducir el peso de los contenidos gráficos. La elección de colores también juega un papel fundamental en la percepción de un sitio web; Adobe Color CC facilita la combinación de tonalidades adecuadas para causar una buena primera impresión.
La elección de las tonalidades de tu web no debes tomarla a la ligera. Es uno de los pilares fundamentales de tu proyecto, ya que cada combinación de colores transmite una primera impresión distinta. Por eso, y porque combinar colores no siempre es fácil, Adobe Color CC es una de las herramientas de diseño de páginas web y blogs que todo diseñador web debe conocer.
COLORZILLA
ColorZilla es una extensión para navegadores como Google Chrome y Mozilla Firefox muy sencilla de utilizar. Basta con que selecciones el cuentagotas que aparece al lado de la barra de direcciones y pases el ratón por encima del elemento del que quieres averiguar el color.
stylylebot
Si quieres iniciarte en la personalización de tu web mediante código CSS pero no te atreves a modificarlo directamente, Stylebot es una de las mejores herramientas de diseño de páginas web
tinypng
Siguiendo con las herramientas de diseño de páginas web enfocadas a las imágenes, ahora vamos con una imprescindible a la hora de su optimización: Tinypng, un compresor que disminuirá el peso de tus contenidos gráficos.
inconfinder
Una de las mejores formas de presentar los servicios que ofreces en la página de inicio de tu web es mediante un icono y una breve descripción. Queda muy profesional, aporta cercanía y es mucho más fácil de leer.
canva
Si tienes un blog, debes que saber que las imágenes de cabecera para tus entradas son muy importantes.
Es lo primero que verán los usuarios cuando entren en tu blog, por lo que es imprescindible causar una buena impresión. Además, si alguien comparte alguna de tus entradas en redes sociales,
pixabay
Si hay algún elemento que haga que una página web fracase y tenga un aspecto mediocre, ese es el relacionado con las imágenes.
No importa que tengas una buena estructura y unos colores muy bien elegidos, si las imágenes que has escogido no van en consonancia con el resto de la web
mockflok
Page Ruler
Para que esto no ocurra, lo mejor es medir cada imagen antes de subirla. Por ejemplo, si tenemos un blog y queremos saber cuál es el espacio destinado a las imágenes de cabecera de nuestras entradas, con Page Ruler podremos saber exactamente las dimensiones y ahorrarnos unos cuantos kb por el camino.
WhatFont
WhatFont es una extensión de Google Chrome que te permitirá seleccionar un texto y saber qué tipografía está utilizando el autor. Tan simple como activar la extensión y hacer clic en un texto.
Google Fonts
Se trata de una de las mayores bases de tipografías gratuitas del mundo en la que podrás encontrar fuentes de cualquier estilo: Monospace, Handwriting, Display, Sans Serif y Serif. No importa qué estilo quieras darle a tu página web, con Google Fonts siempre encontrarás una tipografía que se adapte a ello. Para Aula CM, esta son las mejores Google Fonts que te servirán para mejorar el diseño de tu web