Lucid에서 콘텐츠를 정리할 때 그리드 레이아웃을 사용하세요

작성자::  Morgan T
마지막으로 업데이트되었습니다:  

그리드 레이아웃을 사용하면 한 번의 클릭으로 콘텐츠를 수 영 레인, 컨테이너, 프레임으로 손쉽게 정리할 수 있습니다 . 이 기능은 아이템을 격자 패턴에 스냅하고 콘텐츠를 추가하거나 제거할 때 컨테이너 크기를 조정하여 객체를 깔끔하고 구조화된 작업 공간으로 자동으로 정렬합니다. AI가 생성한 다이어그램 에도 그리드 레이아웃을 사용할 수 있습니다. 이 글을 읽고 격자 레이아웃이 Lucid 문서의 외관과 구성을 어떻게 최적화할 수 있는지 알아보세요.

요금제 사용 가능 여부: 무료, 개인, 팀, 기업.

영상 보기: Lucid Suite의 그리드 레이아웃

격자 배치 활성화

그리드 레이아웃은 프레임, 컨테이너 및 스윔 레인 내에서 콘텐츠를 조정 가능한 그리드 패턴으로 구성하며, 콘텐츠가 추가되거나 제거될 때 필요에 따라 공간을 자동으로 조정합니다. 프레임, 컨테이너, 스윔 레인의 그리드 레이아웃을 가능하게 하는 단계는 각 Lucid 제품마다 다릅니다. 아래 섹션에서 루시드차트와 루시드스파크의 단계를 확인해 보세요.

예시-보조 레이아웃이 어떻게 작동하는가.gif

참고: 이 글의 대부분의 이미지와 예제는 Lucidspark에서 가져온 것이지만, Lucidchart에서도 비슷한 기능을 기대할 수 있습니다.

Lucidchart에서

Lucidchart에서 그리드 레이아웃을 활성화하려면 다음 단계를 따르세요:

  1. 캔버스에서 프레임, 컨테이너 또는 스윔 레인의 테두리를 선택합니다.
  2. 캔버스 오른쪽의 컨텍스트 패널에서 "그리드 레이아웃"을 토글하세요.
    수영 차선-보조 레이아웃-토글-온-루시드차트.png

프레임, 컨테이너, 수영 레인에 있는 기존 아이템들은 자동으로 그리드 패턴으로 스냅됩니다. 추가 맞춤 옵션은 아래의 격자 레이아웃 옵션 맞춤 섹션 을 참고하세요.

Lucidspark에서

Lucidspark에서 그리드 레이아웃을 활성화하려면 다음 단계를 따라주세요:

  1. 보드에서 프레임, 컨테이너 또는 수영 레인의 테두리를 클릭합니다.
  2. 나타나는 컨텍스트 메뉴에서 그리드 레이아웃 아이콘을 선택 보조 레이아웃 아이콘.png 하세요.
  3. "그리드 레이아웃"을 토글하세요.

프레임, 컨테이너, 또는 스윔 레인에 있는 기존 아이템들은 자동으로 격자 패턴으로 재배열됩니다. 추가 맞춤 옵션은 아래의 격자 레이아웃 옵션 맞춤 섹션 을 참고하세요.

기존 도형과 격자 레이아웃을 사용하세요

프레임, 컨테이너, 스윔 레인에 포함되지 않더라도 캔버스 상의 기존 도형에 대해 그리드 레이아웃을 활성화할 수 있습니다. 아래 굵은 부분의 단계를 따라 Lucidchart와 Lucidspark에서 이를 진행하세요.

Lucidchart에서

  1. 캔버스에서 두 개 이상의 도형을 선택합니다.
    • 여러 개체를 선택하려면 키보드에서 'Shift' 키를 누르고 있습니다.
  2. 선택 영역을 마우스 오른쪽 버튼으로 클릭합니다.
  3. 표시되는 옵션에서 ' 그리드 레이아웃에 추가' 를 선택하세요.

도형들은 격자 배치가 활성화된 프레임에 추가됩니다.

Lucidspark에서

  1. 캔버스에서 두 개 이상의 도형을 선택합니다.
    • 여러 개체를 선택하려면 키보드에서 'Shift' 키를 누르고 있습니다.
  2. 표시되는 컨텍스트 메뉴에서 빠른 정리 아이콘( 빠른 정리 아이콘.png )을 선택합니다.
  3. 그리 드 레이아웃 적용을 클릭하세요.

