시각적으로 매력적인 보고서 디자인
올바른 데이터를 보유하고 올바른 시각적 개체를 선택하는 것이 중요합니다. 보고서가 시각적으로 매력적인지 확인하는 것도 중요합니다. 잘 디자인된 보고서는 보고서 소비자가 질문에 대한 답변을 신속하게 찾고 이해하도록 안내할 수 있어야 합니다.
매력적인 보고서를 생성하기 위해 노력하면서 사용자에게 친숙한 보고서를 만들도록 해야 합니다. 또한 복잡해 보이지 않도록 하면서 잘 디자인된 보고서 페이지에 더 많은 시각적 개체를 추가할 수 있습니다.
Space
간격은 덜 복잡해 보이고 가독성을 높이는 데 도움이 되므로 효과적인 보고서 디자인에 필수적입니다. 간격은 보고서 페이지 여백 및 보고서 개체 사이의 간격에 적용됩니다.
여백
여백은 각 페이지 주위에 테두리 영역 또는 가장자리를 포함합니다. 일관된 간격을 적용한 테두리 영역은 보고서 개체의 프레임으로 사용됩니다.
여백을 설정하기 위한 보고서 페이지 속성이 없기 때문에 사용자가 직접 일관된 테두리 영역을 생성하는 방식으로 개체의 레이아웃을 지정할 수 있습니다. 여백 크기는 왼쪽과 오른쪽에서 동일해야 하며, 위쪽과 아래쪽에서 변형된 여백 크기를 적용할 수 있습니다. 위쪽 또는 아래쪽에 있는 공간에는 시각적 개체에서 구분해야 하는 브랜딩, 제목, 슬라이서 또는 기타 정보를 표시할 수 있습니다.
다음 보고서는 페이지의 테두리 영역 주위에 일관된 간격(파선의 강조 표시)을 보여 줍니다.
개체 간격
보고서 개체 주변이나 내부에 충분한 공간을 제공해야 합니다.
참고
시각적 개체 헤더를 사용하도록 설정하는 경우 겹친 개체가 시각적 개체 헤더 아이콘과 상호 작용할 수 있기 때문에 인접한 개체와 겹치지 않는지 테스트해야 합니다. 시각적 개체 사이에 적절한 간격을 유지하면 이 문제를 방지할 수 있습니다.
서로 다른 간격 깊이를 사용하여 관련 개체의 섹션을 시각적으로 구분하는 것이 좋습니다.
그러나 간격이 너무 크면 균형 잡힌 보고서 레이아웃이 생성되지 않으며 보고서 소비자가 중요한 내용에 관심을 가지게 될 수 있습니다. 조정 필요: 항상 균일한 간격의 균형 잡힌 보고서를 생성하도록 노력합니다.
간격은 맞춤 항목에 자세히 설명되어 있습니다.
크기
크기는 페이지 크기 및 시각적 개체 크기와 관련될 수 있습니다.
페이지 크기
페이지 크기를 미리 정의된 차원 또는 사용자 지정 차원으로 설정할 수 있습니다. 또한 보고서 소비자가 스크롤 막대와 상호 작용해야 전체 페이지를 볼 수 있도록 사용 가능한 화면 크기보다 큰 사용자 지정 차원을 설정할 수 있습니다.
그러나 시각적 개체로 채운 큰 페이지 크기를 렌더링하는 데 시간이 오래 걸리고 시각적 개체가 위쪽에서 아래쪽으로 렌더링되지 않을 수도 있습니다.
시각적 개체 크기
일반적으로 시각적 개체의 크기가 클수록 크기가 커집니다. 보고서 소비자는 더 큰 시각적 개체에 빠르게 집중할 수 있습니다. 일련의 카드 시각적 개체와 같이 페이지에 비슷한 시각적 개체가 있는 경우 크기가 동일해야 합니다.
많은 시각적 개체는 크기에 반응하므로 작은 크기나 큰 크기일 때 시각적 개체가 돋보일 수 있습니다. 꺾은선형 차트 시각적 개체는 작은 크기로 지정된 경우 스파크라인처럼 보일 수 있습니다. 이 경우 몇 개의 축과 데이터 레이블만 표시될 수 있습니다. 꺾은선형 차트의 크기가 더 커지면 더 많은 축 및 데이터 레이블을 포함하여 더 자세한 정보가 표시됩니다.
보고서 소비자는 포커스 모드를 사용하여 단일 시각적 개체를 확대할 수 있지만 보고서 페이지의 실제 크기로 볼 때도 시각적 개체가 여전히 데이터를 명확하게 전달해야 합니다. 포커스 모드를 사용하면 소비자가 데이터를 더 잘 해석하거나 시각적 개체와 좀 더 쉽게 상호 작용할 수 있습니다. 예를 들어 행렬 또는 분해 트리 시각적 개체의 수준으로 확장할 수 있습니다.
맞춤
보고서 페이지에 여러 개의 시각적 개체가 있는 경우 제대로 정렬되었는지 확인합니다. 즉, 시각적 개체의 모서리가 정렬되어 있고 시각적 개체 간의 간격이 일치해야 합니다.
정렬은 서식 옵션과도 관련이 있습니다. 예를 들어, 시각적 개체 내 제목 및 범례 맞춤은 일치해야 합니다.
보고서 페이지를 다른 섹션에 맞춰 배치하고 시각적 개체를 섹션 내에 적절히 배치하는 것이 좋습니다. 섹션은 암시적이거나 명시적일 수 있습니다.
암시된 섹션
시각적 개체 그룹을 가깝게 정렬하여 암시된 섹션을 정의합니다. 다음 예제에서는 시각적 개체가 간격으로 구분되는 방식을 보여 줍니다. 이 예에서는 파선으로 강조 표시된 적절한 간격으로 연관을 나타내고, 보고서 페이지에 균형 잡힌 구조를 제공하면서 보고서 소비자의 관심을 이끄는 방법을 보여 줍니다.
명시적 섹션
색이 지정된 모양을 사용하고 해당 모양에 시각적 개체를 오버레이하여 명시적 섹션을 정의할 수 있습니다. 다음 예제에서는 색이 지정된 배경 모양 및 간격(음영으로 강조 표시됨)으로 시각적 개체를 3개의 섹션으로 구분하는 방법을 보여 줍니다.
팁
서식 탭의 맞춤 명령을 사용하면 시각적 개체를 빠르고 정확하게 맞출 수 있습니다.
Color
과도하게 사용하면 혼란스러울 수 있으므로 색은 의미 있는 방식으로 최소로만 사용합니다. 가능하면 회사 색에 맞춰서 몇 가지 부드러운 색을 기준으로 사용합니다. 부드러운 색을 사용하면 보고서의 데이터에 집중할 수 있게 됩니다. 예외를 강조하는 데는 좀 더 선명한 색을 예약합니다.
색이 충분히 대비되도록 합니다. 색 대비는 시력이 낮은 보고서 소비자를 위해 액세스 가능한 보고서를 만드는 데 특히 중요합니다. 이 항목은 5단원에 자세히 설명되어 있습니다.
다음 예제에서는 색과 관련된 몇 가지 문제를 보여 줍니다. 페이지의 왼쪽에 적용되는 색은 오른쪽에 적용되는 색과 다릅니다. 또한 색은 밝으며 보고서 소비자의 집중을 방해할 수 있습니다. 노란색 등의 일부 색은 흰색 데이터 레이블과의 충분한 대비를 제공하지 않습니다.
다음 이미지에서는 더 나은 색을 사용하여 보고서 레이아웃을 개선했습니다. 색은 이제 일관되며 흰색 데이터 레이블과의 적절한 대비를 제공합니다.
일관성
보고서 개체를 배치하고 구성하는 경우 일관성을 유지하려고 노력하세요. 일관성은 간격, 여백, 크기, 맞춤, 특히 개체 형식 옵션을 포함하는 보고서 디자인의 모든 항목에 적용되어야 합니다. 서식 옵션에는 글꼴, 글꼴 크기, 글꼴 두께, 색 및 기타 많은 스타일 옵션이 포함되어 있습니다. 또한 축 레이블 및 데이터 레이블과 같은 시각적 기능을 사용하도록 설정하는 작업도 서식 옵션에 포함됩니다.
다음 예제에서는 혼합 글꼴, 다양한 글꼴 크기 및 일관되지 않는 제목을 비롯한 다양한 불일치를 보여 줍니다. 처음에는 보고서가 불균형한 것처럼 보입니다.
일관성을 유지하는 가장 빠른 방법은 보고서 테마를 사용하는 것입니다. 보고서 테마는 전체 보고서에 서식 설정을 적용하여 필터 창 스타일을 비롯한 색, 글꼴, 페이지 및 시각적 서식 옵션의 일관된 적용을 보장합니다.
테마 갤러리에서 여러 기본 제공 테마 중 하나를 사용하는 것이 좋습니다. 테마 중 하나를 시작점으로 사용하고 사용자의 요구 사항에 맞게 사용자 지정할 수 있습니다. 또는 새 테마를 만들 수 있습니다. 처음에는 상당히 많은 작업이 필요할 수 있습니다. 그런 후 세부적으로 조정할 수 있습니다.
참고
서식 옵션을 명시적으로 구성할 때 테마가 재정의됩니다. 예를 들어 색상표에서 색을 선택하는 대신 16진수 값을 입력하여 색을 명시적으로 설정할 수 있습니다. 테마를 전환할 경우 재정의된 속성이 업데이트되지 않기 때문에 보고서 테마 재정의를 예외로 제한하려고 합니다.
JSON 파일인 보고서 테마를 내보낸 다음, 다른 보고서에 적용하여 모든 보고서에서 일관성을 유지해야 합니다.
팁
powerbi.tips와 같은 외부 사이트를 사용하여 테마를 생성할 수 있습니다. 이 사이트에서는 색상표를 작성하고 모든 핵심 시각적 개체 유형에 대한 속성 값을 설정하는 과정을 안내합니다.
자세한 내용은 Power BI Desktop에서 보고서 테마 사용을 참조하세요.