Las 5 mejores herramientas para los diseñadores de Adobe Muse

Aquí hay 5 herramientas que son muy útiles para Muse, donde puedes simular diferentes dispositivos y comprobar la capacidad de respuesta de los sitios, obtener inspiración o resolver otros problemas que puedas encontrar.

1. Mydevice.io

Si no está seguro de cuáles son los valores de su dispositivo, simplemente abra este enlace en el dispositivo y obtendrá toda la información. Verá métricas de pantalla como tamaño y proporción de píxeles y características de navegadores. También puede comprobar los valores comunes de smartphones y tabletas aparte de los suyos.
2. Optimizilla.com

Optimizilla es un optimizador de imágenes en línea. Cargue hasta 20 imágenes a la vez y comprima mientras mantiene el nivel de calidad de la imagen. Subir imágenes JPEG y PNG, y cuando se hace, haga clic en las miniaturas y utilice el control deslizante para controlar la compresión. ¿Cuál es la ventaja? En el lado izquierdo verá la imagen original y en el lado derecho es cómo se ve la misma imagen con compresión. De esta manera, siempre podrá comparar ambas imágenes.
3. Colourlovers.com

Si necesita inspiración o no está seguro de qué colores se verán bien juntos en su sitio web, visite Colourlovers.com. Es una comunidad donde personas de todo el mundo crean y comparten colores, paletas y patrones.

También puede generar una paleta a partir de un color. Pegue el código hexadecimal y mostrará todas las paletas que contienen ese color.
4. Quirktools.com

Este sitio web le permite ver su sitio web en una variedad de pantallas de dispositivos y resoluciones. Sólo tiene que escribir la URL y puede empezar a probar cómo se verá en diferentes tamaños de escritorio, tabletas y teléfonos inteligentes. No sólo funciona con sitios web en vivo, sino que también puede copiar su URL de previsualización de Adobe Muse y ver cómo se verá su sitio en un Kindle Fire o un iPad Air, entre otros.
5. Inspector de Google Chrome

El inspector de cromo es una alternativa a Quirktools. Tiene la misma función, pero en lugar de seleccionar el tipo de dispositivo, puede personalizar la altura y el ancho simplemente arrastrando la barra lateral.

Para abrir el inspector en Chrome, haga clic con el botón derecho sobre el sitio web y seleccione Inspector.

Por lo general, tendrá que agregar un código a su sitio web para que Chrome Inspector le muestre la página como se verá en un dispositivo real. Si no agrega el código, probablemente verá espacios en blanco o experimentará problemas relacionados con tamaños de página.

 

 

 

Artículo original en inglés: http://responsive-muse.com/2017/03/29/top-5-tools-adobe-muse-designers/