Guida utente Annulla

Creazione di collegamenti ipertestuali

Scopri come creare un collegamento a pagine Web esterne da prototipi Adobe XD.

Qualsiasi testo, oggetto o componente nella progettazione può collegarsi a una pagina Web esterna o a un programma di e-mail. Dopo aver creato un collegamento ipertestuale, puoi visualizzarlo in anteprima e condividere le specifiche di progettazione con gli stakeholder.

Creazione un collegamento ipertestuale di testo

Per creare un collegamento ipertestuale di testo a una pagina Web o a un programma di e-mail, effettua le operazioni riportate di seguito:

  1. In modalità Progettazione, seleziona il testo all'interno del contenitore di testo per cui desideri creare un collegamento ipertestuale.

  2. Nel campo Inserisci l'URL qui della finestra di Ispezione proprietà, effettua le operazioni riportate di seguito:

    • Per collegarti a una pagina Web, digita l'URL della pagina Web. Esempio: https://www.adobe.com.
    • Per collegarti a una nuova finestra di e-mail con l'indirizzo del destinatario, digita mailto: seguito dall'indirizzo e-mail del destinatario. Esempio: mailto:john@xyz.com.

    Il collegamento ipertestuale di testo creato viene sottolineato per impostazione predefinita.

Una volta creato un collegamento ipertestuale, puoi modificarlo in modalità Progettazione o Prototipo.

Creazione di un collegamento ipertestuale di un oggetto o di un componente

Per creare un collegamento ipertestuale di un oggetto o un componente a una pagina Web o a un programma di posta elettronica, effettua le operazioni riportate di seguito:

  1. Passa alla modalità Prototipo e seleziona l'oggetto o il componente per cui desideri creare un collegamento ipertestuale.

  2. Fai clic sulla freccia blu sull'oggetto e, nella finestra di ispezione Proprietà, imposta l'Attivazione su Tocca, Tasti e gamepad oppure Voce.

  3. Imposta Tipo di azione su Collegamento ipertestuale.

  4. Nel campo Destinazione effettua le operazioni riportate di seguito:

    Collegamento a una pagina Web

    Collegamento a una pagina Web
    Collegamento a una pagina Web

    Per collegarti a una pagina Web, digita l'URL della pagina Web.

    Esempio: https://www.adobe.com.

    Collegamento a e-mail

    Collegamento a e-mail
    Collegamento a e-mail

    Per collegarti a una nuova finestra di e-mail con l'indirizzo del destinatario nel campo A, digita mailto: seguito dall'indirizzo e-mail del destinatario. Esempio: mailto:john@xyz.com.

  5. Per visualizzare l’anteprima del collegamento ipertestuale, fai clic su  Anteprima desktop.

    Quando fai clic su un collegamento ipertestuale, si aprirà sempre in una scheda separata del browser. 

Quando pubblichi e condividi il collegamento delle specifiche di progettazione, gli stakeholder possono ispezionare il collegamento ipertestuale.

Elementi a cui prestare attenzione

  • Se aggiungi un URL con un protocollo diverso da https o mailto, ad esempio, http o senza un protocollo, ricevi un avviso. Puoi modificare l'URL o scegliere di continuare con l'URL.
  • Quando fai clic su un oggetto con collegamento ipertestuale nel prototipo che utilizza http o nessun protocollo, l'URL si apre automaticamente con https. Ad esempio, se aggiungi l'URL come http://www.adobe.com oppure www.adobe.com, il collegamento si apre come https://www.adobe.com.
  • Quando fai clic su un oggetto con collegamento ipertestuale nel prototipo che utilizza un protocollo diverso da http, https oppure mailto, ad esempio ftp, l'URL non si apre. Viene visualizzato un messaggio di errore nella parte inferiore dello schermo.
Avviso quando non si utilizzano i protocolli https o mailto
Avviso quando non si utilizzano i protocolli https o mailto

Messaggio di errore quando si utilizza un protocollo diverso da http, https o mailto
Errore quando si utilizza un protocollo diverso da http, https o mailto

Ulteriori informazioni

Per ulteriori informazioni su come utilizzare i collegamenti ipertestuali in XD, guarda questo video di due minuti.

Risorse correlate

Hai una domanda o un'idea?

chiedi alla community

Hai domande o un'idea da condividere? Iscriviti e partecipa alla community di Adobe XD. Desideriamo ricevere il tuo feedback e vedere le tue creazioni.

Ottieni supporto in modo più facile e veloce

Nuovo utente?