Använd rutnätslayout för att organisera innehåll i Lucid

Skriven av:  Morgan T
Senast uppdaterad:  

Använd rutnätslayout för att enkelt organisera innehåll i simbanor, containrar och ramar med ett enda klick. Den här funktionen justerar automatiskt objekt för en ren och strukturerad arbetsyta genom att fästa objekt i ett rutmönster och justera behållarstorleken när du lägger till eller tar bort innehåll. Rutnätslayout är också tillgänglig för användning på AI-genererade diagram. Läs den här artikeln för att lära dig hur rutnätslayouten kan optimera utseendet och organisationen av ditt Lucid-dokument.

Plantillgänglighet: Free, Individual, Team och Enterprise.

Titta: Rutnätslayout i Lucid Suite

Aktivera rutnätslayout

Rutnätslayouten organiserar innehåll i ett justerbart rutnätsmönster inom ramar, behållare och simbanor, och justerar automatiskt utrymmet efter behov när innehåll läggs till eller tas bort. Stegen för att aktivera rutnätslayout för ramar, behållare och simbanor skiljer sig åt i varje Lucid-produkt. Kolla in avsnitten nedan för stegen i Lucidchart och Lucidspark.

example-of-how-assisted-layout-works-in-lucidspark.gif

Not: De flesta bilder och exempel i den här artikeln kommer från Lucidspark, men du kan förvänta dig liknande funktioner i Lucidchart.

I Lucidchart

För att aktivera rutnätslayout i Lucidchart, följ dessa steg:

  1. Markera ramen för en ram, behållare eller simbana på arbetsytan.
  2. Aktivera "Rutnätslayout" från kontextpanelen till höger om arbetsytan.
    swim-lane-with-assisted-layout-toggled-on-in-lucidchart.png

Befintliga objekt i ramen, behållaren eller simbanan kommer automatiskt att fästas i ett rutmönster. För fler anpassningsalternativ, se avsnittet Anpassa alternativ för rutnätslayout nedan.

I Lucidspark

För att aktivera rutnätslayout i Lucidspark, följ dessa steg:

  1. Klicka på kanten av en ram, behållare eller simbana på tavlan.
  2. Välja assisted-layout-icon.png ikonen för rutnätslayout från den snabbmenyn som visas.
  3. Aktivera "Rutnätslayout".

Befintliga objekt i ramen, behållaren eller simbanan kommer automatiskt att ordnas om till ett rutmönster. För fler anpassningsalternativ, se avsnittet Anpassa alternativ för rutnätslayout nedan.

Använd rutnätslayout med befintliga former

Du kan aktivera rutnätslayout för befintliga former på arbetsytan, även om de inte finns i en ram, behållare eller simbana. Följ stegen i de fetstilta avsnitten nedan för att göra detta i Lucidchart och Lucidspark.

I Lucidchart

  1. Välj två eller flera former på arbetsytan.
    • Håll ”Skift” på tangentbordet för att välja flera objekt.
  2. Högerklicka på markeringen.
  3. Välj Lägg till i rutnätslayout bland alternativen som visas.

Formerna läggs till i en ram med rutnätslayout aktiverad.

I Lucidspark

  1. Välj två eller flera former på arbetsytan.
    • Håll ”Skift” på tangentbordet för att välja flera objekt.
  2. Välj quick-cleanup-icon.png ikonen Snabbrensning på snabbmenyn som visas.
  3. Klicka på Använd rutnätslayout.

Formerna läggs till i en ram med rutnätslayout aktiverad.

Städa
I både Lucidchart och Lucidspark kan du snygga till ett urval av former, vilket fungerar på liknande sätt som rutnätslayouter, utan att placera objekten i en ram, behållare eller simbana.

Följ dessa steg för att städa upp föremål på duken:

  1. Välj tre eller flera former på duken.
  2. Håll muspekaren över markeringen.
  3. Klicka på Städa upp i det nedre högra hörnet av markeringen.

Objekten organiseras om till ett rutnätsmönster på arbetsytan, och du har möjlighet att justera avståndet mellan objekt.

Kluster  lucidspark-only-tag.png
I Lucidspark kan du gruppera ett urval av former som är utspridda på duken. Detta samlar objekt i ett rutnätsmönster på en plats på duken.

Om du vill gruppera objekt på arbetsytan följer du dessa steg:

  1. Välj tre eller flera former på duken.
  2. Välj quick-cleanup-icon.png ikonen Snabbrensning på snabbmenyn som visas.
  3. Klicka på Kluster.

