Guía del usuario Cancelar

Redimensionamiento inteligente y restricciones

  1. Guía del usuario de Adobe XD
  2. Introducción
    1. Novedades de Adobe XD
    2. Preguntas habituales
    3. Diseñar, crear prototipos y compartir con Adobe XD
    4. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    5. Conceptos básicos del espacio de trabajo
    6. Cambiar el idioma de la aplicación en Adobe XD
    7. Acceder a kits de diseño de interfaz de usuario
    8. Accesibilidad en Adobe XD
    9. Métodos abreviados de teclado
    10. Consejos y trucos
    11. Opciones de suscripción de Adobe XD
    12. Cambios en el plan de inicio de XD
  3. Diseño
    1. Mesas de trabajo, guías y capas
      1. Empezar a usar mesas de trabajo
      2. Usar guías y cuadrículas
      3. Crear mesas de trabajo con desplazamiento
      4. Trabajar con capas
      5. Crear grupos de desplazamiento
    2. Formas, objetos y trazados
      1. Seleccionar, redimensionar y rotar objetos
      2. Mover, alinear, distribuir y organizar objetos
      3. Agrupar, bloquear, duplicar, copiar y voltear objetos
      4. Establecer el trazo, el relleno y las sombras paralelas de objetos
      5. Crear elementos repetidos
      6. Crear diseños en perspectiva con transformaciones 3D
      7. Editar objetos utilizando operaciones booleanas
    3. Texto y fuentes
      1. Trabajar con herramientas de dibujo y texto
      2. Fuentes en Adobe XD
    4. Componentes y estados
      1. Trabajar con componentes
      2. Trabajar con componentes anidados
      3. Añadir varios estados a componentes
    5. Máscaras y efectos
      1. Crear una máscara con formas
      2. Usar efectos de desenfoque
      3. Crear y modificar degradados
      4. Aplicar efectos de mezclas
    6. Maquetación
      1. Redimensionado interactivo y restricciones
      2. Establecer relleno fijo para componentes y grupos
      3. Crear diseños dinámicos con pilas
    7. Vídeos y animaciones de Lottie
      1. Cómo usar los vídeos
      2. Crear prototipos mediante vídeos
      3. Usar animaciones de Lottie
  4. Prototipo
    1. Crear prototipos interactivos
    2. Animar prototipos
    3. Propiedades de objetos compatibles con la animación automática
    4. Crear prototipos con teclado y mando de juego
    5. Crear prototipos utilizando comandos de voz y reproducción
    6. Crear transiciones temporizadas
    7. Añadir superposiciones
    8. Diseñar prototipos de voz
    9. Crear vínculos de anclaje
    10. Crear hipervínculos
    11. Previsualizar diseños y prototipos
  5. Compartir, exportar y revisar
    1. Compartir mesas de trabajo seleccionadas
    2. Compartir diseños y prototipos
    3. Establecer permisos de acceso de vínculos
    4. Usar prototipos
    5. Revisar prototipos
    6. Trabajar con especificaciones de diseño
    7. Compartir especificaciones de diseño
    8. Inspeccionar especificaciones de diseño
    9. Controles de las especificaciones de diseño
    10. Revisar y comentar especificaciones de diseño
    11. Exportar activos de diseño
    12. Exportar y descargar activos de especificaciones de diseño
    13. Grupos compartidos para empresas
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con activos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar activos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar activos de Bibliotecas Creative Cloud
  7. Documentos en la nube
    1. Documentos en la nube en Adobe XD
    2. Colaborar y coeditar diseños
    3. Coeditar documentos que compartan con usted
  8. Integraciones y complementos
    1. Trabajar con activos externos
    2. Trabajar con activos de diseño de Photoshop
    3. Copiar y pegar activos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar activos de Illustrator en Adobe XD
    6. Abrir o importar diseños de Illustrator
    7. Copiar vectores de Illustrator en XD
    8. Complementos para Adobe XD
    9. Crear y administrar complementos
    10. Integración de Jira para XD
    11. Complemento Slack para XD
    12. Complemento Zoom para XD
    13. Publicar diseño de XD en Behance
  9. XD para iOS y Android
    1. Vista previa en dispositivos móviles
    2. Preguntas frecuentes de Adobe XD para dispositivos móviles
  10. Solución de problemas
    1. Problemas conocidos y resueltos
      1. Problemas conocidos
      2. Problemas resueltos
    2. Instalación y actualizaciones
      1. XD aparece como incompatible en Windows
      2. Código de error 191
      3. Código de error 183
      4. Problemas al instalar complementos de XD
      5.  Solicitud para desinstalar y volver a instalar XD en Windows 10
      6. Problemas con la migración de preferencias
    3. Inicio y cierre inesperado
      1.  XD se cierra al iniciar la aplicación en Windows 10
      2.  XD se cierra al cerrar sesión en Creative Cloud
      3. Problema con el estado de suscripción en Windows
      4. Aviso de aplicación bloqueada al iniciar XD en Windows
      5. Generación de volcados de fallos en Windows
      6. Recopilación y uso compartido de registros de errores
    4. Documentos en la nube y bibliotecas Creative Cloud
      1. Problemas con documentos en la nube de XD
      2. Problemas con componentes vinculados
      3. Problemas con bibliotecas y enlaces
    5. Crear prototipos, publicar y revisar
      1. No se pueden grabar interacciones de prototipos en macOS Catalina
      2. Problemas con flujos de trabajo de publicación
      3. Los vínculos publicados no aparecen en los navegadores
      4. Los prototipos no se renderizan correctamente en los navegadores.
      5. El panel de comentarios aparece repentinamente en los vínculos compartidos
      6. No es posible publicar bibliotecas
    6. Importar, exportar y usar otras aplicaciones
      1. Importar y exportar en XD
      2. Archivos de Photoshop en XD
      3. Archivos de Illustrator en XD
      4. Exportar a After Effects desde XD
      5. Archivos de Sketch en XD
      6. Aplicaciones de terceros que no aparecen en Exportar

