mejores-herramientas-para-los-disenadores

 

Os presentamos 5 herramientas que son muy útiles para Muse Diseño, 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 tamaños de pantalla y resolución de su dispositivo móvil o de escritorio, abra este enlace en el dispositivo y obtendrá toda la información. Verá métricas de pantalla como tamaño y relación de píxeles, y características de navegadores. También puede comprobar los valores comunes de smartphones y tabletas aparte del suyo.herramientas-para-los-disenadores
  • 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. Puede subir imágenes JPEG y PNG y después hacer click en las miniaturas y utilizar 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.
    herramientas-para-los-disenadores2
  • 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.
    herramientas-para-los-disenadores3
  • 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.
    herramientas-para-los-disenadores4
  • 5. Google Chrome InspectorEl 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.

    herramientas-para-los-disenadores5
    En Adobe Muse ir a la página -> Propiedades de la página -> Metadatos y pegar este código en Html para <head>:
    <Meta name = “viewport” content = “anchura = ancho del dispositivo, escala inicial = 1.0, escala máxima = 1.0, escalabilidad del usuario = 0”>
     

    Vea el video tutorial para más información.