Objekten omorganiseras till ett kondenserat rutnätsmönster på duken.

shapes-in-lucidspark-being-clustered-and-tidied-up.gif

Lägg till och hantera innehåll med hjälp av rutnätslayout

När du har aktiverat rutnätslayout finns det flera alternativ för att lägga till och hantera innehåll. Se avsnitten nedan för mer information om hur du lägger till, ordnar om och sträcker ut innehåll.

Lägg till nytt innehåll

När rutnätslayouten är aktiverad lägger du till nytt innehåll genom att dra det till ramen, behållaren eller simbanan.

  • Släpp objektet över en mörk linje om du vill infoga objektet i en ny rad eller kolumn.
  • Släpp objektet över en skuggad dropzone för att lägga till objektet i ett befintligt utrymme.

frames-showing-how-to-add-new-content-using-assisted-layout.png

Precisionsplacering
För att placera ett objekt på en exakt plats i en ram, behållare eller simbana med rutnätslayout aktiverad, använd precisionsplacering. Detta gör att du tillfälligt kan stänga av rutnätsfästing, så att du kan placera en form exakt där du vill ha den.

Om du vill använda precisionsplacering följer du dessa steg:

  1. Markera ett objekt.
  2. Håll ned Ctrl (PC) eller Kommando (Mac) på tangentbordet och dra sedan objektet på plats.

En prickad linje visas som visar vilken rutnätscell eller befintligt objekt ditt nya objekt kommer att förankras till. När du förankrar det till ett befintligt objekt grupperas de två, vilket innebär att om du flyttar det ursprungliga objektet inom ramen, behållaren eller simbanan automatiskt flyttas det nya med det.

how-to-use-precision-placement-with-a-frame-that-has-assisted-layout-enabled-in-lucidspark.gif

Tips: När du drar ett objekt till en ram, behållare eller simbana som har rutnätslayout aktiverad, håll markören över en specifik plats i två sekunder för att aktivera precisionsplacering istället för att använda kortkommandot ovan.

Kapsla en ram, behållare eller simbana i en annan
För ett extra organisationslager kan du kapsla en ram, behållare eller simbana i en separat ram, behållare eller simbana.

Den kapslade ramen, behållaren eller simbanan upptar en platta i layouten, men behåller sina egna inställningar för rutnätslayout. Till exempel kan en kapslad container ha annan utfyllnad och avstånd än den överordnade ramen den är kapslad i.

För att kapsla en ram, container eller simbana, dra den inuti valfri ram, container eller simbana som har rutnätslayout aktiverad.

a-frame-being-dragged-into-another-frame-nested-using-assisted-layout-in-lucidspark.gif

Obs: Både den överordnade och den kapslade ramen, containern eller simbanan måste ha rutnätslayout aktiverad för att kapsling ska fungera.

Ordna om objekt

Om du vill byta plats på två objekt drar och släpper du ett objekt ovanpå ett annat.

animation-showing-a-square-switching-places-with-a-circle-when-dragged-on-top-of-it.gif

Not: När du ordnar om objekt hålls linjerna på plats och fästs automatiskt mot den nya formen.

Spänna ett objekt över flera celler

Du kan sträcka ut ett objekt, en ram, en behållare eller en simbana över flera celler i ett rutnätslayout genom att följa stegen nedan.

I Lucidchart

  1. Markera objektet, ramen, behållaren eller simbanan som du vill spänna över flera celler.
  2. Klicka på kontextuell panelikon in-lucidchart.png ikonen Kontextuell panel i det övre högra hörnet av arbetsytan.
  3. Klicka på rullgardinsmenyn under ”Span cells”.
  4. Välj ett alternativ i rullgardinsmenyn:
    • Uppta en cell för att lämna formen i en cell. Formen kommer inte att sträcka sig över flera celler, även om storleken ändras.
    • Spänn horisontellt så att formen kan sträckas över flera horisontella celler.
    • Spänn vertikalt så att formen kan sträckas över flera vertikala celler.
    • Spänn över båda rikt ningarna så att formen kan sträckas över flera celler både horisontellt och vertikalt.
  5. Använd dragflikarna som visas på objektets kanter för att spänna det i önskad riktning.

Objektet upptar nu flera celler i rutnätets layoutrutnät.

