Proiectarea de machete de canvasuri pt. ecrane de diferite dimensiuni

Puteţi proiecta machetele de canvas pentru a corespunde dispozitivelor de diferite dimensiuni, optimizând conţinutul pentru a se potrivi în browser pentru fiecare dimensiune de ecran.

Subiecte:

Despre proiectarea machetelor de canvas pentru afişare pe dispozitive cu ecrane de diferite dimensiuni

Puteţi proiecta machetele de canvas pentru a se potrivi pe dispozitive cu ecrane de diferite dimensiuni, optimizând conţinutul din browser, de exemplu, pe un telefon mobil, o tabletă sau un laptop.

Optimizarea machetelor de canvas pentru ecrane de diferite dimensiuni

Atunci când deschideţi un registru de lucru pe dispozitive cu ecrane de diferite dimensiuni, dimensiunea ecranului canvasului se scalează la dimensiunea ecranului browserului, utilizând valorile prestabilite ale browserului. Redimensionarea browserului prin scăderea dimensiunii sale poate afecta capacitatea de a vedea detaliile din vizualizări. De exemplu, datele dintr-un grafic de tip dispersie, o hartă de importanţe sau majoritatea datelor subindicatorilor din vizualizarea unei viniete ar putea fi dificil de citit şi este posibil să nu se vadă informaţii esenţiale.

Dacă reduceţi dimensiunea canvasului într-un browser, vizualizările pot deveni prea mici pentru a afişa corect datele.
Această imagine prezintă o dimensiune redusă a ecranului canvasului, vizualizată într-un browser unde unele vizualizări au devenit prea mici pentru a vedea corespunzător datele.

Ca autor, puteţi proiecta puncte de întrerupere pentru canvas, astfel încât, atunci când dimensiunea ecranului canvasului este redusă, randarea vizualizărilor să se modifice pentru a se potrivi pe noua dimensiune a ecranului. De exemplu, dacă dimensiunea disponibilă a ecranului este prea mică pentru a afişa o vizualizare completă, puteţi rearanja sau ascunde vizualizarea, astfel încât să se vadă mai bine pe dimensiunea mai mică a ecranului. Specificaţi diferite dimensiuni de ecran pentru canvas şi diferite machete utilizând punctele de întrerupere ale canvasului, unde fiecare punct de întrerupere reprezintă un aranjament diferit al vizualizărilor afişate pentru fiecare dimensiune a ecranului.

Un canvas optimizat pentru un punct de întrerupere pentru o dimensiune mai mică a ecranului conţine vizualizări care sunt rearanjate pentru a simplifica vizualizarea pe un dispozitiv mai mic.
Această imagine prezintă o vizualizare optimizată creată utilizând un punct de întrerupere pentru un dispozitiv cu o dimensiune mai mică a ecranului.

Utilizaţi un slider pentru a defini dimensiunile ecranelor pentru afişarea canvasurilor pe ecrane de dimensiuni diferite ale utilizatorilor consumatori. De exemplu, puteţi modifica modul în care este afişată vizualizarea prin rearanjarea locaţiei, dimensiunii sau vizibilităţii sale pe canvas.

Atunci când adăugaţi un punct de întrerupere la un canvas, dimensiunea ecranului punctului de întrerupere determină modul în care vor fi afişate vizualizările atunci când sunt vizualizate pe un ecran de dimensiunea respectivă. Puteţi repoziţiona, redimensiona sau elimina vizualizările pentru punctul de întrerupere al unui canvas pentru a optimiza modul în care utilizatorii văd vizualizările. Puteţi specifica diferite configuraţii ale vizualizării pentru fiecare punct de întrerupere, iar diferenţele pentru fiecare punct de întrerupere sunt afişate pentru utilizatorul consumator numai atunci când rezoluţia dimensiunii ecranului browserului se potriveşte cu dimensiunea ecranului punctului de întrerupere pentru care s-au făcut modificările.

Proiectarea de machete de canvasuri de afişat pe dispozitive diferite

