Guida utente Annulla

Creazione di collegamenti con ancoraggio in Adobe XD

Scopri come creare collegamenti con ancoraggio per migliorare l’esperienza di navigazione nella tavola da disegno.

Adobe XD ti consente creare collegamenti con ancoraggio durante la prototipazione e ti aiuta a scorrere fino a determinate sezioni della tavola da disegno. Utilizza i collegamenti con ancoraggio per ottenere una maggiore velocità nella navigazione e una migliore fruibilità quando progetti un modulo sulla pagina o un articolo di testo molto lungo.

Collegamenti con ancoraggio
Esperienza di navigazione migliorata nella tavola da disegno

Vuoi modellare l’esperienza di scorrimento navigando rapidamente a sezioni specifiche della tavola da disegno? Per iniziare, procedi nel seguente modo.

  1. Passa alla modalità Prototipo. Seleziona l’oggetto sulla tavola da disegno a cui aggiungere il collegamento con ancoraggio.

  2. Trascina il collegamento di prototipazione verso il basso sulla tavola da disegno fino a raggiungere il punto in cui desideri collegarti.

  3. Fai clic sul collegamento di prototipazione per visualizzare il pannello di interazione visualizzato nella finestra di Ispezione proprietà con le opzioni seguenti:

    • Attivazione: imposta su Tocca.
    • Tipo di azione: Imposta su Scorri a. Desideri assegnare più azioni a un singolo attivatore? Per ulteriori informazioni, leggi questo articolo.
    • Destinazione: seleziona il livello di destinazione.
    • Offset Y: immetti il valore per l’offset y relativo alla parte superiore dell’oggetto collegato. Trascina la maniglia dell’offset y a sinistra della tavola da disegno e osserva che il valore dell’offset y cambia. Qualsiasi valore sopra l’oggetto collegato è un offset negativo e sotto è un offset positivo.
    • Andamento: seleziona un’opzione per simulare gli effetti di andamento. Ad esempio, seleziona Andamento in uscita per accelerare subito le animazioni dal prototipo.
    • Durata: immetti la durata di tempo. La durata massima che puoi impostare per la transizione tra due tavole da disegno è di 5 secondi.
    Creazione di collegamenti con ancoraggio

    A. Seleziona il tipo di attivazione B. Seleziona il tipo di azione su Scorri a C. Seleziona la tavola da disegno di destinazione D. Immetti il valore per offset Y E. Seleziona gli effetti di andamento F. Immetti la durata 

  4. Per visualizzare in anteprima l’effetto di scorrimento sulla tavola da disegno, seleziona  

Ulteriori informazioni

“Usa i collegamenti con ancoraggio per creare un'adorabile pagina di destinazione per un libro di animali con un’interazione per tornare all’inizio”. Howard Pinksy, Senior XD Evangelist di Adobe.

Guarda questo video per ulteriori informazioni. 

Tempo di visione: 3 minuti

Ora che sai come creare collegamenti con ancoraggio, scarica il kit per interfaccia utente di esempio nel quale troverai diversi esempi di progettazioni per singola pagina Web che potrai provare da te.

File di esempio


Passaggi successivi.

Ti abbiamo illustrato i primi passi per aggiungere i collegamenti di navigazione nella tua progettazione. Ora continua e scopri come aggiungere più interazioni alla tua progettazione usando i comandi e le riproduzioni vocali.

Hai una domanda o un'idea?

Chiedi alla community

Se hai domande o un'idea da condividere, partecipa nella community di Adobe XD. Desideriamo ricevere il tuo feedback e vedere le tue creazioni.

Ottieni supporto in modo più facile e veloce

Nuovo utente?