도형들은 격자 배치가 활성화된 프레임에 추가됩니다.

정리해
Lucidchart와 Lucidspark 모두 프레임, 컨테이너, 수영 레인에 오브젝트를 배치하지 않고도 그리드 레이아웃과 유사하게 형태를 정리할 수 있습니다.

캔버스에 있는 개체를 정리하려면 다음 단계를 따르세요:

  1. 캔버스에서 도형을 3개 이상 선택합니다.
  2. 선택 항목 위로 마우스를 가져갑니다.
  3. 선택 항목의 오른쪽 아래 모서리에서 정리를 클릭합니다.

개체는 캔버스에서 격자 패턴으로 재구성되며 개체 간 간격을 조정할 수 있습니다.

클러스터 루시드스파크 전용 태그.png
Lucidspark에서는 캔버스에 펼쳐진 여러 도형을 클러스터링할 수 있습니다. 이렇게 하면 캔버스의 한 지점에 그리드 패턴으로 개체를 모을 수 있습니다.

캔버스에서 개체를 클러스터링하려면 다음 단계를 따르세요:

  1. 캔버스에서 도형을 3개 이상 선택합니다.
  2. 표시되는 컨텍스트 메뉴에서 빠른 정리 아이콘( 빠른 정리 아이콘.png )을 선택합니다.
  3. 클러스터를 클릭합니다.

개체는 캔버스에서 압축된 격자 패턴으로 재구성됩니다.

모양-인-루시드-스파크-집합-정리-업.gif

그리드 레이아웃을 이용해 콘텐츠 추가와 관리

그리드 레이아웃을 활성화한 후에는 콘텐츠 추가와 관리를 위한 여러 옵션이 있습니다. 콘텐츠 추가, 재배치, 확장에 관한 자세한 내용은 아래 섹션을 확인해 보세요.

새 콘텐츠 추가

그리드 레이아웃이 활성화되면, 프레임, 컨테이너, 또는 스윔 레인으로 드래그하여 새로운 콘텐츠를 추가하세요.

  • 개체를 어두운 선 위에 놓아 새 행이나 열에 삽입합니다.
  • 음영 처리된 드롭존 위에 개체를 놓아 기존 스페이스에 개체를 추가합니다.

프레임 표시-보조 레이아웃을 사용하여 새 콘텐츠를 추가하는 방법.png

정밀 배치
프레임, 컨테이너, 또는 수영 레인에서 그리드 레이아웃이 활성화된 정확한 위치에 객체를 배치하려면 정밀 배치(Precision Place)를 사용하세요. 이 기능을 통해 일시적으로 그리드 스냅을 끌 수 있어, 원하는 위치에 모양을 정확히 배치할 수 있습니다.

정밀 배치를 사용하려면 다음 단계를 따르세요:

  1. 개체를 선택합니다.
  2. 키보드에서 Ctrl(PC) 또는 Command(Mac)를 누른 상태에서 개체를 제자리로 끌어다 놓습니다.

점선이 나타나 새 객체가 고정할 격자 셀이나 기존 객체를 보여줍니다. 기존 오브젝트에 앵커를 붙이면 두 오브젝트가 그룹화되어, 프레임, 컨테이너, 수영 레인 내에서 원래 오브젝트를 이동시키면 새 오브젝트도 자동으로 함께 이동합니다.

루시드 스파크에서 레이아웃을 지원하는 프레임을 사용한 정밀 배치 방법.gif

팁: 그리드 레이아웃이 활성화된 프레임, 컨테이너, 또는 수영 레인에 오브젝트를 드래그할 때는, 위 키보드 단축키를 사용하지 않고 특정 위치 위에 커서를 2초간 올려놓으면 정밀 배치가 활성화됩니다.

프레임, 컨테이너 또는 스윔 레인을 다른 프레임, 컨테이너 또는 스윔 레인 안에 중첩하기
추가 구성 계층을 위해 프레임, 컨테이너 또는 스윔 레인을 별도의 프레임, 컨테이너 또는 스윔 레인 안에 중첩할 수 있습니다.

