레이아웃은 디자인의 리듬과 균형을 잡는 데 도움이 된다. 레이아웃을 통해 관련 요소들을 공통 그룹으로 묶을 수 있다. 예를 들어 UI에 카드 컴포넌트를 생성하고 그 안에 이미지, 텍스트, 다양한 색상의 아이콘을 배치하면 해당 카드가 하나의 콘텐츠 요소라는 것을 효과적으로 나타낼 수 있다. TV 프로그램의 에피소드의 경우 관련 요소들을 연결된 것처럼 보이게 배치하면(그림 1-33)¹⁷ 제목, 프로그램 이미지, 설명, 재생할 수 있음을 알려주는 아이콘을 사용자에게 효과적으로 전달할 수 있다.

▲ 그림 1-33 푸드 네트워크(Food Network) 방송국 홈페이지. 핵심 콘텐츠(중앙에 있는 큰 이미지), 그 아래 있는 추가 콘텐츠 3개, 방송 일정이 있다. 이미지와 텍스트 레이아웃은 이를 둘러싼 사각형과 결합되어 어떤 요소가 서로 연결되고 분리되는지를 쉽게 파악할 수 있게 한다.