Vászonelrendezések tervezése különböző képernyőméretekhez

Megtervezheti úgy a vásznak elrendezéseit, hogy másként működjenek különböző képernyőméretű eszközön. Optimalizálhatja a tartalmukat, hogy illeszkedjen a különböző képernyőméretű eszközök böngészőjéhez.

Témakörök:

Tudnivalók a vászonelrendezések tervezéséről különböző képernyőméretű eszközökön való megjelenítéshez

Megtervezheti úgy a vásznak elrendezéseit, hogy különböző képernyőméretű eszközökhöz illeszkedjenek. Optimalizálhatja a böngészőben, például mobiltelefonon, táblagépen vagy laptopon megjelenő tartalmakat.

Vászonelrendezések optimalizálása különböző képernyőméretekhez

Ha különböző méretű eszközökön nyitunk meg munkafüzeteket, a vászon képernyőmérete a böngésző képernyőméretéhez illeszkedik (a böngésző alapértelmezett beállításait használva). Ha csökkentjük a böngésző méretét, az hatással lehet az ábrázolások részleteinek láthatóságára. Például nehezen olvashatóvá válhat egy szórásdiagram, hőtérkép vagy egy csempeábrázolás legtöbb mérési adata, így nem lesznek láthatók a kulcsfontosságú információk.

Ha csökkentjük a vászon méretét a böngészőben, az ábrázolások túl kicsivé válhatnak ahhoz, hogy megfelelően láthatóak legyenek rajtuk az adatok.
Ezen a képen egy böngészőben megtekintett csökkentett képernyőméretű vászon látható, amelyen az ábrázolások túl kicsivé váltak ahhoz, hogy megfelelően láthatóak legyenek rajtuk az adatok.

Szerkesztőként megtervezheti úgy a vászon töréspontjait, hogy ha módosítják a vászon képernyőméretét, az ábrázolások leképezése is módosuljon az új képernyőméretnek megfelelően. Például, ha az elérhető képernyőméret túl kicsi egy teljes ábrázolás megjelenítéséhez, átrendezheti vagy elrejtheti az ábrázolást, hogy jobban működjön a vászon a kisebb méretű képernyőn. A vászontöréspontok segítségével különböző vászon-képernyőméreteket és -elrendezéseket határozhat meg. Mindegyik töréspont az egyes képernyőkön megjelenő ábrázolások különböző elrendezéseit képviseli.

A kisebb képernyőméret töréspontjához optimalizált vászon olyan ábrázolásokat tartalmaz, amelyeket a rendszer átrendez, hogy egyszerűbb legyen a megtekintésük a kisebb eszközön.
Ezen a képen egy optimalizált ábrázolás látható, amelyet egy kisebb képernyőméretű eszközhöz hoztak létre töréspont használatával.

Egy csúszka segítségével határozhatja meg a képernyőméreteket azokra az esetekre, amikor a fogyasztó felhasználók más méretű eszközökön tekintik meg a vásznakat. Az ábrázolások megjelenítésének módját megváltoztathatja például a helyük, a méretük vagy a vásznon való láthatóságuk módosításával.

Ha töréspontot ad hozzá egy vászonhoz, a törésponti képernyőméret határozza meg, hogy az ábrázolások az adott képernyőméreten miként jelennek meg. Áthelyezheti, átméretezheti vagy eltávolíthatja az ábrázolásokat a vásznak töréspontjainál, így optimalizálhatja az ábrázolások láthatóságát a felhasználók számára. Meghatározhat különböző ábrázoláskonfigurációkat az egyes töréspontokhoz. Az egyes töréspontok különbségeit a fogyasztó felhasználó csak akkor látja, ha a böngészője képernyőmérete megegyezik azzal a törésponti képernyőmérettel, amelyhez az adott módosításokat hozzárendelték.

Vászonelrendezések tervezése különböző képernyőméretű eszközökön való megtekintéshez