중첩된 프레임, 컨테이너, 또는 스윔 레인은 레이아웃 내 타일을 차지하지만, 자체 그리드 레이아웃 설정을 유지합니다. 예를 들어, 중첩된 컨테이너는 중첩된 상위 프레임과 다른 패딩과 간격을 가질 수 있습니다.

프레임, 컨테이너, 또는 스윔 레인을 중첩하려면, 그리드 레이아웃이 활성화된 프레임, 컨테이너 또는 스윔 레인 안으로 드래그하세요.

프레임이 다른 프레임으로 드래그되어 중첩된 레이아웃을 사용하여 지원되는 레이아웃을 사용하는 프레임.gif

참고: 네스트가 작동하려면 부모 프레임, 컨테이너, 또는 스윔 레인 모두 그리드 레이아웃이 활성화되어야 합니다.

개체 재배열

두 개체의 위치를 바꾸려면 한 개체를 다른 개체 위에 끌어다 놓습니다.

동그라미 위에 드래그하면 사각형이 동그라미로 바뀌는 애니메이션 표시.gif

참고: 개체를 재배치할 때 선은 제자리에 유지되고 자동으로 새 모양으로 스냅됩니다.

여러 셀에 걸쳐 개체 범위 지정

아래 단계를 따르면 오브젝트, 프레임, 컨테이너, 또는 수영 레인을 격자 배치 그리드 내 여러 셀에 걸쳐 걸쳐 나누어 설정할 수 있습니다.

Lucidchart에서

  1. 여러 셀에 걸쳐 배치할 개체, 프레임, 컨테이너 또는 스윔 레인을 선택합니다.
  2. 작업 영역의 오른쪽 상단 모서리에서 컨텍스트 패널 아이콘( contextual-panel-icon in-lucidchart.png )을 클릭합니다.
  3. '셀 스팬'에서 드롭다운 메뉴를 클릭합니다.
  4. 드롭다운 메뉴에서 옵션을 선택합니다:
    • 셀을 점유하여 하나의 셀에 도형을 남깁니다. 모양은 크기를 조정해도 여러 셀에 걸쳐 있지 않습니다.
    • 가로로 스팬을 사용하면 여러 가로 셀에 걸쳐 도형을 배치할 수 있습니다.
    • 세로로 스팬을 사용하면 여러 세로 셀에 걸쳐 도형을 배치할 수 있습니다.
    • 양방향으로 스팬하여 도형을 가로 및 세로로 여러 셀에 걸쳐 배치할 수 있습니다.
  5. 개체 가장자리에 나타나는 당기기 탭을 사용하여 원하는 방향으로 개체를 펼칩니다.

이제 이 객체는 격자 배치 격자의 여러 셀을 차지합니다.

Lucidspark에서

  1. 여러 셀에 걸쳐 배치할 개체, 프레임, 컨테이너 또는 스윔 레인을 선택합니다.
  2. 표시되는 컨텍스트 도구 모음에서 셀 스팬 아이콘( span-cells-icon.png )을 클릭합니다.
    • 이전에 이 모양에 대한 스팬 설정을 업데이트한 경우 아이콘이 달라질 수 있습니다.
  3. 표시되는 패널에서 옵션을 선택합니다:
    • 셀을 점유하여 하나의 셀에 도형을 남깁니다. 모양은 크기를 조정해도 여러 셀에 걸쳐 있지 않습니다.
    • 가로로 스팬을 사용하면 여러 가로 셀에 걸쳐 도형을 배치할 수 있습니다.
    • 세로로 스팬을 사용하면 여러 세로 셀에 걸쳐 도형을 배치할 수 있습니다.
    • 양방향으로 스팬하여 도형을 가로 및 세로로 여러 셀에 걸쳐 배치할 수 있습니다.
  4. 개체 가장자리에 나타나는 당기기 탭을 사용하여 원하는 방향으로 개체를 펼칩니다.

객체는 이제 격자 배치의 여러 셀을 차지합니다.

여러 셀에 걸쳐 모양을 만들고 보조 레이아웃을 사용하는 루시드 스파크.gif

격자 레이아웃 옵션 맞춤

