목차
인삿말
안녕하세요! 대기업 BI 입니다. 😀
오랜만에 포스팅이라 다들 기다리셨을텐데
이번 포스팅에서는 Power BI 보고서를 디자인 하는 방법에 대해 알아볼거에요!
그럼 바로 알아볼게요.
크게 보고서 디자인 방법에는 두 가지가 있습니다.
... 엄밀히 이야기하면 "Power BI"내에서 개체들을 활용해서 디자인도 가능하지만
개체가 많아지게되면 속도 저하가 일어나 효율적이지 않습니다.
변경이 잦으면 Power BI 보고서 내에 개체로 구성해주시고,
별도로 디자인 변경이 적다면 PPT, Figma를 이용해 이미지로 구성해주세요.
1. Power Point 활용하기
2. Figma 활용하기
물론 위 방법 외에도 "이미지" (jpg, png 형식)를 만들 수 있는 툴이면 어떤 툴이든 가능하지만, 학습성, 호환성이나 대중성을 봤을때, 위 두가지가 제일 편한 것 같습니다.
그럼 바로 하나씩 살펴볼게요!
Power Point 활용하기
Power Point Desktop을 활용해 보고서 디자인하기
과장해서 이 지구의 직장인, 학생 또 프리랜서 등 직업을 가지신 분들이라면 서류 작업, 정리, 보고를 위해
Power Point를 한번쯤 사용해보셨을거에요.
"그만큼 PPT 프로그램을 활용해 보고서를 디자인하는데 사용자 UI, UX 측면에서
PPT를 다루는데 익숙하고 또 그만큼 쉽게 디자인을 할 수 있다는게 장점이겠죠?"
그럼 Power Point를 활용해서 어떻게 디자인을 하고,
또 어떻게 Power BI 내용물을 디자인할 수 있을지 살펴볼게요.
1) 먼저 PPT 를 실행시켜 주세요.
2) 그 다음 개체를 이용해 원하는 디자인을 ppt 장표에 그려줍니다.
※ 장표 디자인 방법에 대한 꿀팁은 나중에 집중적으로 다뤄보도록 할게요. 😀
3) 그 다음 PPT [파일] 탭에서
4) [다른 이름으로 저장] 클릭
5) [이 PC] 클릭
6) [파일 형식(T)]을 "PNG 형식"으로 선택 후 - [저장] 버튼 클릭
7) 그러면 슬라이드 선택을 해야하는데
보통은 PNG 파일로 내보낼 "현재 슬라이드만(J)" 지정해서 내보냅니다.
(※ 모든 슬라이드(A)를 선택하시면 번거롭기에 배경화면으로 만들 1개 Page만 선택해주세요.)
8) 그 다음 내보낸 PNG 파일을 pbix 배경화면으로 지정하면 되는데요.
Power BI Desktop을 켜고 - [캔버스 배경] - [이미지] 찾아보기를 누르면
아까 저장한 "프레젠테이션1.png" 이미지 파일 있을건데 그걸 눌러주세요.
9) 그리고 [캔버스 배경]에서 [이미지 맞춤] - "맞춤"
[투명도(%)] - "0"으로 변경해주시면
Power BI Desktop 내에서 아까 저장한 이미지를 보실 수 있습니다.
10) 그럼 아래와 같이 보고서 디자인이 쉽게 완성됩니다. 😀
개인적으로 보고서 디자인이 크게 중요하지 않으신 분들이라면 PPT를 이용해 디자인 하시는걸 추천드립니다.
5분~10분 내 아래 대시보드 형태를 쉽게 구성하실 수 있다는게 장점이거든요.
다만 "버튼" 디자인, 다른 프로그램과의 호환성을 생각하면 Figma 라는 툴을 이용하시는게 편합니다.
웹에서 동작하니 조금 더 빠른 것 같고, 온라인으로 협업하는데도 좋고,
무엇보다 무료이니 진입장벽이 높은편도 아니구요.
Youtube 영상 몇개면 어떻게 사용하는지 쉽게 이해할 수 있습니다.
그럼 바로 Figma는 어떻게 구성되어있는지, 어떻게 사용하는지 간단하게 알아볼게요!
Figma 활용하기
Figma를 활용해 pbix 배경화면 디자인하기
Figma와 Power Point의 장·단점은 아래와 같습니다.
요약하면,
Figma : 복잡한 UI (디자인) 구성이 가능, 협업에 용이하나, PPT보다는 다루기 어려움
Power Point : 사용하기에 편리하고, 디자인을 쉽게 구성할 수 있음. 복잡한 UI 구현 어려움
아래 내용은 참고해주시고, 그럼 바로 Figma 툴 특징에 대해 알아볼게요.
| 항목 | Figma | PowerPoint |
| 제조사 | Figma, Inc. (Adobe의 자회사) | Microsoft |
| 장점 | 고급 사용자 인터페이스(UI) 및 사용자 경험(UX) 디자인 가능, 협업과 반응형 디자인에 강점 |
쉬운 사용법, 광범위한 템플릿 및 기본 디자인 요소 제공 |
| 단점 | 초보 사용자에게 다소 복잡할 수 있음 | 고급 UI/UX 디자인 기능 부족 |
| 특이점 | 클라우드 기반 협업 도구, 브라우저에서 직접 사용 가능 | 슬라이드 기반의 프레젠테이션 도구, MS Office 제품군과 긴밀한 통합 |
1) 먼저 Figma 사이트에 접속해주세요.
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
www.figma.com
2) 사이트에 들어가시면 아래 "Log in" 이라는 버튼이 보이실텐데 클릭해주세요.
3) 그럼 아래와 같은 화면이 뜰텐데,
(1) 기존 구글아이디가 있으시면 "Continue with Google"을 클릭하시거나,
(2) 아이디가 별도로 없다면 "Create one"을 눌러주시면 됩니다.
현재 아이디가 있다고 가정하고 (대부분 있으실거라고 추정되므로..)
(3) "Continue with Google" 버튼을 눌러주세요.
(4) 구글 아이디로 로그인을 하게되면 아래와 같은 메인페이지가 보이실거에요
5) 그럼 Figma 화면 구성먼저 살펴볼게요.
(1) AI Generator : 자연어를 입력하여 요구사항이 반영된 Figma 디자인을 만들어줍니다.
다만 저희는 Power BI 보고서 형태의 디자인을 하기에 따로 디자인하시는게 편합니다.
(2) 최근 사용한 디자인 : 가장 최근에 생성, 수정된 디자인 구성안들을 보여줍니다.
(3) 팀 프로젝트 현황 : PPT와 다르게 Figma는 공유/협업에 강점이 있는 툴이라고 설명드렸죠?
Team Project로 할당해 공유, 동시 작업이 가능하도록 설정할 수 있는 공간입니다.
6) 그럼 이제 디자인을 해야하니 빈 캔버스를 생성해야겠죠?
위쪽에 위치한 "Design File"을 눌러주세요.
7) 그럼 이제 빈 캔버스가 나올텐데
이곳이 실제 저희가 보고서 디자인을 하는 공간입니다.
먼저 맨위 메뉴바는 자주 사용하는 리본 메뉴 탭으로 봐주시면 됩니다. 프레임을 생성하는데 주로 사용하고
그 밖에는 사실 크게 사용할일이 없습니다.
8) 먼저 아래 Frame을 눌러주시고, 빈 캔버스 화면에 드래그&드랍을 해주세요.
그럼 아래와 같이 "Frame 1"이라는게 생기실겁니다.
9) 그러면 아래와 같이 왼쪽 사이드바가 생길건데요.
여기서는 실제 캔버스에 구성된 개체 요소 하나하나의 이름, 상태, 개수 등을 보실 수 있습니다.
10) 그리고 아래 빨간색 음영은 실제 개체들을 그리는 공간입니다.
즉 저희가 제일 많이 사용하게될 공간입니다. 여기다가 그림을 그리고, 또 수정하고 할거기 때문에 기억해주시구요.
11) 마지막으로 오른쪽에 있는 사이드 바는 각 개체의 서식을 설정하는 공간입니다. 색을 바꾸던지, 선의 형태, 그림자.. 등 개체 서식 설정이 가능한 공간입니다.
12) Figma라는 툴은 기본적으로 사용해보신 경험이 없으시기에 조금 익숙해지는데 시간이 필요합니다. 유튜브 영상 1~2개 정도면 충분히 활용이 가능하기에 기초 이해도 향상에 도움이 되는 유튜브 링크 남겨드릴게요. 아래 영상을 보시면 사용법부터 어떻게 활용하는지에 대해 나와있으니 참조해주세요.
https://www.youtube.com/watch?v=nVnj2C-alhE
이미지로 Export하는 방법은 간단하게 아래에서 살펴볼게요.
디자인이 끝나면 해당 Frame을 클릭하시고, "Export calandar"를 눌러주시면
PNG 파일로 Export가 됩니다. 다만 여기서 형식이 PNG가 아닌 분들은 PNG, JPG로 변경해주세요.
왜 PNG를 써야하냐? 원본에 가까운 해상도가 지원되므로 BI에서 화질저하가 최소화됩니다.
여러가지 이유가 있지만 여기서는 스킵하도록 할게요 😀
맺음말
이번 게시글은 여기까지입니다.
좀 더 심도 깊게 디자인 꿀팁을 알려드리고 싶었으나, 아무래도 게시글이 길어지는 부분 때문에 쉽지 않네요.
다음 포스팅부터는 작은 소구분의 타이틀로 (ex. 버튼 디자인하기.. 등) 찾아오도록 하겠습니다.
큰틀에서 이런 방법도 있구나.. 정도만 참고해주세요! 😀
해당 포스팅이 도움이 되셨다면 댓글, 좋아요, 이웃추가 부탁드리고 Power BI 구축 의뢰 및 교육에 대해서는 bigcorpbi0419@naver.com 으로 언제든지 메일주세요! 감사합니다.
Power BI 문의하기
아래는 Power BI에 대해 더 알아보고 싶으신 분들에게 남겨드리는 글 입니다.
개인적인 궁금증이나, 기업/공공기관의 공식적인 의뢰 모두 환영이니 언제든지 연락주세요!
❒ Power BI 교육, 프로젝트의뢰 : bigcorpbi0419@naver.com
❒ 크몽의뢰하기 (첫의뢰할인) : https://kmong.com/gig/396278
제조업 관리 Power BI 시각화 대시보드 구축 - 크몽
대기업BI전문가 전문가의 IT·프로그래밍 서비스를 만나보세요. 전문가 소개- 해커스 HRD Power BI 대표 강사 - 현) 대기업 내 BI 코디네이터...
kmong.com
❒ 해커스 HRD 인터넷 강의 : https://www.hackershrd.com/lecture.php?mode=lecView&product_key=01::refu%3E4%3EB004%3EM029&p_id=17282a0d5e4c6aa48f5a2fa2a51ae9f3&s_id=Y23M080031
기업교육의 중심 :: 해커스HRD 챔프스터디
재직자 내일배움카드, 기업단체교육, 실무역량 강화 교육, 직급별 필수교육, 고용노동부 인증 훈련기관
www.hackershrd.com