지원 레이아웃을 사용하여 Lucid에서 콘텐츠 구성하기

Watch: 지원 레이아웃의 Lucid Suite

지원 레이아웃 사용

보조 레이아웃은 프레임, 컨테이너 및 스윔 레인 내에서 조정 가능한 그리드 패턴으로 콘텐츠를 구성하여 콘텐츠가 추가되거나 제거될 때 필요에 따라 자동으로 스페이스를 조정합니다. 프레임, 컨테이너 및 스윔 레인에 대한 지원 레이아웃을 활성화하는 단계는 각 Lucid 제품마다 다릅니다. Lucidchart와 Lucidspark의 단계는 아래 섹션에서 확인하세요.

Lucidchart에서

루시드차트에서 보조 레이아웃을 사용하려면 다음 단계를 따르세요:

1. 캔버스에서 프레임, 컨테이너 또는 스윔 레인의 테두리를 선택합니다.
2. 캔버스 오른쪽의 컨텍스트 패널에서 '보조 레이아웃'을 토글합니다.
   

프레임, 컨테이너 또는 스윔 레인에 있는 기존 항목은 자동으로 격자 패턴으로 스냅됩니다. 추가 사용자 지정 옵션은 아래의 지원되는 레이아웃 옵션 사용자 지정 섹션을 참조하세요.

Lucidspark에서

루시드스파크에서 지원 레이아웃을 사용하려면 다음 단계를 따르세요:

1. 보드에서 프레임, 컨테이너 또는 수영 레인의 테두리를 클릭합니다.
2. 표시되는 컨텍스트 메뉴에서 지원 레이아웃 아이콘( )을 선택합니다.

3. "지원 레이아웃"을 토글합니다.

   

프레임, 컨테이너 또는 스윔 레인에 있는 기존 항목은 자동으로 격자 패턴으로 재배열됩니다. 추가 사용자 지정 옵션은 아래의 지원되는 레이아웃 옵션 사용자 지정 섹션을 참조하세요.

기존 도형과 함께 보조 레이아웃 사용

프레임, 컨테이너 또는 스윔 레인에 포함되지 않더라도 캔버스에 있는 기존 도형에 대해 보조 레이아웃을 활성화할 수 있습니다. 아래 굵게 표시된 섹션의 단계를 따라 Lucidchart 및 Lucidspark에서 이 작업을 수행하세요.

Lucidchart에서

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

도형은 지원 레이아웃이 활성화된 프레임에 추가됩니다.

Lucidspark에서

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

도형은 지원 레이아웃이 활성화된 프레임에 추가됩니다.

정리
루시드차트와 루시드스파크 모두에서 프레임, 컨테이너 또는 스윔 레인에 개체를 배치하지 않고도 지원 레이아웃과 유사하게 작동하는 도형 선택 항목을 정리할 수 있습니다.

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

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

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

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

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

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

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

지원 레이아웃을 사용하여 콘텐츠 추가 및 관리

지원 레이아웃을 활성화한 후에는 콘텐츠를 추가하고 관리할 수 있는 여러 옵션이 있습니다. 콘텐츠 추가, 재정렬 및 스팬에 대한 자세한 내용은 아래 섹션을 참조하세요.

새 콘텐츠 추가

지원 레이아웃이 활성화되면 새 콘텐츠를 프레임, 컨테이너 또는 스윔 레인으로 드래그하여 추가합니다.

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

정밀 배치
보조 레이아웃이 활성화된 상태에서 프레임, 컨테이너 또는 수영 레인의 정확한 지점에 개체를 배치하려면 정밀 배치를 사용하세요. 그리드 스냅을 일시적으로 끌 수 있으므로 원하는 위치에 정확하게 도형을 배치할 수 있습니다.

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

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

새 개체가 고정할 그리드 셀 또는 기존 개체를 나타내는 점선이 나타납니다. 기존 오브젝트에 고정하면 두 오브젝트가 그룹화되어 프레임, 컨테이너 또는 스윔 레인 내에서 원본 오브젝트를 이동하면 새 오브젝트도 자동으로 함께 이동합니다.

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

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

프레임, 컨테이너 또는 스윔 레인을 중첩하려면 보조 레이아웃이 활성화된 프레임, 컨테이너 또는 스윔 레인 안으로 끌어다 놓습니다.

개체 재배열

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

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

아래 단계에 따라 객체, 프레임, 컨테이너 또는 스윔 레인을 보조 레이아웃 그리드의 여러 셀에 걸쳐 확장할 수 있습니다.

Lucidchart에서

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

이제 객체가 지원 레이아웃 그리드에서 여러 셀을 차지합니다.

Lucidspark에서

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

이제 객체가 지원 레이아웃 그리드에서 여러 셀을 차지합니다.

지원되는 레이아웃 옵션 사용자 지정

프레임, 컨테이너 또는 수영 레인에 대해 지원 레이아웃을 활성화한 후 각 객체의 레이아웃과 배치를 사용자 지정할 수 있습니다. 이러한 옵션은 루시드차트에서 AI로 다이어그램을 생성한 후에도 사용할 수 있습니다.

지원되는 레이아웃 설정에 액세스하려면 다음 단계를 따르세요:

1. 보조 레이아웃이 활성화된 프레임, 컨테이너 또는 스윔 레인의 테두리를 선택합니다.
2. 지원되는 레이아웃 설정을 찾습니다:
   1. 루시드차트에서 설정은 캔버스 오른쪽에 열리는 컨텍스트 패널에 있습니다.
   2. Lucidspark에 표시되는 컨텍스트 메뉴에서 지원 레이아웃 아이콘을 선택합니다.

지원되는 레이아웃 설정에서 다음을 조정할 수 있습니다:

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

개체 간 간격 수동 조정

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

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

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

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

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

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

자주 묻는 질문(FAQ)

지원되는 레이아웃을 사용하려고 할 때 오류가 발생하는 이유는 무엇인가요?
지원되는 레이아웃에서 지원되지 않는 객체 유형을 만나면 오류가 발생합니다. 지원되지 않는 개체 유형에는 표, 타임라인, 조직도, 시각적 활동, 동적 테이블 및 스마트 컨테이너가 있습니다.

문서에 대한 피드백 공유