Diseño web

Herramientas novedosas para el diseño de tu página web

WhatFont

Muy probablemente leyendo en un blog o en tus viajes por Internet, has visto una fuente tipográfica que te ha impactado y deseas usarla en tus trabajos. Sin embargo, no conoces el nombre de la fuente.
Pues aquí tienes la solución para tu pequeño problema, es la herramienta WhatFont, la cual es una ramificación de Google Chrome que te permitirá elegir un texto y conocer qué fuente utilizó el autor. Solo necesitas activar la extensión y dar clic en algún texto.

Page Ruler

Con el fin de optimizar la velocidad de tu web, es muy significativo que las imágenes que vas a utilizar las subas en el tamaño justo al que se van a ver.
Haces trabajar más al navegador si la subes en un tamaño superior al que la vas a mostrar, por ejemplo, si tienes previsto exhibir una imagen en 800x500px y la subes en 1600x1000px, fuerzas el proceso, además de incrementar su peso.
Esto genera que tu web tarde más en cargar, alterando la experiencia de usuario y, afectando tu posicionamiento SEO.
Si deseas evitar esto, lo conveniente es calcular cada imagen previa a subirla a tu web. Un ejemplo ilustrativo de esto sería, si estamos estructurando un blog y deseamos conocer cuál es el área reservada a las imágenes en la cabeza de las entradas, mediante Page Ruler conoceremos justamente las proporciones, y nos ahorraremos unos cuantos kb.

MockFlow

Se trata de una de los instrumentos de diseño de páginas web más usado en las primeras etapas de todo proyecto. A través de ella puedes elaborar bosquejos de la organización que deseas que tenga tu sitio web. Si eres desarrollador puedes mostrar varios borradores al cliente previo a comenzar con el diseño de tu página web en Lugo.
Así, al toparte con un cliente que no está muy seguro de cómo desea el diseño de su web, pueden realizar en conjunto un bosquejo, y después diseñar sobre una estructura ya convenida.
Esta herramienta no solamente vale para elaborar bosquejos y presentarlos a un cliente, es igualmente de gran utilidad si deseas reformar los contenidos y páginas de tu espacio web.
Lo más conveniente antes de modificar los componentes de tu web sin una estrategia definida, es elaborar un bosquejo para optimar y fortalecer la capacidad de conversión de tu sitio web.
Pixabay
El elemento que puede hacer fracasar a tu página Web y que tenga una apariencia corriente, es todo lo relacionado con las imágenes.
Aunque tengas una excelente estructura y una paleta de colores muy bien escogida, si las imágenes que seleccionaste no están en sintonía con todos los elementos de la web, o es de muy baja calidad, la sensación que se llevarán los usuarios es que se trata de una web de principiantes.
Pero ya cuentas con una de las plataformas con más cantidad de fotos en Internet. Se trata de Pixabay que posee una extensa galería de fotos gratuitas que responden a todas las temáticas y estilos, por lo que te será simple conseguir la imagen que requieres.

Tinypng

Para optimizar tus imágenes y por ende tus diseños web se presenta una herramienta que ya resulta necesaria. Nos referimos a Tinypng, el cual es una especie de compresor que reducirá el peso de tus contenidos gráficos.
Es muy fácil de usar; solo debes deslizar las imágenes al recuadro que figura en pantalla y se optimizarán inmediatamente.