프레임, 컨테이너, 또는 스윔 레인의 그리드 레이아웃을 활성화한 후, 각 객체의 레이아웃과 배치를 커스터마이즈할 수 있습니다. 이러한 옵션은 AI를 사용하여 Lucidchart에서 다이어그램을 생성한 후에도 사용할 수 있습니다.

격자 배치 설정에 접근하려면 다음 단계를 따라 하세요:

  1. 그리드 레이아웃이 활성화된 프레임, 컨테이너, 또는 수영 레인의 경계를 선택하세요.
  2. 그리드 레이아웃 설정을 찾아보세요:
    1. 루시드차트에서 설정은 캔버스 오른쪽에 열리는 컨텍스트 패널에 있습니다.
    2. Lucidspark에서 나타나는 컨텍스트 메뉴에서 격자 배치 아이콘을 선택 보조 레이아웃 아이콘.png 하세요.

그리드 레이아웃 설정에서 다음과 같은 것을 조정할 수 있습니다:

  • 간격/패딩: 위쪽 및 아래쪽 화살표를 사용하거나 새 숫자 값을 입력하여 개체 사이의 공백을 변경합니다.
  • 사이즈: 사이즈 옵션을 선택하세요. "Fit"은 프레임, 컨테이너, 수영 레인을 자동으로 크기 조정해 안에 오브젝트를 넣고, "Manual"은 모서리를 드래그해 격자 레이아웃에서 셀을 추가하거나 빼기 위해 수동으로 크기를 조절할 수 있게 해줍니다.
  • 회선: 자동 회선 라우팅을 활성화하거나 비활성화하세요. 자동 선 라우팅은 기본적으로 활성화되어 있어 선을 최적의 경로로 스냅하고 다른 객체와의 중복을 방지합니다.
    • 자동 라인 라우팅을 비활성화한 경우, 빠른 라인 정리 아이콘( 빠른 정리 라인 아이콘.png )을 클릭하여 프레임, 컨테이너 또는 스윔 레인에서 기존 라인을 한 번만 빠르게 정리할 수 있습니다.
  • 정렬: 객체가 차지하는 셀에서 정렬되는 방식을 변경합니다.
    보조 레이아웃 설정.png

개체 간 간격 수동 조정

개체 사이의 간격을 늘리거나 줄이려면 다음 단계를 따르세요:

  1. 캔버스에서 프레임, 컨테이너 또는 스윔 레인의 테두리를 선택합니다.
  2. 개체 사이에 표시되는 선을 가로 또는 세로로 클릭하고 드래그하여 스페이스를 추가하거나 제거합니다.
    • 키보드에서 Shift 키를 누른 상태에서 선을 드래그하여 화면 비율을 고정합니다.

how-to-조정-간격을-조정하는-프레임-내-보조-레이아웃-활성화-된-루시드스파크.gif
 

부모 컨테이너에서 자식 컨테이너로 설정을 상속합니다

컨테이너를 중첩할 때, 다음 단계를 따라 부모 배치 설정을 상속하도록 설정할 수 있습니다:

  1. 중첩된 (자식) 컨테이너를 선택하세요.
  2. 컨텍스트 메뉴에서 그리드 레이아웃 아이콘을 선택 보조 레이아웃 아이콘.png 하세요.
  3. 나타나는 패널 상단에서 ' 상속 '을 클릭하세요.

간격과 패딩 같은 레이아웃 설정은 부모 컨테이너와 일치합니다. 중첩된 컨테이너에 고유한 레이아웃 설정을 하려면 커스터마이징을 클릭하세요.

자주 묻는 질문(FAQ)

그리드 레이아웃을 사용하려고 하면 왜 오류가 발생하나요?
그리드 레이아웃이 지원되지 않는 객체 유형을 만날 때 오류가 발생합니다. 지원되지 않는 개체 유형에는 테이블, 타임라인, 조직도, 시각적 활동, 동적 테이블 및 스마트 컨테이너가 포함됩니다.

문서에 대한 피드백 공유

이 문서와 관련해 공유하고 싶은 피드백이 있으신가요? 여기에서 사용 경험을 말씀해 주세요.

원하는 정보를 찾으셨나요?

아직 궁금한 점이 남아 있거나 지식을 공유하고 싶으신가요? 커뮤니티   에서 멤버들의 도움을 받고 지식을 나눠보세요.