La calidad y coherencia de las imágenes en una página web son cruciales para evitar una impresión amateur. Herramientas como Pixabay ofrecen bancos de imágenes gratuitas, mientras que Tinypng permite optimizarlas fácilmente.
Para realizar buenas imágenes para tus artículos no hace falta utilizar herramientas como Adobe Illustrator o ser experto en diseño gráfico. Una vez elegida, llegarás a un lienzo con las dimensiones escogidas en el que podrás arrastrar y soltar diversos elementos para ir diseñando la pieza : fondos, iconos, ilustraciones, fotografías, títulos, sellos, etc. Tendrás un sinfín de posibilidades para hacer que las imágenes de tu web o blog sean únicas y marquen la diferencia con tu competencia.
MockFlow
Pero MockFlow no solo sirve para crear bocetos de cara al cliente, también es muy útil cuando quieres reestructurar los contenidos y páginas de tu sitio web.
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.
Adobe Color CC
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.
Tinypng
Es muy sencilla de utilizar, ya que solo hay que arrastrar las imágenes al recuadro que aparece en pantalla y Tinypng las optimizará automáticamente.
Pixabay
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 o su calidad es mala, la impresión que se llevarán los usuarios será la de una web amateur. banco de imagenes gratis pixabay
Page Ruler
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.
Topic principal
Google Fonts
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.
Colorzilla
Para conocer el código de color exacto de cualquier elemento de una web hay una herramienta que te facilita mucho esta tarea. ColorZilla es una extensión para navegadores como Google Chrome y Mozilla Firefox muy sencilla de utilizar.