I prototipi di Adobe XD non vengono visualizzati correttamente se visualizzati in un browser web

Scopri come correggere la resa delle tavole da disegno nei collegamenti prototipo.

Problema

I prototipi XD si riducono di dimensione quando vengono visualizzati in un browser.

Causa principale

Se i prototipi appaiono ridotti in un browser con larghezza e altezza della tavola da disegno adattate alla finestra del browser, l’impostazione Scorrimento viene applicata alla tavola da disegno.

Le tavole da disegno in XD hanno un’impostazione nella finestra di ispezione proprietà denominata Scorrimento, che può essere impostata su Nessuno o Verticale.

  • Se Scorrimento è impostato su Nessuno, l’intera tavola da disegno si adatta alla finestra del browser senza alcuna barra di scorrimento.
  • Se Scorrimento è impostato su Verticale, l’altezza del Viewport impostata per la tavola da disegno nella finestra di ispezione proprietà determina come visualizzare il contenuto nel browser:
    • Se l’altezza della finestra non è uguale all’altezza della tavola da disegno, l’altezza del Viewport si adatta alla finestra del browser e la larghezza viene regolata per mantenere le proporzioni.
    • Se l’altezza del Viewport è uguale all’altezza della tavola da disegno, la sua larghezza si adatta alla finestra del browser (se necessario) e l’altezza viene regolata.

Quando crei una tavola da disegno personalizzata in XD, la proprietà Scorrimento viene automaticamente impostata su Nessuno. Ciò fa apparire piccola una tavola da disegno grande. 

Verifica il collegamento con Scorrimento impostato su Nessuno
Verifica il collegamento con Scorrimento impostato su Nessuno

Verifica il collegamento con Scorrimento impostato su Verticale
Verifica il collegamento con Scorrimento impostato su Verticale

Soluzione

Utilizza l’impostazione Scorrimento per controllare l’aspetto del prototipo pubblicato come sarà visualizzato dagli stakeholder.

Per i progetti che rappresentano pagine di grandi dimensioni come siti web e volantini, imposta Scorrimento come Verticale e fornisci un valore del Viewport appropriato.

Impostazione dell’attributo Scorrimento su Verticale
Impostazione dell’attributo Scorrimento su Verticale

Logo Adobe

Accedi al tuo account