Guía del usuario Cancelar

Crear hipervínculos

Buscar

Última actualización el 20 abr. 2022

Guía del usuario de Adobe XD
Introducción
Diseño
1. Mesas de trabajo, guías y capas
2. Formas, objetos y trazados
3. Texto y fuentes
  1. Trabajar con herramientas de dibujo y texto
  2. Fuentes en Adobe XD
4. Componentes y estados
5. Máscaras y efectos
6. Maquetación
7. Vídeos y animaciones de Lottie
Prototipo
Compartir, exportar y revisar
Sistemas de diseño
Documentos en la nube
Integraciones y complementos
XD para iOS y Android
1. Vista previa en dispositivos móviles
2. Preguntas frecuentes de Adobe XD para dispositivos móviles
Solución de problemas
1. Problemas conocidos y resueltos
  1. Problemas conocidos
  2. Problemas resueltos
2. Instalación y actualizaciones
3. Inicio y cierre inesperado
4. Documentos en la nube y bibliotecas Creative Cloud
5. Crear prototipos, publicar y revisar
6. Importar, exportar y usar otras aplicaciones

Conozca cómo crear vínculos a páginas web externas en prototipos de Adobe XD.

Cualquier texto, objeto o componente de su diseño puede vincularse a una página web externa o a un programa de correo electrónico. Después de crear un hipervínculo, puede previsualizarlo y compartir las especificaciones de diseño con otros colaboradores.

Crear un hipervínculo de texto

Para crear un hipervínculo de texto a una página web o un programa de correo electrónico, realice los siguientes pasos:

En el modo Diseño, seleccione el texto dentro del contenedor de texto en el que desee crear el hipervínculo.
En el campo Insertar URL aquí del Inspector de propiedades, haga lo siguiente:
- Para crear un vínculo a una página web, escriba la URL de la página web. Ejemplo: https://www.adobe.com.
- Para crear un vínculo a una nueva ventana de correo electrónico con la dirección del destinatario, escriba mailto: seguido de la dirección de correo electrónico del destinatario. Ejemplo: mailto:john@xyz.com.
El hipervínculo de texto que cree se subrayará de forma predeterminada.

Una vez que cree el hipervínculo, podrá editarlo en el modo Diseño o Prototipo.

Crear un hipervínculo de objeto o componente

Para crear el hipervínculo de un objeto o un componente a una página web o un programa de correo electrónico, realice los siguientes pasos:

Cambie al modo Prototipo y seleccione el objeto o componente para el que desee crear el hipervínculo.
Haga clic en la flecha azul del objeto y, en el Inspector de propiedades, cambie la opción Desencadenador a Tocar, Teclas y mando de juego o Voz.
Active en Tipo de acción la opción Hipervínculo.
En el campo Destino, haga lo siguiente:

Vínculo a una página web

Vínculo a una página web

Para crear un vínculo a una página web, escriba la URL de la página web.

Ejemplo: https://www.adobe.com.

Vínculo a un correo electrónico

Vínculo a un correo electrónico

Para crear un vínculo a una nueva ventana de correo electrónico con la dirección del destinatario en el campo Para, escriba mailto: seguido de la dirección de correo electrónico del destinatario. Ejemplo: mailto:john@xyz.com.
Para probar el hipervínculo, haga clic en Vista previa de escritorio.

Cuando haga clic en un hipervínculo, siempre se abrirá en una pestaña separada del navegador.

Cuando publica y comparte un vínculo de especificaciones de diseño, los colaboradores pueden examinar el hipervínculo.

Cuestiones a las que prestar atención

Si añade una URL con un protocolo que no sea https o mailto, como http o sin protocolo, le aparecerá una advertencia. Puede modificar la URL o decidir continuar con la URL.
Al hacer clic en un objeto con un hipervínculo en el prototipo que utilice http o no tenga protocolo, la URL se abrirá automáticamente con https. Por ejemplo, si añade la URL como http://www.adobe.com o www.adobe.com, el vínculo se abrirá como https://www.adobe.com.
Al hacer clic en un objeto con un hipervínculo en el prototipo que utilice un protocolo que no sea http, https ni mailto, como ftp, la URL no se abrirá. Recibirá un mensaje de error que le aparecerá en la parte inferior de la pantalla.