Diseñe y cree prototipos más rápido en Adobe XD usando las sugerencias y trucos indicados.

Estos son algunos trucos para ayudarle al usar Adobe XD.

Sugerencias y trucos generales

  • En lugar de copiar y pegar grupos de elementos en el diseño, plantéese usar la herramienta Repetir cuadrícula (disponible en el Inspector de propiedades).
  • Puede duplicar una forma seleccionándola, manteniendo presionada la tecla Opción (en Mac), o la tecla Alt (en Windows), y arrastrando una nueva copia de la misma.
  • Los elementos se pueden bloquear con Objeto > Bloquear (o Cmd + L) en Mac. Esto lo que hace en realidad es una alternancia del bloqueo, así que use el mismo comando para desbloquear los elementos. En Windows, haga clic con el botón derecho en un objeto y seleccione Bloquear en el menú contextual.
  • Habilite la selección directa manteniendo presionada la tecla Cmd o Ctrl. Esto le permite seleccionar objetos anidados.
  • Enmascare rápidamente soltando una imagen sobre una forma: la imagen pasará a ser el relleno de la forma.
  • Cree una máscara editable importando una imagen y luego dibuje una forma sobre ella. Seleccione ambas cosas y luego elija Objeto > Máscara con forma (en Mac), o haga clic con el botón derecho en los objetos y elija Máscara con forma en el menú contextual. Puede editar la máscara o la imagen más adelante, haciendo doble clic en el grupo enmascarado.

Dibujo y texto

  • Puede desactivar las guías de ajuste manteniendo presionada la tecla Cmd/Ctrl.
  • Haga doble clic en cualquier punto de ancla para alternar entre una curva y un ángulo.
  • Presione Opt/Alt mientras arrastra un controlador de curva para hacer que dicho controlador de curva sea independiente. (Para que vuelva a ser dependiente, haga doble clic para volver a un ángulo y luego repita el doble clic).
  • Puede seleccionar puntos de ancla al dibujar con la herramienta lápiz.
  • Haga doble clic para introducir un contexto de edición de grupo (puede agregar elementos en este contexto), o simplemente presione Cmd/Ctrl y haga clic en un objeto de un grupo para seleccionarlo.
  • Seleccione un elemento de texto y luego cree uno nuevo para aplicar todos los estilos del primer elemento al segundo.
  • Las combinaciones de trazados (Agregar/Restar/Intersectar/Excluir solapamiento) no son destructivas. Puede activarlas y desactivarlas.

Importación de contenido

  • Para traer contenido desde Illustrator, seleccione la forma vectorial en Illustrator, cópiela y luego péguela en Adobe XD.
  • Para traer contenidos de mapa de bits desde Photoshop, seleccione todo (Cmd + A o Ctrl + A) en un mapa de bits o una capa de texto (o primero convierta una capa o vectorial o un grupo en un objeto inteligente), cópielo y péguelo en Adobe XD. La capa pegada será un mapa de bits. También puede copiar contenido desde Photoshop haciendo una selección con la herramienta de marco. Luego, desde los menús, elija Editar > Copiar (para obtener la selección en la capa actual), o Editar> Copia fusionada (para obtener la selección en todas las capas de dentro de la selección).
  • Para traer contenido desde Sketch, seleccione una o más capas o grupos, y haga clic en Hacer exportable. Elija SVG como formato y arrastre y suelte la capa de Sketch en Adobe XD. Esto le proporcionará contenido vectorial editable en Adobe XD.
  • Para importar activos (PNG, JPG, TIFF, GIF, SVG) en Mac, puede usar Archivo > Importar, o bien arrastrar y soltar (o copiar y pegar) imágenes en Adobe XD desde Finder.
    En Windows, haga clic en el menú Hamburguesa y haga clic en Importar, o arrastre y suelte (o copie y pegue) imágenes desde el Explorador de archivos.
    También puede copiar y pegar desde el navegador a Adobe XD.