I Lucidspark

  1. Markera objektet, ramen, behållaren eller simbanan som du vill spänna över flera celler.
  2. Klicka på span-cells-icon.png ikonen Spannceller i det sammanhangsberoende verktygsfältet som visas.
    • Om du tidigare har uppdaterat intervallinställningarna för den här formen kan ikonen vara annorlunda.
  3. Välj ett alternativ på panelen som visas:
    • Uppta en cell för att lämna formen i en cell. Formen kommer inte att sträcka sig över flera celler, även om storleken ändras.
    • Spänn horisontellt så att formen kan sträckas över flera horisontella celler.
    • Spänn vertikalt så att formen kan sträckas över flera vertikala celler.
    • Spänn över båda rikt ningarna så att formen kan sträckas över flera celler både horisontellt och vertikalt.
  4. Använd dragflikarna som visas på objektets kanter för att spänna det i önskad riktning.

Objektet upptar nu flera celler i rutnätslayouten.

spanning-a-shape-over-multiple-cells-using-assisted-layout-in-lucidspark.gif

Anpassa alternativ för rutnätslayout

Efter att du har aktiverat rutnätslayout för en ram, container eller simbana kan du anpassa layouten och placeringen av varje objekt. Dessa alternativ är också tillgängliga efter att ha genererat ett diagram i Lucidchart med AI.

För att komma åt inställningarna för rutnätslayouten, följ dessa steg:

  1. Välj gränsen för en ram, behållare eller simbana som har rutnätslayout aktiverad.
  2. Leta reda på inställningarna för rutnätslayouten:
    1. I Lucidchart finns inställningarna i den kontextuella panelen som öppnas på höger sida av duken.
    2. I Lucidspark, välj assisted-layout-icon.png ikonen för rutnätslayout från den snabbmenyn som visas.

Från inställningarna för rutnätslayouten kan du justera följande::

  • Avstånd/Padding: Ändra hur mycket utrymme det är mellan objekt genom att använda upp- och nedpilarna eller genom att ange ett nytt numeriskt värde.
  • Storleksval: Välj ett storleksalternativ. ”Anpassa” ändrar automatiskt storleken på ramen, behållaren eller simbanan för att passa objekt inuti, medan ”Manuell” låter dig dra i hörnet för att manuellt ändra storleken på det för att lägga till eller ta bort celler i rutnätslayouten.
  • Linjer: Aktivera eller inaktivera automatisk linjedirigering. Automatisk linjedirigering är aktiverad som standard, vilket fäster linjer i den optimala banan och undviker överlappning med andra objekt.
    • Om du har inaktiverat automatisk linjedirigering kan du snabbt rensa befintliga linjer i din ram, container eller simbana en gång genom att klicka på Rensa linjer automatiskt-icon.png ikonen Rensa linjer automatiskt.
  • Justering: Ändra hur objekt justeras i cellen de upptar.
    assisted-layout-settings.png

Justera avståndet mellan objekt manuellt

Om du vill öka eller minska utrymmet mellan objekt följer du dessa steg:

  1. Markera ramen för en ram, behållare eller simbana på arbetsytan.
  2. Klicka och dra i linjerna som visas mellan objekt vågrätt eller lodrätt för att lägga till eller ta bort utrymme.
    • Håll ned Skift-tangenten på tangentbordet medan du drar i linjerna för att låsa bildförhållandet.

how-to-adjust-spacing-in-a-frame-that-has-assisted-layout-enabled-in-lucidspark.gif
 

Ärv inställningar från en förälder till en underordnad behållare

När du kapslar en container kan du ställa in den så att den ärver den överordnade behållarens layoutinställningar genom att följa dessa steg:

  1. Välj den kapslade (under-) behållaren.
  2. Välja assisted-layout-icon.png ikonen för rutnätslayout från snabbmenyn.
  3. Klicka på Ärv högst upp i panelen som visas.

Layoutinställningar som avstånd och utfyllnad kommer att matcha den överordnade behållaren. Klicka på Anpassad för att ange unika layoutinställningar för den kapslade behållaren.

Vanliga frågor

Varför får jag ett felmeddelande när jag försöker använda rutnätslayout?
Ett fel uppstår när rutnätslayouten stöter på en objekttyp som inte stöds. Objekttyper som inte stöds inkluderar tabeller, tidslinjer, organisationsscheman, visuella aktiviteter, dynamiska tabeller och smarta behållare.

Ge feedback på den här artikeln

Har du feedback om den här artikeln? Berätta om din upplevelse här.

Hittade du det du letade efter?

Har du fortfarande en fråga eller vill dela med dig av vad du har lärt dig? Besök vår Community   för att få hjälp och samarbeta med andra.