Tworzenie nowoczesnych, przejrzystych i spójnych raportów w Power BI to nie tylko kwestia danych i wizualizacji, ale również estetyki oraz świadomych decyzji projektowych UX/UI. W tym artykule odpowiem na trzy kluczowe pytania: dlaczego warto korzystać z grafik zamiast kształtów, w czym najlepiej je przygotowywać pod Power BI Desktop oraz jaki rozmiar strony raportu wybrać, by uzyskać optymalny efekt.
Po co projektować tło do raportu w Power BI?
Choć Power BI pozwala dodawać prostokąty, linie, teksty i inne elementy bezpośrednio w aplikacji, nie zawsze jest to najlepsze rozwiązanie. Używanie grafik jako obrazów (np. .png z przezroczystością) ma kilka istotnych zalet:
- Wydajność – jeden obraz ładuje się szybciej niż 15 kształtów z gradientami i efektami.
- Spójność stylu – nie musisz ręcznie dopasowywać kolorów, marginesów i obramowań.
- Możliwość przezroczystości – grafika z kanałem alfa lepiej komponuje się z tłem.
- Lepszy wygląd – nowoczesne layouty są trudne do osiągnięcia tylko za pomocą wbudowanych kształtów.
Zamiast męczyć się z rysowaniem kształtów na każdej stronie raportu – zaprojektuj layout raz i załaduj jako tło lub komponent graficzny.
Więcej na ten temat znajdziesz w linkach poniżej.
Figma czy PowerPoint – gdzie przygotować grafikę?
Jeśli masz do wyboru Figma i PowerPoint, odpowiedź zależy od poziomu skomplikowania oraz Twoich oczekiwań:
- Figma to bezpłatne narzędzie dla tych, którzy chcą profesjonalnych efektów – precyzyjne projektowanie w pikselach, siatki, gotowe komponenty, eksport z przezroczystością. Idealne, jeśli zależy Ci na spójności z brandbookiem i elastyczności.
- PowerPoint to dobre rozwiązanie „na szybko” – intuicyjne, znane narzędzie, ale ograniczone pod względem kontroli nad detalami i eksportem.
Jeśli tworzysz coś więcej niż jednorazowy raport – Figma będzie lepszym wyborem. Dla prostych layoutów – PowerPoint wystarczy.
Dobre praktyki rozmiarów stron raportowych Power BI
Domyślny rozmiar w Power BI to 16:9 – i nie bez powodu. Pasuje do większości ekranów i rzutników. Ale czy to najlepszy wybór?
Opcja 1: Rozmiary standardowe – sprawdzone, uniwersalne, bezpieczne
To ustawienia, które dobrze sprawdzają się w większości przypadków i są zgodne z proporcjami ekranów 16:9. Jeśli nie wiesz, jaki rozmiar wybrać – zacznij właśnie tutaj.
Najczęstsze wymiary:
- 1280 × 720 px – lekki, szybki wczytujący się raport, odpowiedni na większość laptopów.
- 1600 × 900 px – kompromis między przestrzenią roboczą a wydajnością.
- 1920 × 1080 px (Full HD) – idealny na duże ekrany, prezentacje i raporty wyświetlane na rzutnikach.
Kiedy stosować:
- Tworzysz raporty dla szerokiego grona odbiorców.
- Nie jesteś pewien, na jakim sprzęcie raport będzie przeglądany.
- Chcesz łatwo dopasować projekt do slajdów PowerPointa lub ekranu laptopa.
Opcja 2: Rozmiary zaawansowane – świadome dopasowanie do środowiska
Jeśli znasz środowisko, w którym użytkownicy będą przeglądać raport, warto dostosować rozmiar strony do realnych warunków ekranu i interfejsu Power BI. Standardowy ekran 16:9 z panelem nawigacyjnym daje realnie mniej miejsca, niż wynika z proporcji 1920 × 1080.
Proponowane wymiary:
- 2000 × 1000 px – proporcja 2:1; idealnie wypełnia przestrzeń w Power BI Service z panelem bocznym.
- 1900 × 1000 px – dobrze wygląda w trybie pełnoekranowym, bez pasków przewijania i marginesów.
Kiedy stosować:
- Wiesz, że użytkownicy będą oglądać raport głównie w Power BI Service.
- Chcesz uzyskać bardziej panoramiczny układ z większą przestrzenią na dane.
- Projektujesz nowoczesny dashboard, w którym ważne jest rozmieszczenie elementów bez marnowania miejsca.
Jak zrobić tło do raportu Power BI w PowerPoint?
Krok 1: Wstaw Nowy slajd (pusty)
Krok 2: Wstaw kształt i rozciągnij go, tak aby dostosować jego rozmiar do wielkości slajdu
Wstawianie > Kształty – Wybierz prostokąt
Krok 3: Upewnij się, że wstawiony kształt nie ma konturów
Krok 4: Ustaw kolor slajdu
Format Kształtu > Wypełnienie kształtu >Więcej kolorów (wprowadź wybrany przez Ciebie Hex lub wybierz kolor z dostępnej palety, a następnie zatwierdź OK)
Krok 5: Dodaj wybrane przez Ciebie logo
Wstawianie > Obrazy (wskaż plik), a następnie przesuń go na górę strony slajdu
Krok 6: Wstaw tytuł raportu
Wstawianie > Pole tekstowe (wprowadź tytuł, dobierz czcionkę, jej kolor i rozmiar), a następnie umieść na górze slajdu pole tekstowe
Krok 7: Dodaj linię oddzielającą nagłówek raportu
Wstawianie > Kształty (wybierz Linię) i umieść ją tuż pod tytułem i logiem
Krok 8: Ustaw grubość linii na 4,5 pkt oraz wybierz kolor
Krok 9: Przejdź do tworzenia Placeholderów
W zakładce Wstawienie > Kształty wybierz prostokąt z zaokrąglonymi rogami, a następnie sformatuj go: Kliknij na kształt i wybierz z menu Format kształtu >Gradient > Więcej gradientów
Krok 10: Dobierz kolor i rodzaj gradientu z menu, które pojawi się po prawej stronie
Krok 11: Skopiuj powstały kształt i dopasuj jego wielkość w zależności od układu dashbordu, który będziesz tworzyć
Krok 12: Zgrupuj wstawione wcześniej kształty i obszar tekstowy
Trzymając Ctrl zaznacz kolejno wstawione elementy, a następnie: Prawy przycisk myszy> Grupuj
Krok 13: Zapisz jako obraz
Zapisz utworzone tło jako obraz: Zaznacz wszystkio > Prawy przycisk myszy > Zapisz jako obraz
Krok 14: Ustaw tło w Power BI Desktop
Formatuj stronę > Tło kanwy >Dodaj obraz . Pamiętaj, aby ustawić przezroczystość strony na 0% oraz Dopasowanie obrazu
Jak zrobić tło do raportu Power BI w Figma?
Figma to aplikacja uruchamiana w chmurze służąca do projektowania i prototypowania zaawansowanych interfejsów aplikacji mobilnych oraz stron internetowych. Wersja standardowa (podstawowa) jest w bezpłatna i aby móc z niej korzystać należy założyć nowe konto bądź skorzystać z konta Google. Jeśli wybierzemy pierwszą opcję, zostaniemy poproszeni o podanie adresu e-mail (login) i ustalenie hasła do usługi. Po weryfikacji konta będziemy mogli cieszyć się pełną funkcjonalnością oprogramowania.
Krok 1: W prawym górnym rogu strony przejdź do: Design File
Krok 2: Utwórz nowe obramowanie (ang. Frame)
Krok 3: Ustaw rozmiar obszaru roboczego
Po wykonaniu kroku 2, z prawej strony pojawi się panel z możliwością wyboru rozmiaru obszaru roboczego. Jeśli w Power BI Desktop wybrałeś Ustawienia kanwy 16:9, z bocznego panelu wybierz rozmiar obramowania odpowiadający tej wielkości. (1280×720)
Krok 4: Wybierz kolor tła
Ustaw kolor tła obszaru roboczego: Kliknij w dowolnym miejscu na obszar roboczy, który utworzyłeś, aby aktywować z prawej strony panel jego edycji, a następnie w sekcji Wypełnienie (ang. Fill) przejdź do wybrania koloru tła. Wybierz kolor tła z palety lub wprowadź wybrany przez Ciebie HEX.
Krok 5: Wstaw linię oddzielającą główną część tła od loga i tytułu
Podobnie jak w przypadku tła ustaw kolor jej wypełnienia (Kliknij na obszar kształtu – linii, którą wstawiłeś a następnie z panelu po prawej stronie wybierz kolor
Krok 6: Wstaw logo wybierając obraz ze źródłowej lokalizacji, a następnie dostosuj jego rozmiar i położenie.
Krok 7: Wstaw tytuł raportu
Kliknij na obszar wskazany na obrazku a następnie wskaż obszar lokalizacji tekstu. Wpisz w „aktywną ramkę” tytuł oraz ustaw zzcionkę, kolor i jej rozmiar
Krok 7: Stwórz placeholdery, aby osadzić w nich później w Power BI Desktop wybrane elementy wizualizacji
Podobnie jak w Kroku 5, wstaw kształt (prostokąt) i sformatuj jego kolor oraz kształt – zaokrąglone rogi sformatujesz wybierając z prawego menu Constrain Proportions.
Krok 8: Sformatuj wstawiony kształt
Kliknij na kształt i z prawego menu dostosuj kolor oraz wypełnienie gradientowe
Krok 9: Skopiuj stworzony wcześniej kształt i rozmieść go według własnych preferencji na dahsbordzie
Kliknij na kształt, a następnie użyj skrótów klawiszowych: Ctrl+C > Ctrl+C.
Krok 10: Eksportuj obraz
Zapisz obraz do pliku: Kliknij na znak plusa w prawej dolnej części panelu, a następnie Export TV-1 z rozszerzeniem PNG.
Krok 11: W Power BI Desktop ustaw tło kanwy załączając zapisany obraz jak poprzednio.
Jeśli chcesz rozpocząć swoją przygodę z tym narzędziem polecam skorzystać z poniższych linków do bezpłatnej nauki:
- https://nauka-online.pl/15-darwome-lekcje-figma.html
- https://infoshareacademy.com/figma-academy/
- https://youtube.com/playlist?list=PLWK-HtVd-_eyq8ceA2BbpAg97vICXUqAV&si=V_r9u6wkvrWLW5Vg
Inspiracja Power BI – Jak budować tło do raportów w portfolio Analityka Danych?
W sieci znajdziesz również filmiki instruktażowe, jak zbudować tło krok po kroku. Podrzucam kilka inspiracji:
- https://www.youtube.com/watch?v=nVnj2C-alhE
- https://www.youtube.com/watch?v=cYwioeHu_OU
- https://www.youtube.com/watch?v=K3kTKpFVH30
- https://www.youtube.com/watch?v=WE2dSZzwbGA
Pobierz plik Power BI z tłem z Figma i PowerPoint
Tu możesz pobrać pliki Power BI Desktop z dwoma wariantami tła.