Controles del teclado

  • Al ajustar el radio de vértice, puede mantener presionada la tecla OPCIÓN para restringir el ajuste a una sola esquina.
  • Para deshabilitar temporalmente el ajuste al mover o cambiar el tamaño de los elementos, mantenga presionada la tecla Cmd o Ctrl.
  • Mantenga presionada la tecla MAYÚS mientras cambia el tamaño de un elemento para mantener la relación de aspecto del mismo.
  • Mantenga presionada la tecla ALT mientras dibuja una forma para dibujar desde el centro en lugar de la manera predeterminada (que es en la esquina superior izquierda).
  • Para cambiar rápidamente la opacidad de un elemento seleccionado, presione las siguientes teclas numéricas. Aquí, 1 = 10 %, 2 = 20 % y así sucesivamente; 0 = 100 %.
  • Al desplazar una forma o un punto de control con las teclas de flecha, mantenga presionada la tecla MAYÚS para empujar 10 px.
  • Mantenga presionada la BARRA ESPACIADORA para aplicar el modo de mano. Puede hacer clic y arrastrar para moverse por el lienzo.

Mesas de trabajo

  • Para seleccionar una mesa de trabajo, haga clic en su título y Cmd/Ctrl + clic en su fondo, o doble clic en su fondo.
  • Para seleccionar una mesa de trabajo vacía, haga clic en el fondo de la mesa de trabajo.
  • Para duplicar una mesa de trabajo (y su contenido), seleccione la mesa de trabajo y presione Cmd (en Mac) o Alr (en Windows) mientras arrastra para hacer una copia.
  • Para cambiar el nombre de una mesa de trabajo, haga doble clic en su título.

Repetir cuadrícula

  • Para ajustar el relleno entre los elementos repetidos de una cuadrícula de repetición, seleccione la cuadrícula de repetición y luego pase el ratón sobre el espacio entre los elementos y arrastre. Si está editando un elemento dentro de la cuadrícula de repetición, debe presionar ESCAPE para salir del modo de edición.

Creación de prototipos y vista previa

  • Seleccione cualquier objeto de una mesa de trabajo (o toda la mesa de trabajo) y arrastre un cable para desencadenar una interacción entre mesas de trabajo.
  • Arrastre un cable fuera de su destino para dejar sin efecto una interacción que haya establecido.
  • Utilice la transición Disolver al diseñar para la Web.
  • Puede ver todas las conexiones entre sus mesas de trabajo (excepto las que se desencadenen directamente desde las mesas de trabajo) presionando Cmd + A (en Mac) o Ctrl + A (en Windows) en modo Prototipo.
  • La ventana Vista previa muestra la mesa de trabajo que contiene la selección actual. Si no hubiera selección, la ventana Vista previa se abre primero con la mesa de trabajo Inicio.
  • Puede grabar un vídeo desde la ventana Vista previa del prototipo interactivo. Haga clic en el ícono de grabación de la barra de títulos para comenzar un vídeo.
  • Haciendo clic nuevamente en el botón de grabación, O presionando ESC, se detiene la grabación de vídeo.

Uso compartido

  • Para poder compartir, debe haber iniciado sesión con una cuenta de Adobe, en la aplicación de escritorio de Adobe Creative Cloud o en cualquier otra aplicación de Adobe (como Photoshop, Illustrator y similares).
    Se admiten tanto los Adobe ID como los Enterprise ID y los Federated ID.
  • Si comparte su archivo de diseño sin añadir antes interacciones, se cargarán todas las mesas de trabajo y los usuarios podrán navegar con las teclas de flecha del teclado. El orden de las mesas de trabajo comenzará por la parte superior izquierda y se moverá hacia la derecha.
  • Si su diseño incluye interacciones, solo se cargarán y compartirán las mesas de trabajo conectadas a la mesa de trabajo Inicio.
  • La mesa de trabajo definida como mesa de trabajo Inicio es la primera mesa de trabajo que aparece a los usuarios cuando ven el diseño compartido.
  • Puede cambiar la mesa de trabajo Inicio seleccionando el icono de la mesa de trabajo Inicio situado junto a la mesa de trabajo, en el modo de prototipo. Este icono de la mesa de trabajo Inicio solo se muestra para las mesas de trabajo seleccionadas (o el propio destino dentro de un destino seleccionado).
  • Al ver un prototipo en un navegador web móvil, puede guardar un acceso directo al mismo en la pantalla de inicio del dispositivo. Esto hace que el prototipo parezca más una aplicación nativa al presentarlo.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea