In modalità Progettazione, seleziona il testo all'interno dell'oggetto di testo per cui desideri creare un collegamento ipertestuale.
Ultimo aggiornamento il
21 mar 2022
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 indirizzo 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 indirizzo e-mail, effettua le operazioni riportate di seguito:
Nel campo Inserisci URL qui nella sezione Testo di Ispezione proprietà, effettua le operazioni riportate di seguito:
Collegamento a una pagina Web sicura
Per collegarti a una pagina Web sicura (https), digita l'URL della pagina Web. Esempio: https://www.adobe.com.
Collegamento a un indirizzo e-mail
Per collegarti a un indirizzo e-mail, digita mailto: seguito dall'indirizzo e-mail del destinatario. Esempio: mailto:john@xyz.com.
Dopo aver definito un collegamento ipertestuale di testo in modalità Progettazione:
- Sull'area di lavoro, il testo con collegamento ipertestuale viene sottolineato per impostazione predefinita.
- Se solo una parte del testo è collegata a un collegamento ipertestuale, quando selezioni l'oggetto di testo sull'area di lavoro, vedrai un trattino (-) nel campo Inserisci URL qui.
- In modalità Prototipo, se selezioni un oggetto di testo che contiene collegamenti ipertestuali, questi verranno visualizzati nella finestra di Ispezione Proprietà.
- Puoi modificare un collegamento ipertestuale di testo in modalità Progettazione o Prototipo.
Quando pubblichi e condividi il collegamento delle specifiche di progettazione, gli stakeholder possono ispezionare il collegamento ipertestuale.
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 indirizzo di posta elettronica, effettua le operazioni riportate di seguito:
Collegamento a una pagina Web sicura
Per collegarti a una pagina Web sicura (https), digita l'URL della pagina Web. Esempio: https://www.adobe.com.
Collegamento a un indirizzo e-mail
Per collegarti a un indirizzo e-mail, digita mailto: seguito dall'indirizzo e-mail del destinatario. Esempio: mailto:john@xyz.com.
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.
Testo del collegamento ipertestuale nelle modalità Progettazione e Prototipo
Oltre a definire un collegamento ipertestuale per il testo in modalità Progettazione, puoi definire un collegamento ipertestuale per il relativo oggetto di testo in modalità Prototipo. Il collegamento ipertestuale definito in modalità Progettazione ha la precedenza sul collegamento ipertestuale in modalità Prototipo. In Anteprima desktop o collegamento prototipo:
- Quando fai clic su una parte del testo che non ha collegamenti ipertestuali definiti, si apre il collegamento ipertestuale definito in modalità Prototipo.
- Se colleghi l'intero testo all'interno di un oggetto di testo in modalità Progettazione e quindi colleghi l'oggetto di testo in modalità Prototipo utilizzando il trigger Tocca, il collegamento ipertestuale in modalità Prototipo non funzionerà.
App XD:
- Quando aggiungi un URL con un protocollo diverso da https o mailto, senza un protocollo o con URL di un dominio non valido, riceverai un avviso. Correggi l'URL.
Anteprima desktop e collegamento prototipo:
- Quando fai clic su un collegamento ipertestuale che utilizza un protocollo diverso da https o mailto, che non dispone di un protocollo o con URL di un dominio non valido, l'URL non si apre. Viene visualizzato un messaggio di errore nella parte inferiore dello schermo.
- Quando fai clic su un collegamento ipertestuale che ha un dominio valido, XD impone un controllo di sicurezza sul sito Web collegato. Se il controllo di sicurezza ha esito negativo, viene visualizzato un avviso di sicurezza. Puoi scegliere di procedere o uscire dall'URL.
Ulteriori informazioni
Per ulteriori informazioni su come utilizzare i collegamenti ipertestuali in XD, guarda questo video di tre minuti.
Risorse correlate
Hai una domanda o un'idea?
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.
Progetta prototipi UX con Adobe XD
Crea modelli interattivi per siti web e app per dispositivi mobili.