Puteţi crea puncte de întrerupere ale canvasului pentru a stabili modul în care sunt afişate vizualizările pentru utilizatorii consumatori pe dispozitive cu ecrane de dimensiuni diferite. De exemplu, puteţi seta puncte de întrerupere diferite pentru a optimiza vizualizarea pe un browser al dispozitivului mobil, al unei tablete sau al unui laptop.

Pictograma Tutorial Tutorial

  1. Pe pagina home, treceţi cursorul peste un registru de lucru, faceţi clic pe Acţiuni, apoi selectaţi Deschidere.
  2. Faceţi clic pe Editare pentru a afişa registrul de lucru pentru editare.
  3. Extindeţi canvasul la dimensiunea maximă, iar în Proprietăţi canvas, setaţi Machetă la opţiunea Încadrare automată şi faceţi clic pe OK.
  4. În subsol, faceţi clic pe Editor adaptabil de canvasuri pentru a deschide editorul în care puteţi defini punctele de întrerupere pentru a vizualiza canvasul pe dispozitive diferite.
    Editor adaptabil de canvasuri

  5. Setaţi un punct de întrerupere al canvasului:
    • Adăugaţi un punct de întrerupere în poziţia curentă a sliderului - Faceţi clic şi glisaţi sliderul la valoarea în pixeli pentru dimensiunea ecranului pe care doriţi să o utilizaţi pentru acest punct de întrerupere,
      Glisaţi sliderul la lăţimea necesară indicată în pixeli.

      apoi faceţi clic pe Adăugare punct de întrerupere Faceţi clic pe pictograma Adăugare punct de întrerupere pentru a adăuga un punct de întrerupere acolo unde se află sliderulpentru a adăuga punctul de întrerupere în locaţia curentă a sliderului.
    • Introduceţi manual o valoare pentru un punct de întrerupere - Faceţi clic pe Deschidere meniu Editor adaptabil de canvasuri, faceţi clic pe Adăugare punct de întrerupere şi introduceţi un număr în câmpul Poziţie pentru locul în care doriţi să amplasaţi acest punct de întrerupere.
      Introduceţi manual o poziţie pentru a adăuga un punct de întrerupere

  6. Repetaţi pasul anterior pentru a defini puncte de întrerupere suplimentare ale canvasului.
  7. Includeţi sau excludeţi vizualizările pentru fiecare punct de întrerupere al canvasului:
    • Faceţi clic dreapta pe punctul de întrerupere al canvasului pe care doriţi să-l administraţi (Un punct de întrerupere al canvasului şi markerul acestuia) şi faceţi clic pe Administrare punct de întrerupere.
      Utilizaţi caseta de dialog Administrare punct de întrerupere pentru a include sau a exclude vizualizări în/din acest punct de întrerupere al canvasului.

    • Faceţi clic pe o vizualizare din listă pentru a o exclude sau include în canvas pentru acest punct de întrerupere, apoi faceţi clic pe OK.
      Utilizaţi caseta de dialog Administrare punct de întrerupere pentru a exclude sau a include vizualizări şi filtre pentru dashboard din/în canvas pentru acest punct de întrerupere.

  8. Opţional: Creaţi o vizualizare şi adăugaţi-o la un punct de întrerupere selectând datele din panoul Date şi adăugând-o la canvas.
    Vizualizarea nouă este adăugată doar la punctul de întrerupere curent, cu toate acestea, puteţi adăuga vizualizarea la alte puncte de întrerupere de pe canvas selectând vizualizarea din listă, din caseta de dialog Administrare punct de întrerupere, pentru punctul de întrerupere respectiv.
  9. Opţional: Optimizaţi afişarea vizualizărilor pentru un punct de întrerupere al canvasului.
    Este posibil să doriţi să optimizaţi afişarea conţinutului pe un dispozitiv mai mic, cum ar fi un telefon mobil.
    • Reordonaţi vizualizările - Faceţi clic şi glisaţi vizualizările într-o poziţie nouă.
    • Optimizaţi vizualizările - Utilizaţi panoul Proprietăţi pentru a ascunde conţinutul care nu este necesar, cum ar fi titlul sau legenda.
    Când optimizaţi vizualizările pentru un punct de întrerupere, schimbările respective nu se aplică şi altor puncte de întrerupere din canvas.
  10. Faceţi clic pe Salvare.