A vásznon töréspontok létrehozásával meghatározhatja, hogy a különböző képernyőméretű fogyasztó felhasználók számára hogyan jelenjenek meg az ábrázolások. Beállíthat például különböző töréspontokat mobileszköz, táblagép vagy laptop böngészőjében való megtekintéshez.

Útmutató ikon Útmutató

  1. A Kezdőlapon vigye az egérmutatót egy munkafüzet fölé, kattintson a Műveletek lehetőségre, majd válassza ki a Megnyitás elemet.
  2. Kattintson a Szerkesztés lehetőségre a munkafüzet szerkesztésre való megjelenítéséhez.
  3. Bővítse ki a lehető legnagyobbra a vásznat, és a Vászon tulajdonságai alatt állítsa az Elrendezés értékét Automatikus illesztésre, majd kattintson az OK gombra.
  4. A láblécen kattintson a Reszponzív vászonszerkesztő lehetőségre annak a szerkesztőnek a megnyitásához, amelyben meghatározhat töréspontokat a vászon különböző képernyőméreteken való megtekintéséhez.
    Reszponzív vászonszerkesztő

  5. Válasszon ki egy töréspontot a vásznon:
    • Töréspont hozzáadása a csúszka jelenlegi pozíciójában – Kattintson, és húzza a csúszkát a törésponthoz használni kívánt képernyőméret pixelben megadott értékére,
      Húzza a csúszkát a szükséges szélességre (pixelben).

      majd kattintson a Töréspont hozzáadása Kattintson a Töréspont hozzáadása ikonra töréspont hozzáadásához a csúszka pozíciójábanelemre a töréspont hozzáadásához a csúszka jelenlegi pozíciójában.
    • Töréspont értékének manuális megadása – Kattintson a Reszponzív vászonszerkesztő menü megnyitása, majd a Töréspont hozzáadása lehetőségre, és egy szám megadásával a Pozíció mezőben határozza meg, hogy hová szeretné helyezni a töréspontot.
      Adjon meg manuálisan egy pozíciót töréspont hozzáadásához

  6. Ismételje meg az előző lépést további töréspontok hozzáadásához a vászonhoz.
  7. Ábrázolások használata vagy kizárása a vászon egyes töréspontjainál:
    • Kattintson a jobb egérgombbal a kezelni kívánt vászonra (Egy vászon töréspontja és a jelölője), majd kattintson a Vászon kezelése lehetőségre.
      A Töréspont kezelése párbeszédpanelen beállíthatja egyes ábrázolások használatát vagy kizárását a vászon egyes töréspontjainál.

    • Kattintson a listán szereplő egyik ábrázolásra, hogy beállítsa a kizárását vagy használatát a vászon töréspontjánál, majd kattintson az OK gombra.
      A Töréspont kezelése párbeszédpanelen beállíthatja egyes ábrázolások és irányítópulti szűrők használatát vagy kizárását a vászon adott töréspontjánál.

  8. Választható: Hozzon létre egy ábrázolást, és adja hozzá egy törésponthoz – ehhez válasszon ki adatokat az Adatok panelen, és adja hozzá őket a vászonhoz.
    Az új ábrázolást csak az aktuális törésponthoz adja hozzá a program, azonban az ábrázolást a vászon többi töréspontjához is hozzáadhatja, ha kiválasztja az adott ábrázolást az adott töréspontnál a Töréspont kezelése párbeszédpanelen szereplő listából.
  9. Választható: Optimalizálja egy vászon töréspontjának ábrázolásait.
    Érdemes lehet a tartalmat kisebb eszközön – például mobiltelefonon – való megjelenítésre optimalizálni.
    • Ábrázolások átrendezése – Kattintson az ábrázolásokra, és húzza őket új pozíciójukba.
    • Ábrázolások optimalizálása – A Tulajdonságok panel használatával elrejtheti az olyan szükségtelen tartalmakat, mint például a cím vagy a jelmagyarázat.
    Ha egy ábrázolás töréspontját optimalizálja, ezek a módosítások nem vonatkoznak a vászon többi töréspontjára.
  10. Kattintson a Mentés elemre.