Conozca cómo usar el redimensionamiento inteligente y las restricciones para múltiples tamaños de pantalla y diseños.

Redimensionamiento inteligente

Al diseñar hoy en día para un entorno de dispositivos múltiples, es importante tener en cuenta la gran variedad de tamaños de pantalla disponibles en las resoluciones de móviles, tabletas y escritorios. Dado que no todos los diseñadores utilizan dispositivos similares, estos deben tener en cuenta cómo funcionará el contenido en múltiples tamaños de pantalla. 

Para resolver este problema de los usuarios, Adobe XD ha desarrollado una función denominada redimensionamiento inteligente que permite cambiar el tamaño de los objetos manteniendo simultáneamente las relaciones espaciales en diferentes tamaños, para adaptarse mejor a múltiples tamaños de pantalla.

Redimensionamiento inteligente
Redimensionamiento inteligente

Trabajar con el redimensionamiento inteligente

Con Redimensionamiento inteligente, XD predice automáticamente qué restricciones es probable que se vayan a aplicar y automáticamente aplica esas restricciones conforme se va cambiando el tamaño de los objetos. 

Tradicionalmente, para lograr un comportamiento de tipo interactivo, los diseñadores tenían que aplicar manualmente restricciones a múltiples objetos para así definir el comportamiento del objeto al cambiar su tamaño. Este método monótono y lento estaba centrado más en un trabajo de adivinación y movimientos repetitivos que ensombrecían la chispa creativa del diseño.

XD aplica restricciones automáticamente, analizando los objetos que haya seleccionado, su estructura de agrupamiento, la proximidad a los bordes del grupo principal y la información de diseño.

Redimensionamiento inteligente al trabajar con un activo cuyo tamaño se está cambiando

Retículos de redimensionamiento inteligente

Al cambiar el tamaño, aparecen retículos rosas en el objeto cuyo tamaño se está cambiando. Estos retículos indican qué reglas de restricción se aplican a un grupo. XD proporciona un método visual y en contexto de aprender cómo funcionan conjuntamente el redimensionamiento inteligente y las restricciones manuales.

Grupo en redimensionamiento con retículos rosa

Redimensionamiento inteligente y grupos

Antes de cambiar el tamaño, puede agrupar objetos similares para establecer relaciones entre ellos. XD conserva juntos los objetos agrupados de forma predeterminada y le permite establecer una jerarquía en sus proyectos a través de un mecanismo de organización que ya utiliza. Al redimensionarse, los objetos agrupados permanecen juntos.

Editar manualmente las restricciones

Si no está satisfecho con los resultados del redimensionamiento inteligente, puede editar manualmente las reglas de restricción. La colocación de restricciones manuales le permite determinar explícitamente cómo se comportan los objetos al cambiar el tamaño de un componente, una mesa de trabajo o un grupo que contengan capas.

Seleccione Manual para editar manualmente las restricciones que el redimensionamiento inteligente ha puesto en los objetos. Las restricciones manuales siempre anulan las restricciones automáticas puestas por XD. Puede usar las siguientes restricciones para especificar las reglas y controlar el comportamiento de los diversos componentes.

  • Anchura fija/variable
  • Altura fija/variable
  • Margen izquierdo fijo/variable
  • Margen derecho fijo/variable
  • Margen superior fijo/variable
  • Margen inferior fijo/variable
Configuración de restricciones en objetos individuales

Configuración de restricciones en grupo de objetos
Configuración de restricciones en un grupo de objetos

Cambiar interactivamente el tamaño de las mesas de trabajo

De forma predeterminada, el redimensionamiento inteligente está desactivado, pero puede activarlo para iniciar el redimensionamiento inteligente en las mesas de diseño.

Para activar el redimensionamiento inteligente:

  1. Seleccione la mesa de trabajo en modo de diseño.

  2. En el Inspector de propiedades, seleccione el botón de alternancia para activar el redimensionamiento inteligente.

    Activar el redimensionamiento inteligente, seleccionar Manual y ver restricciones
    Activar o desactivar el redimensionamiento inteligente

  3. Seleccione las siguientes opciones de redimensionamiento inteligente:

    • Auto: utiliza automáticamente restricciones para cambiar el tamaño de la mesa de trabajo.
    • Manual: le permite establecer restricciones manuales disponibles en el Inspector de propiedades.
    Activar el redimensionamiento inteligente, seleccionar Manual y ver restricciones
    Activar el redimensionamiento inteligente, seleccionar Manual y ver restricciones

Anular el redimensionamiento inteligente para grupos

Aunque el redimensionamiento inteligente es el comportamiento predeterminado de cambio de tamaño en los casos de selección múltiple y cambio de tamaño de grupo, puede hacer lo siguiente:

  • Para cambios de tamaño a escala, use la tecla Mayús para anular temporalmente el comportamiento interactivo. Puede tirar de uno de los controladores de selección de esquina para bloquear la relación de aspecto del grupo a medida que va cambiando el tamaño.
  • Desactive la opción de redimensionamiento inteligente en el Inspector de propiedades.
Logotipo de Adobe

Inicia sesión en tu cuenta