학습한 내용: 콘텐츠를 포함할 프레임 격자를 만들고 간격 툴을 사용하여 프레임 간격 조정

몬드리안 레이아웃이란?

몬드리안 레이아웃은 일반적으로 검은색의 가로 및 세로 막대를 사용하여 디자인을 사각형 모양으로 나눈 것으로, 모양에 색상, 이미지, 텍스트 또는 세 요소를 결합하여 채울 수 있습니다.

프레임 격자 만들기

먼저 문서를 열고 격자가 될 일련의 프레임을 만듭니다.

간격 툴이란?

간격 툴은 두 개 이상의 개체 간 간격 크기를 빠르게 조정하는 기능을 제공합니다. 또한 이 툴을 사용하면 개체 간의 간격을 고정한 상태에서 가장자리가 일치하는 여러 개체의 크기를 동시에 조정할 수 있습니다.

간격 툴로 프레임 조정

필요한 프레임이 배치되면 간격 툴로 프레임을 조정할 수 있습니다.

팁: 간격을 옮기는 것이 아니라 간격 크기를 조정하려면 Command(macOS) 또는 Ctrl(Windows)을 누른 상태에서 간격을 드래그합니다.

콘텐츠 추가

프레임이 모두 설정되면 이미지를 배치하고, 색상을 추가하고, 텍스트를 입력하여 몬드리안 레이아웃을 완성할 수 있습니다.